@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('assets/fonts/dm-serif-display-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'DM Serif Display';src:url('assets/fonts/dm-serif-display-italic-latin.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{color-scheme:light;--bg:#f6f3ee;--sidebar:#fcfaf6;--surface:#fffdf9;--surface-2:#f8f5f0;--surface-3:#f0eae4;--ink:#302b28;--muted:#756c65;--faint:#a3988e;--line:#e9e0d6;--line-strong:#d8cdc1;--accent:#a94f36;--accent-soft:#f7e9df;--accent-border:#ca917c;--shadow:none;--sidebar-width:222px;--sans:'DM Sans',Arial,sans-serif;--serif:'DM Serif Display',Georgia,serif}
html[data-theme="dark"]{color-scheme:dark;--bg:#211f1d;--sidebar:#252321;--surface:#2c2926;--surface-2:#332f2b;--surface-3:#3d3833;--ink:#f5eee7;--muted:#bdb0a4;--faint:#95887e;--line:#4a423c;--line-strong:#60554c;--accent:#e6a186;--accent-soft:#48342d;--accent-border:#956751;--shadow:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 15px 15px;transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform}
.brand{display:flex;align-items:center;gap:10px;margin:0 7px 35px}.brand-symbol{width:35px;height:35px;display:grid;place-items:center;background:#2b2927;border-radius:11px;color:#e6a186}.brand-symbol .icon{width:21px;height:21px;stroke-width:1.5}.brand>span:last-child{display:grid;gap:2px}.brand strong{font-size:20px;font-weight:700;letter-spacing:-1.15px;line-height:1}.brand strong span{color:var(--accent)}.brand small{font-size:8px;font-weight:700;letter-spacing:1.18px;color:var(--faint)}
.sidebar-scroll{overflow:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.side-label{display:flex;justify-content:space-between;padding:0 10px;color:var(--faint);font-size:9px;letter-spacing:1.2px;font-weight:700;margin-bottom:11px}.side-label span{color:var(--muted)}.side-spaced{margin-top:27px}.side-nav{display:grid;gap:3px}.side-nav button{width:100%;min-width:0;display:flex;align-items:center;gap:10px;height:38px;border:0;border-radius:8px;padding:0 10px;background:transparent;color:var(--muted);font-size:12px;text-align:left;font-weight:600}.side-nav button:hover{background:var(--surface-3);color:var(--ink)}.side-nav button.active{background:var(--accent-soft);color:var(--accent)}.side-nav .icon{width:16px;height:16px}.side-dot{width:5px;height:5px;border-radius:50%;margin-left:auto;background:var(--accent)}.side-count{margin-left:auto;color:var(--faint);font-size:10px}.side-types button{height:33px;font-size:11.5px;font-weight:500}.side-types .icon{width:15px;height:15px;color:var(--accent)}.side-separator{height:1px;background:var(--line);margin:21px 10px}.source-list{display:grid;gap:2px}.source-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;border-radius:8px;background:none;text-align:left;color:var(--ink)}.source-item:hover{background:var(--surface-3)}.source-mark{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:8px;color:#49434c;font-size:8px;font-weight:800}.source-item>span:last-child{display:grid;gap:3px;min-width:0}.source-item strong{font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-item small{font-size:9px;color:var(--faint)}.side-bottom{display:flex;gap:9px;align-items:flex-start;padding:12px 9px 3px;border-top:1px solid var(--line)}.privacy-icon{width:27px;height:27px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--surface-3);color:var(--muted)}.privacy-icon .icon{width:14px;height:14px}.side-bottom strong{display:block;margin:1px 0 4px;font-size:10px}.side-bottom p{margin:0;font-size:9.5px;line-height:1.45;color:var(--muted)}.sidebar-close,.sidebar-overlay{display:none}
.main{margin-left:var(--sidebar-width);min-width:0;min-height:100vh;transition:margin-left .28s cubic-bezier(.2,.8,.2,1)}.sidebar-collapsed .sidebar{transform:translateX(-102%)}.sidebar-collapsed .main{margin-left:0}
.topbar{position:sticky;top:0;z-index:35;height:65px;padding:0 36px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.icon-button{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--ink)}.icon-button:hover{background:var(--surface-3)}.icon-button .icon{width:17px;height:17px}.breadcrumb{display:flex;align-items:center;gap:10px;white-space:nowrap}.breadcrumb span:first-child{font-size:9px;font-weight:700;letter-spacing:1.05px;color:var(--faint)}.bread-sep{color:var(--line-strong)}.breadcrumb strong{font-size:11px;font-weight:700}.saved-indicator{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10.5px;white-space:nowrap}.saved-indicator i,.ready-chip i,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);flex:none}.top-action{display:inline-flex;align-items:center;gap:7px;height:35px;padding:0 11px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);font-size:10.5px;font-weight:700}.top-action:hover{background:var(--surface-3)}.top-action .icon{width:15px;height:15px;color:var(--accent)}
.content{max-width:1560px;margin:0 auto;padding:34px 38px 28px}.hero-line{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:1px 0 26px}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1.25px}.eyebrow-spark{color:var(--accent);font-size:14px;line-height:1}.hero-line h1,.saved-heading h1{font:400 clamp(40px,4vw,58px)/1 var(--serif);letter-spacing:-1px;margin:10px 0 8px;color:var(--ink)}.hero-line h1 em,.saved-heading h1 em,.modal h2 em{font-style:italic;color:var(--accent)}.hero-line p,.saved-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.hero-note{display:flex;align-items:center;gap:11px;padding-bottom:4px}.source-avatars{display:flex;padding-left:3px}.source-avatars span{width:29px;height:29px;display:grid;place-items:center;margin-left:-4px;border:2px solid var(--bg);border-radius:50%;background:#d9d0ef;color:#63577c;font-size:8px;font-weight:800}.source-avatars span:nth-child(2){background:#f0d5c7;color:#946b5b}.source-avatars span:nth-child(3){background:#d3e7d7;color:#628272}.source-avatars span:nth-child(4){background:#d5e5ed;color:#627f92}.hero-note>div:last-child{display:grid;gap:4px}.hero-note strong{font-size:10.5px}.hero-note small{font-size:10px;color:var(--muted);white-space:nowrap}
.choose-panel{display:flex;align-items:center;gap:22px;padding:17px 19px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.choose-intro{display:flex;align-items:center;gap:10px;min-width:175px}.step-badge{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:800}.choose-intro>div{display:grid;gap:4px}.choose-intro strong{font-size:11.5px}.choose-intro small{font-size:10px;color:var(--muted)}.choose-fields{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1.25fr);gap:9px;flex:1;min-width:0}.choose-fields label{display:grid;gap:5px;min-width:0}.choose-fields label>span{font-size:8px;font-weight:800;letter-spacing:.9px;color:var(--faint)}select,.editor-input,.editor-textarea{min-width:0;color:var(--ink);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:7px}.choose-fields select{width:100%;height:35px;padding:0 9px;font-size:11px;font-weight:600}.ready-chip{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.8px}
.format-heading,.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.format-heading{margin:29px 0 13px}.section-kicker{display:flex;align-items:center;gap:7px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:1.05px}.section-kicker span{color:var(--accent)}.format-heading h2,.studio-heading h2{font:400 25px/1.1 var(--serif);letter-spacing:-.25px;margin:7px 0 0}.format-heading p,.studio-heading p{font-size:11px;color:var(--muted);margin:0 0 3px}.format-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.format-card{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;min-height:85px;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-align:left;box-shadow:var(--shadow);transition:transform .18s,border-color .18s,background .18s}.format-card:hover{transform:translateY(-2px);border-color:var(--accent-border)}.format-card[aria-pressed="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 63%,var(--surface));box-shadow:none}.format-card strong{font-size:10.5px;line-height:1.25;white-space:normal}.format-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.format-icon .icon{width:16px;height:16px}
.studio-heading{margin:31px 0 14px}.studio-heading p{margin:6px 0 0}.studio-actions,.button{display:flex;align-items:center;gap:8px}.button{justify-content:center;min-height:37px;padding:0 13px;border:1px solid transparent;border-radius:8px;font-size:10.5px;font-weight:700;white-space:nowrap;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button .icon{width:14px;height:14px}.button.primary{background:#2e2d2a;color:#fff;border-color:#2e2d2a}.button.primary:hover:not(:disabled){background:#494641}.button.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.button.secondary:hover:not(:disabled){background:var(--surface-3)}.button:disabled{opacity:.45;cursor:not-allowed}.button.quiet{border-color:var(--line-strong);background:transparent;color:var(--muted)}
.workbench{display:grid;grid-template-columns:minmax(0,1fr) 295px;align-items:start;gap:13px}.artifact-panel,.editor-panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.artifact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:0 16px;border-bottom:1px solid var(--line)}.canvas-label{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1px;font-weight:800;color:var(--muted);white-space:nowrap}.toolbar-separator{height:12px;width:1px;background:var(--line-strong);margin:0 2px}.canvas-hint{font-size:9.5px;color:var(--faint);white-space:nowrap}.style-bar{display:flex;align-items:center;gap:5px;padding:10px 14px 0;flex-wrap:wrap}.style-bar>span{font-size:8px;letter-spacing:1px;font-weight:800;color:var(--faint);margin-right:4px}.style-bar button{min-height:29px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:700}.style-bar button[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.artifact-body{padding:15px;min-height:385px}.visual-frame{width:100%;overflow:hidden;background:#f8f7f1;border:1px solid #eeeae0;border-radius:9px}.visual-frame svg{display:block;width:100%;height:auto}.visual-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 2px 0;font-size:10px;color:var(--muted)}.visual-caption strong{font-weight:700;color:var(--ink)}.editor-panel{padding:17px}.editor-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.editor-eyebrow{color:var(--faint);font-size:8.5px;font-weight:800;letter-spacing:1.05px}.editor-top h3{font:400 21px/1.1 var(--serif);margin:6px 0 0}.editor-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.editor-icon .icon{width:15px;height:15px}.editor-copy{font-size:11px;line-height:1.55;color:var(--muted);margin:0 0 13px}.editor-label{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.65px;margin:15px 0 6px;text-transform:uppercase}.editor-input,.editor-textarea{display:block;width:100%;padding:9px 10px;font-size:11.5px;line-height:1.45;outline:none}.editor-input{height:36px}.editor-textarea{min-height:65px;resize:vertical}.editor-input:focus,.editor-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.branch-list{display:grid;gap:7px}.branch-item{padding:9px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px}.branch-head{display:flex;align-items:center;gap:7px;margin-bottom:7px}.branch-index{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;font-size:9px;font-weight:800;color:var(--accent);background:var(--accent-soft)}.branch-name{flex:1;min-width:0;font-size:10px;font-weight:700;color:var(--muted)}.tiny-icon{width:25px;height:25px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--faint)}.tiny-icon:hover{color:#b55d5d;background:var(--surface-3)}.tiny-icon .icon{width:14px;height:14px}.branch-item .editor-input{height:32px;background:var(--surface);font-size:11px}.branch-item .editor-textarea{margin-top:6px;min-height:48px;padding:7px 8px;background:var(--surface);font-size:10.5px}.editor-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.editor-actions .button{flex:1;min-height:34px;padding:0 8px;font-size:10px}.editor-foot{margin:13px 0 0;color:var(--faint);font-size:10px;line-height:1.5}.editor-status{margin:9px 0 0;color:var(--accent);font-size:10px;line-height:1.4}.editor-status:empty{display:none}.style-cards{display:grid;gap:7px;margin-top:11px}.style-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);text-align:left}.style-option[aria-pressed="true"]{border-color:var(--accent-border);background:var(--accent-soft)}.style-thumb{width:40px;height:35px;display:grid;place-items:center;flex:none;border-radius:7px;background:#f8efd8;color:#8c7256;font-size:16px}.style-option[data-style="kawaii"] .style-thumb{background:#fce3ef;color:#d589ae}.style-option[data-style="bento"] .style-thumb{background:#e2ddf8;color:#7767ad}.style-option>span:last-child{display:grid;gap:3px}.style-option strong{font-size:10.5px}.style-option small{font-size:9px;color:var(--muted)}
.bottom-note{display:flex;align-items:center;gap:11px;margin-top:19px;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}.note-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:15px}.bottom-note strong{font-size:11px}.bottom-note p{font-size:10px;color:var(--muted);margin:4px 0 0}.bottom-note button{margin-left:auto;display:flex;align-items:center;gap:5px;background:transparent;border:0;color:var(--accent);font-size:10px;font-weight:700;white-space:nowrap}.bottom-note button .icon{width:13px;height:13px}.footer{display:flex;justify-content:space-between;gap:15px;margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font-size:9px;color:var(--faint);letter-spacing:.35px}.footer-mark{color:var(--accent)}
/* Study aid previews */
.aid-wrap{max-width:720px;margin:0 auto;padding:8px 3px 4px}.aid-overline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.8px}.aid-overline .pill{padding:5px 7px;background:var(--accent-soft);color:var(--accent);border-radius:6px;letter-spacing:.3px}.study-card{position:relative;width:min(100%,620px);min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;margin:20px auto 12px;padding:28px 38px;border:1px solid #ead5c7;border-radius:16px;background:radial-gradient(circle at 90% 10%,#f2ded0,transparent 38%),linear-gradient(140deg,#fffaf5,#f8eee6);color:#3a302b;box-shadow:none;overflow:hidden}.study-card::before,.study-card::after{content:'✳';position:absolute;color:#c9856d;font-size:22px}.study-card::before{top:18px;left:20px}.study-card::after{right:20px;bottom:16px;font-size:14px}.study-card .card-tag{font-size:9px;font-weight:800;letter-spacing:1.1px;color:#a94f36}.study-card strong{font:400 clamp(25px,3vw,35px)/1.16 var(--serif);max-width:520px;letter-spacing:-.2px}.study-card.is-answer strong{font:600 15px/1.55 var(--sans);letter-spacing:0}.study-card small{font-size:10px;color:#8e756b}.aid-controls{display:flex;align-items:center;justify-content:center;gap:8px}.aid-controls .button{min-width:36px}.aid-counter{min-width:68px;text-align:center;font-size:10px;font-weight:700;color:var(--muted)}.card-rating{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:16px}.card-rating>span{font-size:10px;color:var(--muted);margin-right:4px}.card-rating .button{min-height:32px}.inline-feedback{text-align:center;font-size:10.5px;line-height:1.5;color:var(--accent);margin:10px 0 0}.inline-feedback:empty{display:none}.quiz-box{max-width:650px;margin:0 auto;padding:13px 0 5px}.quiz-progress{height:4px;border-radius:5px;background:var(--surface-3);overflow:hidden;margin:12px 0 23px}.quiz-progress span{display:block;height:100%;background:var(--accent);border-radius:5px}.quiz-box h3{font:400 clamp(24px,2.5vw,32px)/1.15 var(--serif);margin:0 0 20px}.quiz-options{display:grid;gap:7px}.quiz-option{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-2);color:var(--ink);text-align:left;font-size:11.5px;line-height:1.45}.quiz-option:not(:disabled):hover{border-color:var(--accent-border)}.quiz-option .option-letter{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--surface);font-size:10px;font-weight:800;color:var(--muted);flex:none}.quiz-option.correct{border-color:#9cc7aa;background:#edf7ef;color:#365e42}.quiz-option.incorrect{border-color:#e2b2ae;background:#fff1ef;color:#8c5151}.quiz-option:disabled{cursor:default}.quiz-feedback{margin:11px 0 0;padding:11px;border-radius:8px;background:var(--surface-2);font-size:11px;line-height:1.55;color:var(--muted)}.quiz-feedback strong{color:var(--ink)}.quiz-result{text-align:center;padding:38px 12px}.quiz-result .result-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--accent-soft);color:var(--accent);margin:0 auto 13px;font-size:20px}.quiz-result h3{margin:0 0 8px}.quiz-result p{font-size:12px;color:var(--muted);line-height:1.55}.quiz-result .button{margin:16px auto 0}.quiz-next-row{display:flex;justify-content:flex-end;margin-top:12px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.data-table{border-collapse:collapse;width:100%;min-width:460px;text-align:left}.data-table th{padding:12px 14px;background:var(--surface-2);color:var(--faint);font-size:9px;letter-spacing:.8px;text-transform:uppercase}.data-table td{padding:15px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:11.5px;line-height:1.5;vertical-align:top}.data-table td:first-child{font-weight:700;color:var(--ink);width:27%}.data-table td:last-child{white-space:nowrap;font-size:10px;width:15%}.table-intro{font-size:11px;line-height:1.5;color:var(--muted);margin:12px 0 16px}
.deck-frame{min-height:330px;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,4vw,45px);border-radius:10px;background:#f2effa;color:#2e293d;position:relative;overflow:hidden}.deck-frame::after{content:'';position:absolute;right:-30px;bottom:-80px;width:220px;height:220px;border:1px solid #cfc1e7;border-radius:50%;box-shadow:0 0 0 30px #dcd2ef55,0 0 0 60px #e6dcf455}.deck-top,.deck-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#86769c;font-size:9px;font-weight:800;letter-spacing:1px}.deck-middle{position:relative;z-index:1;max-width:78%}.deck-middle h3{font:400 clamp(29px,3.5vw,47px)/1.02 var(--serif);letter-spacing:-.4px;margin:0 0 13px}.deck-middle p{max-width:530px;color:#685f75;font-size:12px;line-height:1.65;margin:0}.deck-middle .deck-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.deck-chips span{padding:6px 8px;border:1px solid #d5cae8;border-radius:30px;color:#766886;font-size:9px;font-weight:700}.deck-navigation{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px}
.guide-paper{padding:clamp(19px,3vw,32px);border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink)}.guide-head{padding-bottom:16px;border-bottom:1px solid var(--line)}.guide-head h3{font:400 clamp(28px,3.2vw,38px)/1.05 var(--serif);margin:9px 0}.guide-head p,.guide-copy{font-size:11.5px;line-height:1.65;color:var(--muted);margin:0}.guide-section{padding-top:18px}.guide-section h4{font-size:9px;letter-spacing:1px;font-weight:800;color:var(--accent);margin:0 0 9px}.guide-list{display:grid;gap:8px}.guide-row{display:grid;grid-template-columns:125px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.5}.guide-row strong{color:var(--ink)}.guide-row span{color:var(--muted)}.guide-steps{display:flex;flex-wrap:wrap;gap:6px}.guide-steps span{padding:6px 8px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:10px;font-weight:700}.guide-notes{min-height:85px;margin-top:8px}.mini-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.mini-stat-grid>div{padding:11px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px}.mini-stat-grid strong{display:block;font:400 23px/1 var(--serif);color:var(--ink)}.mini-stat-grid span{display:block;color:var(--muted);font-size:9.5px;margin-top:4px}.editor-list{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}.editor-list li{display:flex;align-items:flex-start;gap:7px;font-size:10.5px;color:var(--muted);line-height:1.5}.editor-list li::before{content:'✳';color:var(--accent);flex:none}.editor-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10.5px;color:var(--muted)}.editor-row strong{color:var(--ink)}.toggle-button{min-height:31px;padding:0 9px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-2);font-size:10px;font-weight:700}.toggle-button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}
/* Saved work and dialogs */
.saved-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.saved-card{padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.saved-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.saved-card-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.saved-card-icon .icon{width:17px;height:17px}.saved-card-type{font-size:9px;color:var(--faint);font-weight:800;letter-spacing:.8px}.saved-card h3{font:400 23px/1.15 var(--serif);margin:14px 0 6px}.saved-card p{font-size:10.5px;color:var(--muted);margin:0;line-height:1.5}.saved-card-actions{display:flex;gap:7px;margin-top:15px}.saved-card-actions .button{min-height:32px}.empty-saved{grid-column:1/-1;display:grid;justify-items:center;padding:60px 20px;border:1px dashed var(--line-strong);border-radius:16px;text-align:center;color:var(--muted);background:var(--surface)}.empty-saved .empty-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.empty-saved h3{font:400 27px var(--serif);color:var(--ink);margin:13px 0 5px}.empty-saved p{font-size:11.5px;margin:0 0 16px}.modal{width:min(440px,calc(100% - 26px));max-height:calc(100% - 26px);padding:22px;border:1px solid var(--line-strong);border-radius:15px;background:var(--surface);color:var(--ink);box-shadow:0 28px 100px #0004;overflow:auto}.modal::backdrop{background:#16151699;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.modal h2{font:400 32px/1 var(--serif);margin:7px 0 0}.modal-intro{font-size:11.5px;line-height:1.6;color:var(--muted);margin:12px 0 0}.timer-face{width:160px;height:160px;margin:20px auto 15px;border:5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.timer-face span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:1px}.timer-face strong{font:400 41px/1 var(--serif);font-variant-numeric:tabular-nums}.timer-face small{color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.6px}.timer-modes{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.timer-modes button{min-height:31px;padding:0 9px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:700}.timer-modes button[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.timer-message{text-align:center;font-size:11px;color:var(--muted);margin:14px 0}.timer-actions,.export-actions{display:flex;justify-content:center;gap:8px}.modal-footnote{margin:14px 0 0;text-align:center;color:var(--faint);font-size:9.5px;line-height:1.5}.export-modal{width:min(860px,calc(100% - 26px))}.export-modal img{display:block;width:100%;max-height:62vh;object-fit:contain;margin:16px 0;border:1px solid var(--line);border-radius:8px;background:#f8f7f1}.toast{position:fixed;z-index:100;right:22px;bottom:22px;max-width:min(360px,calc(100vw - 44px));padding:11px 14px;border-radius:9px;background:#2f2d2a;color:#fff;font-size:11px;line-height:1.45;box-shadow:0 10px 30px #0003;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}
@media (min-width:1600px){.content{padding-left:50px;padding-right:50px}.workbench{grid-template-columns:minmax(0,1fr) 315px}}
@media (max-width:1250px){.format-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.format-card{min-height:74px;flex-direction:row;align-items:center;gap:9px}.ready-chip{display:none}.hero-note{display:none}}
@media (max-width:1100px){.workbench{grid-template-columns:minmax(0,1fr) 270px}.choose-panel{gap:12px}.content{padding-left:26px;padding-right:26px}.topbar{padding-left:26px;padding-right:26px}}
@media (max-width:900px){.sidebar{width:250px;transform:translateX(-102%);box-shadow:none}.sidebar-open .sidebar{transform:translateX(0);box-shadow:15px 0 45px #0003}.sidebar-open{overflow:hidden}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:49;background:#1e1c1b88;opacity:0;pointer-events:none;transition:opacity .25s}.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar-close{display:grid;position:absolute;top:23px;right:15px}.main,.sidebar-collapsed .main{margin-left:0}.saved-indicator{display:none}}
@media (max-width:760px){.workbench{grid-template-columns:1fr}.editor-panel{order:2}.choose-panel{align-items:flex-start;flex-direction:column}.choose-fields{width:100%;grid-template-columns:1fr 1fr}.choose-intro{min-width:0}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artifact-body{min-height:0}}
@media (max-width:600px){html{scroll-padding-top:75px}.topbar{height:60px;padding:0 15px}.topbar-left,.topbar-right{gap:8px}.breadcrumb span:first-child,.bread-sep{display:none}.breadcrumb strong{font-size:12px}.top-action{width:36px;padding:0;justify-content:center}.top-action span{display:none}.content{padding:25px 14px 22px}.hero-line{margin-bottom:22px}.hero-line h1,.saved-heading h1{font-size:43px}.hero-line p,.saved-heading p{font-size:12px}.choose-panel{padding:13px}.choose-fields{grid-template-columns:1fr;gap:10px}.format-heading{align-items:flex-start;flex-direction:column;gap:5px;margin-top:25px}.format-heading p{font-size:10.5px}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.format-card{min-height:58px;padding:9px}.studio-heading{align-items:flex-start;flex-wrap:wrap;margin-top:26px}.studio-actions{width:100%}.studio-actions .button{flex:1}.artifact-toolbar{padding:0 12px}.canvas-hint{display:none}.artifact-body{padding:10px}.canvas-label{font-size:7.7px;gap:6px}.visual-caption{font-size:9px}.editor-panel{padding:15px}.bottom-note{align-items:flex-start;flex-wrap:wrap}.bottom-note button{margin-left:42px}.footer{flex-direction:column;gap:7px}.guide-row{grid-template-columns:1fr;gap:4px}.deck-frame{min-height:240px;padding:20px}.deck-middle{max-width:90%}.deck-middle h3{font-size:30px}.deck-middle p{font-size:11px}.study-card{min-height:220px;padding:25px}.saved-grid{grid-template-columns:1fr}.saved-heading{align-items:flex-start;flex-direction:column}.saved-heading .button{margin-top:4px}}
@media (max-width:360px){.hero-line h1{font-size:38px}.canvas-label{letter-spacing:.55px}.format-card strong{font-size:10px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.visual-scroll-hint{display:none}
@media (max-width:600px){.visual-frame{overflow:auto}.visual-frame svg{min-width:620px}.visual-scroll-hint{display:inline;white-space:nowrap}}
.sidebar .sidebar-close{display:none}
@media (max-width:900px){.sidebar .sidebar-close{display:grid}}

/* Warm editorial refinements: rounded outlined cards, terracotta accents and a gentle theme change. */
.side-nav .icon,.theme-toggle .icon{color:var(--accent)}
html[data-theme="dark"] .study-card{border-color:#695044;background:radial-gradient(circle at 90% 10%,#4a3430,transparent 38%),linear-gradient(140deg,#302a27,#38302a);color:#f5eee7}
html[data-theme="dark"] .study-card .card-tag{color:#e6a186}
html[data-theme="dark"] .study-card small{color:#c7ada0}
html[data-theme="dark"] .button.primary{background:#e6a186;border-color:#e6a186;color:#2b211d}
html[data-theme="dark"] .button.primary:hover:not(:disabled){background:#efb39d;border-color:#efb39d}
html[data-theme="dark"] .quiz-option.correct{border-color:#678b72;background:#263d30;color:#d8efde}
html[data-theme="dark"] .quiz-option.incorrect{border-color:#a46e60;background:#4b302a;color:#f5d8cb}
@media (prefers-reduced-motion:no-preference){
  body,.topbar,.choose-panel,.artifact-panel,.editor-panel,.saved-card,.empty-saved,.bottom-note,.modal,.guide-paper,.study-card{transition:background-color .24s ease,border-color .24s ease,color .24s ease}
  .sidebar{transition:transform .28s cubic-bezier(.2,.8,.2,1),background-color .24s ease,border-color .24s ease,color .24s ease}
  .theme-toggle .icon{animation:theme-icon-in .24s ease both}
}
@keyframes theme-icon-in{from{opacity:0;transform:rotate(-24deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}

/* The design selector is separate from the light/dark switch. */
.style-picker{height:35px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--ink);white-space:nowrap}
.style-picker span{font-size:9px;font-weight:700;color:var(--muted)}
.style-picker select{width:auto;min-width:0;max-width:74px;padding:0 1px;border:0;background:transparent;color:var(--ink);font-size:10.5px;font-weight:700;cursor:pointer}
.style-picker select option{background:var(--surface);color:var(--ink)}
@media (max-width:600px){.style-picker{height:36px;padding:0 5px}.style-picker span{display:none}.style-picker select{font-size:10px;max-width:65px}}

/* An additional calm academic design, independent of light and dark mode. */
html[data-design="green"]{--bg:#f7f8fa;--sidebar:#ffffff;--surface:#ffffff;--surface-2:#f7f8fa;--surface-3:#edf0f3;--ink:#111318;--muted:#65707e;--faint:#777f8c;--line:#e5e8ec;--line-strong:#d6dbe1;--accent:#456e16;--accent-soft:#eef6db;--accent-border:#a9c678;--highlight:#c6f24e;--shadow:none;--sans:'Inter',Arial,sans-serif;--serif:'Inter',Arial,sans-serif}
html[data-design="green"][data-theme="dark"]{--bg:#111318;--sidebar:#181b21;--surface:#20232b;--surface-2:#272a33;--surface-3:#30343d;--ink:#f7f8fa;--muted:#abb4c1;--faint:#929ba9;--line:#343944;--line-strong:#48505d;--accent:#c6f24e;--accent-soft:#303b24;--accent-border:#738e3d;--highlight:#c6f24e}
html[data-design="green"] :is(.hero-line h1,.saved-heading h1,.format-heading h2,.studio-heading h2,.editor-top h3,.quiz-box h3,.guide-head h3,.saved-card h3,.modal h2){font-weight:700;letter-spacing:-.035em;line-height:1.1}
html[data-design="green"] :is(.hero-line h1 em,.saved-heading h1 em,.modal h2 em){color:var(--ink);font-style:normal}
html[data-design="green"] .brand-symbol{background:#111318;color:#c6f24e}
html[data-design="green"] .side-nav .icon,html[data-design="green"] .side-types .icon,html[data-design="green"] .top-action .icon,html[data-design="green"] .theme-toggle .icon{color:var(--muted)}
html[data-design="green"] .side-nav button.active{background:var(--highlight);color:#111318}
html[data-design="green"] .side-nav button.active .icon{color:#111318}
html[data-design="green"] .side-nav button.active .side-dot{background:#111318}
html[data-design="green"] .format-icon{background:var(--surface-3);color:var(--muted)}
html[data-design="green"] .format-card[aria-pressed="true"] .format-icon{background:var(--highlight);color:#111318}
html[data-design="green"] .button.primary,html[data-design="green"][data-theme="dark"] .button.primary{background:#c6f24e;border-color:#c6f24e;color:#111318}
html[data-design="green"] .button.primary:hover:not(:disabled),html[data-design="green"][data-theme="dark"] .button.primary:hover:not(:disabled){background:#b7e43f;border-color:#b7e43f;color:#111318}
html[data-design="green"] .quiz-progress span{background:#c6f24e}
html[data-design="green"] .timer-face{border-top-color:#c6f24e}
html[data-design="green"] .study-card{border-color:var(--line-strong);background:#f7f8fa;color:#111318}
html[data-design="green"][data-theme="dark"] .study-card{border-color:var(--line-strong);background:#20232b;color:#f7f8fa}
html[data-design="green"] .study-card::before,html[data-design="green"] .study-card::after,html[data-design="green"] .study-card .card-tag{color:var(--accent)}
html[data-design="green"] .study-card small,html[data-design="green"][data-theme="dark"] .study-card small{color:var(--muted)}
html[data-design="green"] .study-card strong{font-weight:650;letter-spacing:-.03em}
@media (prefers-reduced-motion:no-preference){.style-picker,.style-picker select{transition:background-color .24s ease,border-color .24s ease,color .24s ease}}
@media (max-width:360px){html[data-design="green"] .hero-line h1{font-size:34px}}

/* English and Pashto share the same study studio; Pashto uses self-hosted Arabic-script fonts. */
@font-face{font-family:'Noto Sans Arabic';src:url('assets/fonts/noto-sans-arabic.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:'Noto Naskh Arabic';src:url('assets/fonts/noto-naskh-arabic.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
.language-picker{height:35px;display:inline-flex;align-items:center;gap:4px;padding:0 7px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface);color:var(--ink);white-space:nowrap}
.language-picker>span{font-size:13px;line-height:1}
.language-picker select{width:auto;min-width:0;max-width:72px;padding:0 1px;border:0;background:transparent;color:var(--ink);font-size:10.5px;font-weight:700;cursor:pointer}
.language-picker select option{background:var(--surface);color:var(--ink)}
html[lang="ps"],html[lang="ps"][data-design="green"]{--sans:'Noto Sans Arabic','Inter','DM Sans',Arial,sans-serif;--serif:'Noto Naskh Arabic','Noto Sans Arabic',serif}
html[lang="ps"][data-design="green"]{--serif:'Noto Sans Arabic','Inter',Arial,sans-serif}
html[lang="ps"] :is(.eyebrow,.side-label,.brand small,.section-kicker,.ready-chip,.editor-eyebrow,.canvas-label,.card-tag,.pill,.deck-top,.deck-bottom,.branch-name,.footer,.breadcrumb span:first-child,.style-bar>span){letter-spacing:0}
html[lang="ps"] :is(.hero-line h1,.saved-heading h1,.modal h2){line-height:1.35;letter-spacing:0}
html[lang="ps"][data-design="green"] :is(.hero-line h1,.saved-heading h1,.format-heading h2,.studio-heading h2,.editor-top h3,.quiz-box h3,.guide-head h3,.saved-card h3,.modal h2){line-height:1.5;letter-spacing:0}
html[lang="ps"] :is(.hero-line h1 em,.saved-heading h1 em,.modal h2 em){font-style:normal}
html[lang="ps"] :is(.side-nav button,.format-card,.style-option,.source-item,.quiz-option,.data-table){text-align:right}
html[lang="ps"] :is(.format-card strong,.side-types button,.source-item strong,.source-item small,.editor-copy,.editor-foot,.guide-copy,.guide-row,.table-intro){line-height:1.65}
html[lang="ps"] .visual-svg text{font-family:'Noto Sans Arabic',Arial,sans-serif!important;letter-spacing:normal!important}
html[lang="ps"] :is(input,textarea){text-align:start}
html[dir="rtl"] .sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .main{margin-left:0;margin-right:var(--sidebar-width);transition:margin-right .28s cubic-bezier(.2,.8,.2,1)}
html[dir="rtl"] .sidebar-collapsed .sidebar{transform:translateX(102%)}
html[dir="rtl"] .sidebar-collapsed .main{margin-right:0}
html[dir="rtl"] :is(.side-dot,.side-count){margin-left:0;margin-right:auto}
html[dir="rtl"] .bottom-note button{margin-left:0;margin-right:auto}
html[dir="rtl"] .toast{right:auto;left:22px}
@media(max-width:900px){
  html[dir="rtl"] .sidebar{transform:translateX(102%)}
  html[dir="rtl"] body.sidebar-open .sidebar{transform:translateX(0);box-shadow:-15px 0 45px #0003}
  html[dir="rtl"] .main,html[dir="rtl"] .sidebar-collapsed .main{margin-right:0}
  html[dir="rtl"] .sidebar-close{right:auto;left:15px}
}
@media(max-width:600px){
  .language-picker{height:36px;padding:0 5px}.language-picker select{font-size:10px;max-width:62px}
  html[dir="rtl"] .bottom-note button{margin-left:0;margin-right:42px}
  html[lang="ps"] .hero-line h1,html[lang="ps"] .saved-heading h1{font-size:38px;line-height:1.4}
}
@media(max-width:420px){.breadcrumb{display:none}}
@media(max-width:360px){html[lang="ps"] .hero-line h1{font-size:34px}}

.language-picker>span{display:grid;place-items:center}.language-picker .icon{width:14px;height:14px}