:root{color-scheme:light;color:#18201b;background:#f5f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;color:#e4eee7;background:#101713}*{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}body{min-width:320px;min-height:100vh;margin:0;background:inherit}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px;background:linear-gradient(135deg,rgba(47,92,84,.12),transparent 35%),linear-gradient(315deg,rgba(193,84,63,.12),transparent 40%),#f5f7f4}.auth-topbar{width:min(440px,100%);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:18px}.auth-panel{width:min(440px,100%);margin:auto 0}.auth-brand,.brand{display:flex;align-items:center;gap:12px}.auth-brand{margin-bottom:18px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#2f5c54;font-weight:800}.brand strong,.auth-brand strong{display:block;font-size:15px}.brand span,.auth-brand span{display:block;color:#66736a;font-size:13px}.auth-card,.panel,.review-card{border:1px solid #dbe2dc;border-radius:8px;background:#fff;box-shadow:0 14px 32px #18201b0f}.auth-card{padding:28px}.auth-card h1,.page-header h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:0}.auth-card p,.page-header p{margin:10px 0 0;color:#66736a}.auth-switch{font-size:14px;text-align:center}.auth-switch a{color:#2f5c54;font-weight:700}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.mobile-app-header,.sidebar-backdrop,.sidebar-close-button{display:none}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px;padding:22px;border-right:1px solid #dbe2dc;background:#fff}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-list{display:grid;gap:6px}.nav-list a,.icon-text-button{min-height:42px;display:flex;align-items:center;gap:10px;border-radius:8px;padding:0 12px;color:#445047;font-weight:650}.nav-list a.active,.nav-list a:hover,.icon-text-button:hover{background:#e8f1ed;color:#1d4d44}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.user-summary{min-width:0;display:flex;align-items:center;gap:10px;color:#66736a;font-size:14px}.user-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-text-button,.icon-button,.primary-button,.secondary-button,.danger-button,.success-button{cursor:pointer;border:0}.icon-text-button{width:100%;background:transparent}.sync-status{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:7px 10px;color:#445047;background:transparent;text-align:left}.sync-status:not(:disabled){cursor:pointer}.sync-status:hover:not(:disabled){color:#1d4d44;background:#e8f1ed}.sync-status>span{min-width:0;display:grid;gap:2px}.sync-status strong,.sync-status small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-status strong{font-size:13px}.sync-status small{color:#66736a;font-size:11px}.connection-banner{min-height:48px;display:flex;align-items:center;gap:10px;margin-bottom:18px;border:1px solid #d8b55b;border-radius:8px;padding:8px 12px;color:#5b4513;background:#fff8df}.connection-banner>span{min-width:0;display:flex;align-items:baseline;gap:8px;flex:1;font-size:13px}.connection-banner .secondary-button,.connection-banner-actions{flex:0 0 auto}.spin-icon{animation:spin .8s linear infinite}.pwa-update-toast{position:fixed;right:20px;bottom:20px;z-index:70;width:min(420px,calc(100vw - 32px));display:flex;align-items:center;gap:14px;border:1px solid #cfd8d1;border-radius:8px;padding:14px;background:#fff;box-shadow:0 18px 42px #18201b33}.pwa-update-toast>div:first-child{min-width:0;display:grid;gap:4px;flex:1}.pwa-update-toast span{color:#66736a;font-size:13px}.language-selector{min-height:42px;display:flex;align-items:center;gap:9px;border-radius:8px;padding:0 10px;color:#445047}.language-selector:hover{color:#1d4d44;background:#e8f1ed}.language-selector select{min-width:0;border:0;padding:0 22px 0 0;color:inherit;background-color:transparent;cursor:pointer;font-weight:650}.language-selector select:focus{border:0;box-shadow:none}.auth-language-selector,.auth-theme-toggle{width:auto;border:1px solid #dbe2dc;background:#ffffffc7;box-shadow:0 10px 24px #18201b0f}.content{min-width:0;padding:34px}.page-stack{display:grid;gap:22px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.page-actions,.button-row,.icon-button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.split-grid{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:18px;align-items:start}.panel{min-width:0;padding:20px}.panel h2,.empty-state h2,.review-result h2{margin:0;font-size:20px;letter-spacing:0}.module-create-panel{display:grid;gap:14px}.module-create-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.module-create-toggle{display:none;flex:0 0 auto}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-header span{display:inline-flex;align-items:center;gap:6px;color:#66736a;font-weight:700}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:7px;color:#3d493f;font-size:14px;font-weight:700}input,select,textarea{width:100%;border:1px solid #cfd8d1;border-radius:8px;padding:11px 12px;color:#18201b;background:#fff;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2f5c54;box-shadow:0 0 0 3px #2f5c5424}.primary-button,.secondary-button,.danger-button,.success-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:0 16px;font-weight:800}.primary-button{color:#fff;background:#2f5c54}.secondary-button{border:1px solid #cfd8d1;color:#2d3a31;background:#fff}.danger-button{color:#fff;background:#b8473d}.success-button{color:#fff;background:#2f6f45}.compact{min-height:36px;padding:0 12px;font-size:14px}button:disabled{cursor:not-allowed;opacity:.58}.form-error{border:1px solid #f0bab5;border-radius:8px;padding:10px 12px;color:#8a2f29;background:#fff2f1;font-size:14px}.auth-notice{margin-top:18px;border:1px solid #d8c987;border-radius:8px;padding:11px 12px;color:#5d501e;background:#fff9df;font-size:14px;line-height:1.45}.empty-state{display:grid;gap:10px;place-items:start;border:1px dashed #cfd8d1;border-radius:8px;padding:24px;color:#66736a;background:#fbfcfb}.empty-state p{margin:0}.module-list,.card-list{display:grid;gap:10px}.module-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid #dbe2dc;border-radius:8px;padding:14px;background:#fbfcfb}.module-row:hover{border-color:#2f5c54;background:#f0f6f3}.module-row strong{display:block;margin-bottom:4px}.module-row p{margin:0 0 10px;color:#66736a}.module-row span,.module-row-meta{display:inline-flex;align-items:center;gap:7px;color:#66736a;font-size:13px;font-weight:700}.module-row-meta{justify-self:end}.module-labels{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.module-row .module-labels{margin-bottom:10px}.module-labels .level-label,.module-labels .tag-label{min-height:24px;display:inline-flex;align-items:center;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:800}.module-labels .level-label{border:1px solid #8dbda3;color:#24533f;background:#e4f2e9}.module-labels .tag-label{border:1px solid #d8ded9;color:#5b685f;background:#f1f4f2}.module-labels .tag-label-more{color:#738078;background:transparent}.module-filters{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(150px,1fr) auto;gap:10px;align-items:end;margin-bottom:16px}.module-filters label{display:grid;gap:6px}.module-filters label>span{color:#66736a;font-size:12px;font-weight:700}.form-field{display:grid;gap:8px}.field-label{display:flex;align-items:baseline;gap:7px;color:#3d493f;font-size:14px;font-weight:700}.field-label span{color:#89938c;font-size:12px;font-weight:600}.tag-choice-list{display:flex;gap:7px;flex-wrap:wrap}.tag-choice-list .tag-choice{min-height:32px;display:inline-flex;align-items:center;gap:7px;border:1px solid #d8ded9;border-radius:6px;padding:5px 9px;color:#5b685f;background:#f5f7f5;cursor:pointer;font-size:13px;font-weight:700}.tag-choice-list .tag-choice.selected{border-color:#8dbda3;color:#24533f;background:#e4f2e9}.tag-choice input{width:15px;height:15px;margin:0;accent-color:#2f5c54}.tag-create-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-box{min-width:0;border:1px solid #dbe2dc;border-radius:8px;padding:14px;background:#fff}.stat-box span{display:block;margin-bottom:8px;color:#66736a;font-size:13px;font-weight:700}.stat-box strong{display:block;overflow-wrap:anywhere}.card-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:start;border:1px solid #dbe2dc;border-radius:8px;padding:14px;background:#fbfcfb}.card-row.editing{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card-row label{display:grid;gap:7px;color:#3d493f;font-size:14px;font-weight:700}.card-row.editing .form-error,.card-row.editing .button-row{grid-column:1 / -1}.examples-editor{grid-column:1 / -1;min-width:0;border-top:1px solid #e2e7e3;padding-top:4px}.examples-editor summary{min-height:34px;display:flex;align-items:center;gap:7px;color:#66736a;cursor:pointer;font-size:13px;font-weight:700;list-style:none;-webkit-user-select:none;user-select:none}.examples-editor summary::-webkit-details-marker{display:none}.examples-editor summary span{color:#89938c;font-size:12px;font-weight:600}.examples-editor-chevron{margin-left:auto;transition:transform .16s ease}.examples-editor[open] .examples-editor-chevron{transform:rotate(180deg)}.examples-editor-list{display:grid;gap:10px;margin-top:4px}.example-editor-item{display:grid;gap:9px;border-radius:6px;padding:12px;background:#f2f5f3}.example-editor-item-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.example-editor-item-header>span{color:#657069;font-size:12px;font-weight:700}.examples-editor-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.form-stack .examples-editor-fields label,.card-row .examples-editor-fields label{color:#657069;font-size:13px;font-weight:600}.example-add-button{justify-self:start}.card-row p{margin:4px 0 0;overflow-wrap:anywhere}.card-examples-panel{grid-column:1 / -1;display:grid;gap:12px;border-top:1px solid #dbe2dc;padding-top:14px}.card-example-pair{display:grid;gap:8px}.card-example-pair+.card-example-pair{border-top:1px solid #e2e7e3;padding-top:12px}.card-example-number{color:#7a867e;font-size:12px;font-weight:700}.card-example-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.card-example{border-left:3px solid #badbc3;padding-left:10px}.card-example span{display:block;color:#66736a;font-size:12px;font-weight:800;text-transform:uppercase}.card-example p{color:#4f5e54;font-size:14px}.eyebrow{color:#66736a;font-size:12px;font-weight:800;text-transform:uppercase}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #cfd8d1;border-radius:8px;color:#2d3a31;background:#fff}.icon-button.danger{color:#b8473d}.icon-button.small{width:30px;height:30px}.icon-button.active{border-color:#72a98a;color:#234d3d;background:#e5f3eb}.review-screen{max-width:960px}.review-card{display:grid;gap:18px;padding:22px}.review-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#66736a;font-weight:800}.review-progress div{display:flex;gap:14px}.review-face{min-height:170px;display:grid;align-content:center;gap:10px;border:1px solid #dbe2dc;border-radius:8px;padding:22px;background:#fbfcfb}.review-face.answer{background:#f0f6f3}.review-face p{margin:0;font-size:clamp(24px,5vw,46px);line-height:1.14;overflow-wrap:anywhere}.reveal-button{width:100%}.review-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-result,.learn-start{display:grid;gap:18px}.learn-option{display:flex;align-items:flex-start;gap:12px;border:1px solid #dbe2dc;border-radius:8px;padding:14px;color:#2d3a31;background:#fbfcfb;font-weight:800}.learn-option input{width:18px;height:18px;margin:2px 0 0;accent-color:#2f5c54}.learn-option span{display:grid;gap:4px}.learn-option small{color:#66736a;font-size:14px;font-weight:600}.learn-option.disabled{opacity:.72}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{min-height:126px;display:grid;gap:8px;align-content:start;border:1px solid #dbe2dc;border-radius:8px;padding:16px;color:#2d3a31;background:#fbfcfb;text-align:left;cursor:pointer}.choice-card:hover,.choice-card.selected{border-color:#2f5c54;background:#f0f6f3}.choice-card span{color:#2f5c54;font-size:13px;font-weight:800;text-transform:uppercase}.choice-card strong{font-size:18px}.choice-card small{color:#66736a;font-size:14px}.learn-answer{display:grid;gap:8px;font-weight:800}.learn-feedback{display:grid;gap:8px;border-radius:8px;padding:14px}.learn-feedback div{display:flex;align-items:center;gap:8px}.learn-feedback p{margin:0}.learn-feedback.correct{color:#245633;background:#eaf6ed}.learn-feedback.wrong{color:#8a2f29;background:#fff2f1}.mistake-list{display:grid;gap:10px}.mistake-list h3{margin:0;font-size:16px}.mistake-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #dbe2dc;border-radius:8px;padding:12px;background:#fbfcfb}.mistake-row p{margin:4px 0 0;overflow-wrap:anywhere}.learn-schedule-result{display:grid;gap:12px;border:1px solid #badbc3;border-radius:8px;padding:14px;background:#f0f8f2}.learn-schedule-result>div:first-child{display:grid;gap:4px}.learn-schedule-result strong{text-transform:capitalize}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guide-card{min-width:0;display:grid;align-content:start;gap:14px;border:1px solid #dbe2dc;border-radius:8px;padding:18px;background:#fff;box-shadow:0 12px 28px #18201b0d}.guide-card-wide{grid-column:1 / -1}.guide-card-title{display:flex;align-items:center;gap:10px;color:#2f5c54}.guide-card-title h2{margin:0;color:#18201b;font-size:20px;letter-spacing:0}.guide-card p{margin:0;color:#4f5e54;line-height:1.6}.guide-steps,.guide-list{display:grid;gap:10px;margin:0;padding-left:20px;color:#4f5e54;line-height:1.5}.guide-callout{display:flex;align-items:center;gap:10px;border:1px solid #badbc3;border-radius:8px;padding:12px;color:#245633;background:#f0f8f2;font-weight:700}.rating-table{display:grid;overflow:hidden;border:1px solid #dbe2dc;border-radius:8px}.rating-row{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(90px,.8fr) minmax(180px,1.4fr);gap:12px;padding:12px 14px;color:#4f5e54}.rating-row+.rating-row{border-top:1px solid #dbe2dc}.rating-row-head{color:#66736a;background:#f0f6f3;font-size:13px;font-weight:800;text-transform:uppercase}.rating-row strong{color:#2f5c54;text-transform:capitalize}:root[data-theme=dark] .auth-screen{background:linear-gradient(135deg,rgba(82,165,143,.12),transparent 35%),linear-gradient(315deg,rgba(214,111,91,.1),transparent 40%),#101713}:root[data-theme=dark] .brand-mark{color:#08110d;background:#88d7bd}:root[data-theme=dark] .brand span,:root[data-theme=dark] .auth-brand span,:root[data-theme=dark] .auth-card p,:root[data-theme=dark] .page-header p,:root[data-theme=dark] .guide-card p,:root[data-theme=dark] .guide-steps,:root[data-theme=dark] .guide-list,:root[data-theme=dark] .user-summary,:root[data-theme=dark] .panel-header span,:root[data-theme=dark] .module-row p,:root[data-theme=dark] .module-row span,:root[data-theme=dark] .module-row-meta,:root[data-theme=dark] .stat-box span,:root[data-theme=dark] .card-example span,:root[data-theme=dark] .card-example p,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .review-progress,:root[data-theme=dark] .learn-option small,:root[data-theme=dark] .choice-card small{color:#9aaca2}:root[data-theme=dark] .auth-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .review-card{border-color:#2c3b33;background:#17211c;box-shadow:0 18px 38px #00000047}:root[data-theme=dark] .auth-switch a,:root[data-theme=dark] .choice-card span{color:#8bd8bd}:root[data-theme=dark] .sidebar{border-right-color:#2c3b33;background:#121a16}:root[data-theme=dark] .mobile-app-header{border-bottom-color:#2c3b33;background:#121a16f5}:root[data-theme=dark] .nav-list a,:root[data-theme=dark] .icon-text-button,:root[data-theme=dark] .language-selector,:root[data-theme=dark] .sync-status{color:#c5d3cb}:root[data-theme=dark] .auth-theme-toggle,:root[data-theme=dark] .auth-language-selector{border-color:#35483e;background:#121a16c7;box-shadow:0 10px 24px #00000038}:root[data-theme=dark] .nav-list a.active,:root[data-theme=dark] .nav-list a:hover,:root[data-theme=dark] .icon-text-button:hover,:root[data-theme=dark] .language-selector:hover,:root[data-theme=dark] .sync-status:hover:not(:disabled){color:#e8fff5;background:#20362d}:root[data-theme=dark] .sync-status small,:root[data-theme=dark] .pwa-update-toast span{color:#9aaca2}:root[data-theme=dark] .connection-banner{border-color:#806f3e;color:#f2dfa5;background:#302a18}:root[data-theme=dark] .pwa-update-toast{border-color:#35483e;color:#eef7f2;background:#17211c;box-shadow:0 18px 42px #00000061}:root[data-theme=dark] .form-stack label{color:#d2dfd8}:root[data-theme=dark] .card-row label{color:#d2dfd8}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{border-color:#35483e;color:#eef7f2;background:#101713}:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{border-color:#88d7bd;box-shadow:0 0 0 3px #88d7bd2e}:root[data-theme=dark] .primary-button{color:#08110d;background:#88d7bd}:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .icon-button{border-color:#35483e;color:#e4eee7;background:#151e19}:root[data-theme=dark] .danger-button{color:#fff5f3;background:#c95a50}:root[data-theme=dark] .success-button{color:#f0fff5;background:#3d8a59}:root[data-theme=dark] .form-error{border-color:#7d3934;color:#ffc8c3;background:#321d1b}:root[data-theme=dark] .auth-notice{border-color:#806f3e;color:#f2dfa5;background:#302a18}:root[data-theme=dark] .empty-state,:root[data-theme=dark] .module-row,:root[data-theme=dark] .stat-box,:root[data-theme=dark] .card-row,:root[data-theme=dark] .review-face,:root[data-theme=dark] .learn-option,:root[data-theme=dark] .choice-card,:root[data-theme=dark] .mistake-row,:root[data-theme=dark] .guide-card,:root[data-theme=dark] .rating-table{border-color:#2c3b33;color:#e4eee7;background:#131c17}:root[data-theme=dark] .card-example{border-left-color:#3d7055}:root[data-theme=dark] .card-examples-panel{border-top-color:#2c3b33}:root[data-theme=dark] .card-example-pair+.card-example-pair{border-top-color:#29372f}:root[data-theme=dark] .card-example-number,:root[data-theme=dark] .example-editor-item-header>span{color:#84958b}:root[data-theme=dark] .examples-editor{border-top-color:#29372f}:root[data-theme=dark] .examples-editor summary,:root[data-theme=dark] .examples-editor summary span,:root[data-theme=dark] .form-stack .examples-editor-fields label,:root[data-theme=dark] .card-row .examples-editor-fields label{color:#84958b}:root[data-theme=dark] .example-editor-item{background:#101713}:root[data-theme=dark] .icon-button.active{border-color:#4f856a;color:#bff1cf;background:#183225}:root[data-theme=dark] .guide-card-title,:root[data-theme=dark] .rating-row strong{color:#8bd8bd}:root[data-theme=dark] .guide-card-title h2{color:#e4eee7}:root[data-theme=dark] .guide-callout{border-color:#3d7055;color:#bff1cf;background:#183225}:root[data-theme=dark] .rating-row+.rating-row{border-top-color:#2c3b33}:root[data-theme=dark] .rating-row{color:#9aaca2}:root[data-theme=dark] .rating-row-head{color:#c5d3cb;background:#1b3028}:root[data-theme=dark] .empty-state{border-color:#35483e;color:#9aaca2}:root[data-theme=dark] .module-row:hover,:root[data-theme=dark] .review-face.answer,:root[data-theme=dark] .choice-card:hover,:root[data-theme=dark] .choice-card.selected{border-color:#88d7bd;background:#1b3028}:root[data-theme=dark] .field-label,:root[data-theme=dark] .module-filters label>span{color:#c5d3cb}:root[data-theme=dark] .field-label span{color:#84958b}:root[data-theme=dark] .tag-choice-list .tag-choice,:root[data-theme=dark] .module-labels .tag-label{border-color:#35483e;color:#9aaca2;background:#151e19}:root[data-theme=dark] .tag-choice-list .tag-choice.selected,:root[data-theme=dark] .module-labels .level-label{border-color:#4f856a;color:#bff1cf;background:#183225}:root[data-theme=dark] .module-labels .tag-label-more{color:#84958b;background:transparent}:root[data-theme=dark] .icon-button.danger{color:#ffb6ae}:root[data-theme=dark] .learn-feedback.correct{color:#bff1cf;background:#173123}:root[data-theme=dark] .learn-feedback.wrong{color:#ffc8c3;background:#321d1b}:root[data-theme=dark] .learn-schedule-result{border-color:#3d7055;background:#183225}:root[data-theme=dark] .spinner{border-color:#2c3b33;border-top-color:#88d7bd}.spinner{width:32px;height:32px;border:3px solid #dbe2dc;border-top-color:#2f5c54;border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.app-shell{display:block}.mobile-app-header{position:sticky;top:0;z-index:30;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;border-bottom:1px solid #dbe2dc;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-brand{min-width:0}.mobile-brand .brand-mark{width:38px;height:38px}.mobile-brand>div:last-child{min-width:0}.mobile-brand strong,.mobile-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-button{flex:0 0 auto}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(320px,calc(100vw - 48px));height:100dvh;gap:22px;overflow-y:auto;box-shadow:18px 0 38px #18201b29;transform:translate(-100%);visibility:hidden;transition:transform .18s ease,visibility .18s ease}.sidebar.is-open{transform:translate(0);visibility:visible}.sidebar-close-button{flex:0 0 auto;display:grid}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:block;border:0;padding:0;background:#0a100c7a;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.sidebar-backdrop.is-open{opacity:1;visibility:visible}.content{padding:22px}.module-create-toggle{display:grid}.module-create-panel:not(.is-expanded) .module-create-fields{display:none}.split-grid,.stats-grid,.guide-grid,.card-row,.card-row.editing,.card-example-columns,.examples-editor-fields,.module-row{grid-template-columns:1fr}.module-row-meta{justify-self:start}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-backdrop{transition:none}}@media(max-width:560px){.page-header,.review-progress{flex-direction:column;align-items:stretch}.content,.auth-screen{padding:16px}.sidebar{padding:18px}.mobile-app-header{padding-inline:16px}.connection-banner{align-items:flex-start;flex-wrap:wrap}.connection-banner>span{display:grid;gap:2px}.connection-banner .secondary-button,.connection-banner-actions{width:100%}.connection-banner-actions>button{flex:1 1 180px}.pwa-update-toast{right:16px;bottom:16px;align-items:flex-start}.review-controls,.choice-grid,.mistake-row,.rating-row,.module-filters,.tag-create-row{grid-template-columns:1fr}.module-filters .icon-button{justify-self:end}}