:root{--paper:#f7f4ef;--paper-subtle:#ede9e3;--paper-card:#fff;--paper-inset:#f0ede7;--ink:#1a1917;--ink-mid:#6b6560;--ink-light:#706a64;--ink-faint:#c8c2bb;--rule:#d8d2cb;--rule-light:#e6e1da;--accent:#1a1917;--mode-mark:#5a6e8c;--persona-mark:#7a5c3a;--subject-mark:#3d6b4f;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--font-display:"Comic Neue", "Comic Sans MS", cursive;--radius-card:3px;--radius-input:4px;--radius-btn:3px;--shadow-card:0 1px 3px #00000012, 0 4px 14px #0000000d;--shadow-card-lift:0 2px 8px #0000001a, 0 8px 24px #00000012}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}body{font-family:var(--font-body);background:var(--paper-subtle);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;align-items:center;min-height:100dvh;display:flex}.session-progress{align-items:stretch;gap:4px;width:100%;max-width:640px;padding:14px 20px 0;display:flex}.session-progress__stage{flex-direction:column;flex:1;gap:5px;display:flex}.session-progress__stage--map{flex:2}.session-progress__bar{background:var(--rule);border-radius:2px;height:3px;transition:background .2s}.session-progress__stage--done .session-progress__bar{background:var(--ink-mid)}.session-progress__stage--current .session-progress__bar{background:var(--ink)}.session-progress__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-size:.58rem;line-height:1}.session-progress__stage--map .session-progress__label{letter-spacing:.1em;font-size:.65rem}.session-progress__stage--done .session-progress__label{color:var(--ink-mid)}.session-progress__stage--current .session-progress__label{color:var(--ink);font-weight:600}.session-progress__sublabel{color:var(--ink-faint);font-size:.55rem;font-weight:400}.session-progress__stage--current .session-progress__sublabel{color:var(--ink-mid)}.scene{flex-direction:column;gap:0;width:100%;max-width:640px;padding:32px 20px 80px;display:flex}.step{flex-direction:column;gap:24px;animation:.3s ease-out fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step__header{flex-direction:column;gap:6px;display:flex}.difficulty-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.difficulty-bar__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-light);font-size:.65rem}.difficulty-select{font-family:var(--font-mono);color:var(--ink);background:var(--paper-inset);border:1px solid var(--rule);cursor:pointer;border-radius:4px;padding:3px 6px;font-size:.75rem}.difficulty-select option{font-size:1rem}.difficulty-select:hover{border-color:var(--ink-mid)}.step__eyebrow{font-family:var(--font-mono);color:var(--ink-light);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.step__heading{font-family:var(--font-display);color:var(--ink);font-size:1.5rem;font-weight:600;line-height:1.2}.step__subhead{color:var(--ink-mid);max-width:480px;font-size:.9rem;line-height:1.5}.step__actions{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.step__actions__spacer{flex:none;min-width:0}@media (width<=380px){.step__actions{flex-direction:column;align-items:stretch}.step__actions__spacer{display:none}}.btn{font-family:var(--font-body);border-radius:var(--radius-btn);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:6px;padding:12px 24px;font-size:.95rem;font-weight:500;line-height:1;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn--primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn--primary:hover:not(:disabled){background:#2e2b27;box-shadow:0 2px 8px #00000026}.btn--primary:disabled{opacity:.35;cursor:not-allowed}.btn--ghost{color:var(--ink-mid);border-color:var(--rule);background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--ink-mid);color:var(--ink)}.btn--ghost:disabled{opacity:.35;cursor:not-allowed}.btn--sm{padding:8px 16px;font-size:.82rem}.btn--text{color:var(--ink-light);text-underline-offset:3px;background:0 0;border-color:#0000;padding:8px 4px;font-size:.82rem;text-decoration:underline}.btn--text:hover{color:var(--ink)}.btn--full{justify-content:center;width:100%}.btn--danger{color:#b91c1c;background:0 0;border-color:#fecaca}.btn--danger:hover:not(:disabled){background:#fef2f2;border-color:#b91c1c}.confirm-discard{border-radius:var(--radius-card);background:#fef2f2;border:1px solid #fecaca;flex-direction:column;gap:14px;padding:16px;display:flex}.confirm-discard__message{color:#7f1d1d;font-size:.875rem;line-height:1.55}.confirm-discard__actions{gap:10px;display:flex}.wordmark{font-family:var(--font-display);color:var(--ink);font-size:1.4rem;font-weight:600}.step--landing{position:relative}.landing__icon{pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(60px,22vmin,110px);height:auto;position:absolute;top:6px;left:6px}.landing__header{border-bottom:1px solid var(--rule-light);flex-direction:column;justify-content:center;gap:8px;min-height:130px;padding-bottom:28px;padding-left:calc(clamp(60px,22vmin,110px) + 22px);display:flex}.app-context__text,.landing__tagline{color:var(--ink-mid);font-size:.9rem;line-height:1.5}.landing__body{flex-direction:column;gap:20px;display:flex}.field-group{flex-direction:column;gap:10px;display:flex}.field-group__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-light);font-size:.7rem}.difficulty-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=400px){.difficulty-grid{grid-template-columns:repeat(2,1fr)}}.difficulty-btn{background:var(--paper-card);border:1.5px solid var(--rule);border-radius:var(--radius-card);cursor:pointer;text-align:left;flex-direction:column;gap:3px;padding:20px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.difficulty-btn:hover{border-color:var(--ink-mid);box-shadow:0 0 0 1px var(--ink-mid)}.difficulty-btn__label{color:var(--ink);font-size:.85rem;font-weight:600;line-height:1}.difficulty-btn__desc{color:var(--ink-light);font-size:.72rem;line-height:1.3}.shapes-primer{background:var(--paper-inset);border:1px solid var(--rule-light);border-radius:var(--radius-card);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}.about__heading,.shapes-primer__heading{font-family:var(--font-display);color:var(--ink-mid);font-size:.9rem;font-weight:600}.about__desc,.shapes-primer__desc{color:var(--ink-light);margin-top:-4px;font-size:.78rem;line-height:1.5}.shapes-grid{grid-template-columns:1fr;gap:10px 16px;display:grid}.shape-entry{flex-direction:row;align-items:flex-start;gap:10px;display:flex}.shape-entry__img{object-fit:contain;opacity:.7;filter:sepia()saturate(6)hue-rotate(188deg);flex-shrink:0;width:46px;height:46px}.shape-entry__text{flex-direction:column;gap:2px;display:flex}.shape-entry__label{font-family:var(--font-display);color:var(--ink-mid);font-size:.9rem;font-weight:600}.shape-entry__desc{color:var(--ink-light);font-size:.8rem;line-height:1.45}.explainer{border-top:1px solid var(--rule-light);padding-top:12px}.explainer__toggle{color:var(--ink-mid);cursor:pointer;align-items:center;gap:6px;font-size:.82rem;list-style:none;display:flex}.explainer__toggle::-webkit-details-marker{display:none}.explainer__toggle:before{content:"▸";color:var(--ink-faint);font-size:.65rem;transition:transform .2s}details[open] .explainer__toggle:before{transform:rotate(90deg)}.explainer__body{flex-direction:column;gap:10px;padding-top:12px;display:flex}.explainer__body p{color:var(--ink-mid);font-size:.85rem;line-height:1.6}.notecard{background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:14px 16px;animation:.22s ease-out cardIn;position:relative;overflow:visible}.notecard:has(.notecard__expand){margin-bottom:24px}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.notecard:before{content:"";border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card);height:3px;position:absolute;top:0;left:0;right:0}.notecard--mode:before{background:var(--mode-mark)}.notecard--persona:before{background:var(--persona-mark)}.notecard--subject:before{background:var(--subject-mark)}.notecard__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.notecard__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:0;font-size:.65rem;font-weight:500;display:block}.notecard--mode .notecard__label{color:var(--mode-mark)}.notecard--persona .notecard__label{color:var(--persona-mark)}.notecard--subject .notecard__label{color:var(--subject-mark)}.notecard__number{opacity:.6;letter-spacing:0;margin-left:5px;font-size:.6rem;font-weight:400;display:inline-block}.notecard__controls{align-items:center;gap:8px;display:flex}.notecard__redraw,.notecard__customize,.notecard__edit-confirm,.notecard__edit-cancel{border:1px solid var(--rule);color:var(--ink-light);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.7rem;line-height:1;transition:border-color .15s,color .15s,background .15s;display:flex}.notecard__redraw{font-size:.95rem}.notecard__customize{font-size:.85rem}.notecard__redraw:hover,.notecard__customize:hover{border-color:var(--ink-mid);color:var(--ink);background:var(--paper-inset)}.notecard__expand{background:var(--paper-card);border:1px solid var(--rule);min-width:88px;box-shadow:var(--shadow-card);clip-path:inset(0 -30px -30px);color:var(--ink-light);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;text-align:center;white-space:nowrap;cursor:pointer;border-top:none;border-radius:0 0 5px 5px;margin-top:-1px;padding:5px 18px 6px;font-size:.6rem;transition:color .15s,background .15s,border-color .15s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.notecard__expand:hover{color:var(--ink);background:var(--paper-card);border-color:var(--ink-mid)}.notecard__edit-confirm{border-color:var(--subject-mark);color:var(--subject-mark)}.notecard__edit-confirm:hover{background:var(--subject-mark);color:var(--paper-card)}.notecard__edit-cancel:hover{border-color:var(--ink-mid);color:var(--ink);background:var(--paper-inset)}.notecard__edit-input{font-family:var(--font-body);color:var(--ink);border:none;border-bottom:1.5px solid var(--subject-mark);background:0 0;border-radius:0;outline:none;width:100%;padding:2px 0 4px;font-size:1rem;font-weight:600;line-height:1.25}.notecard__edit-input::placeholder{color:var(--ink-faint);font-weight:400}.notecard__title{color:var(--ink);margin-bottom:0;font-size:1rem;font-weight:600;line-height:1.25}.notecard--expanded .notecard__title{margin-bottom:8px}.notecard--subject .notecard__title{text-transform:lowercase;font-style:italic}.notecard__body{color:var(--ink-mid);margin-bottom:10px;font-size:.85rem;line-height:1.55}.notecard__body--preview{color:var(--ink-light);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;margin-bottom:0;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notecard__detail{border-top:1px solid var(--rule-light);flex-direction:column;gap:5px;margin-top:4px;padding-top:10px;list-style:none;display:flex}.notecard__detail li{color:var(--ink-mid);padding-left:14px;font-size:.8rem;line-height:1.45;position:relative}.notecard__detail li:before{content:"—";color:var(--ink-faint);position:absolute;left:0}.card-stack-group{flex-direction:column;gap:16px;display:flex}@media (width>=560px){.card-stack-group{flex-direction:row;justify-content:center}}.card-stack{width:100%;max-width:200px;height:140px;position:relative}@media (width<=559px){.card-stack{max-width:100%;height:90px}}.card-stack__shadow{background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius-card);position:absolute;inset:0}.card-stack__shadow--2{opacity:.5;transform:translate(5px,5px)}.card-stack__shadow--1{opacity:.7;transform:translate(2.5px,2.5px)}.card-stack__face{background:var(--paper-inset);border:1px solid var(--rule);border-radius:var(--radius-card);box-shadow:var(--shadow-card);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-stack__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);font-size:.7rem;font-weight:500}.cards-revealed{flex-direction:column;gap:12px;animation:.35s ease-out fadeUp;display:flex}.solo-note{background:var(--paper-inset);border:1px solid var(--rule-light);border-radius:var(--radius-card);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.solo-note__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-light);font-size:.65rem}.solo-note p{color:var(--ink-mid);font-size:.82rem;font-style:italic}.focus-panel{background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:18px 20px;display:flex}.focus-panel__label{color:var(--ink);font-size:.95rem;font-weight:600}.focus-panel__instruction{color:var(--ink-mid);margin-top:-6px;font-size:.83rem;line-height:1.5}.focus-sentence{color:var(--ink-mid);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.92rem;display:flex}.focus-sentence__stem{white-space:nowrap}.focus-sentence__input{min-width:160px;font-family:var(--font-body);border:1.5px solid var(--rule);border-radius:var(--radius-input);background:var(--paper);color:var(--ink);outline:none;flex:1;padding:6px 10px;font-size:.92rem;transition:border-color .15s}.focus-sentence__input:focus{border-color:var(--ink)}.focus-sentence__input::placeholder{color:var(--ink-faint)}.focus-sentence__tail{color:var(--ink-light);width:100%;margin-top:-4px;font-size:.92rem}.focus-sentence__tail em{font-style:normal}.focus-warning{color:var(--ink-mid);background:var(--paper-inset);border-left:2px solid var(--ink-faint);border-radius:0 var(--radius-input) var(--radius-input) 0;padding:8px 12px;font-size:.82rem;font-style:italic;line-height:1.5}.focus-sentence__input--warn{border-color:var(--ink-mid)}.focus-panel__hint-toggle{font-family:var(--font-body);color:var(--ink-light);cursor:pointer;text-underline-offset:2px;text-align:left;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.focus-panel__hint-toggle:hover{color:var(--ink-mid)}.hint-list{background:var(--paper-inset);border-radius:var(--radius-input);flex-direction:column;gap:4px;padding:10px;list-style:none;display:flex}.hint-list__item{font-family:var(--font-body);text-transform:lowercase;color:var(--ink-mid);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:2px;width:100%;padding:4px 6px;font-size:.82rem;line-height:1.4;transition:background .1s,color .1s}.hint-list__item:hover{background:var(--rule-light);color:var(--ink)}.practice-focus{background:var(--paper-card);border:1px solid var(--rule);border-left:3px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:14px 18px}.practice-focus__sentence{color:var(--ink-mid);font-size:1.05rem;line-height:1.5}.practice-focus__stem{color:var(--ink-light)}.practice-focus__focus{color:var(--ink);font-weight:600}.practice-focus__tail{color:var(--ink-light);font-size:.9rem}.practice-focus__tail em{color:var(--ink-mid);font-style:normal}.session-focus-anchor{font-family:var(--font-mono);color:var(--ink-light);letter-spacing:.02em;font-size:.65rem;line-height:1.4}.session-focus-anchor strong{color:var(--ink-mid);font-weight:500}.session-focus-anchor em{color:var(--ink-mid);font-style:normal}.practice-madlib{background:var(--paper-card);border:1px solid var(--rule);border-left:3px solid var(--ink);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;padding:16px 18px 14px;display:flex}.practice-madlib__sentence{color:var(--ink-mid);font-size:1.05rem;line-height:1.65}.practice-madlib__stem{color:var(--ink-light);font-style:italic}.practice-madlib__focus{color:var(--ink);font-style:normal;font-weight:700}.practice-madlib__join{color:var(--ink-light)}.practice-madlib__token{cursor:pointer;text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1.5px;transition:opacity .12s}.practice-madlib__token:hover{opacity:.7}.practice-madlib__token--mode{color:var(--mode-mark);-webkit-text-decoration-color:var(--mode-mark);text-decoration-color:var(--mode-mark)}.practice-madlib__token--persona{color:var(--persona-mark);-webkit-text-decoration-color:var(--persona-mark);text-decoration-color:var(--persona-mark)}.practice-madlib__token--subject{color:var(--subject-mark);-webkit-text-decoration-color:var(--subject-mark);text-decoration-color:var(--subject-mark)}.practice-madlib__hint{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.04em;font-size:.58rem}.card-detail-overlay{z-index:100;padding:0 0 env(safe-area-inset-bottom,0);background:#1a191773;justify-content:center;align-items:flex-end;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-detail{background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius-card) var(--radius-card) 0 0;border-bottom:none;width:100%;max-width:640px;max-height:75vh;padding:20px 22px 32px;animation:.22s ease-out slideUp;overflow-y:auto;box-shadow:0 -4px 24px #0000001f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-detail__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-detail__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:500}.card-detail__label--mode{color:var(--mode-mark)}.card-detail__label--persona{color:var(--persona-mark)}.card-detail__label--subject{color:var(--subject-mark)}.card-detail__close{cursor:pointer;color:var(--ink-light);border-radius:var(--radius-btn);background:0 0;border:none;padding:4px 8px;font-size:.85rem;line-height:1;transition:color .12s}.card-detail__close:hover{color:var(--ink)}.card-detail__title{color:var(--ink);margin-bottom:10px;font-size:1.2rem;font-weight:600;line-height:1.3}.card-detail__body{color:var(--ink-mid);margin-bottom:12px;font-size:.875rem;line-height:1.55}.card-detail__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.card-detail__list li{color:var(--ink-mid);padding-left:14px;font-size:.8rem;line-height:1.45;position:relative}.card-detail__list li:before{content:"—";color:var(--ink-faint);position:absolute;left:0}.wake-lock-toggle{cursor:pointer;align-items:center;gap:8px;width:fit-content;display:flex}.wake-lock-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--ink)}.wake-lock-toggle span{font-family:var(--font-mono);color:var(--ink-light);text-transform:uppercase;letter-spacing:.08em;-webkit-user-select:none;user-select:none;font-size:.65rem}.image-capture__retake{background:var(--paper-inset);border:1px solid var(--rule);border-radius:var(--radius-btn);font-family:var(--font-body);color:var(--ink-mid);cursor:pointer;align-items:center;gap:4px;margin-top:10px;padding:6px 12px;font-size:.8rem;transition:border-color .15s,color .15s;display:inline-flex}.image-capture__retake:hover{border-color:var(--ink-mid);color:var(--ink)}.practice-cards{flex-direction:column;gap:8px;display:flex}@keyframes timerFlash{0%{opacity:0}12%{opacity:.38}to{opacity:0}}.timer-flash{pointer-events:none;z-index:200;background:#fffbea;animation:2.2s ease-out forwards timerFlash;position:fixed;inset:0}.timer{flex-direction:column;gap:8px;display:flex}.timer__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-light);font-size:.7rem}.timer__options{flex-wrap:wrap;gap:8px;display:flex}.timer--running{background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;gap:4px;padding:14px 18px;display:flex}.timer--expired{border-color:var(--ink-mid);background:var(--paper-inset)}.timer--paused .timer__display{opacity:.45}.timer__display{font-family:var(--font-mono);color:var(--ink);letter-spacing:.04em;font-size:2rem;font-weight:400;line-height:1}.timer--expired .timer__display{color:var(--ink-mid)}.timer__sublabel{color:var(--ink-light);margin-bottom:4px;font-size:.75rem}.timer__controls{gap:8px;display:flex}.workspace{flex-direction:column;gap:6px;display:flex}.workspace__label{color:var(--ink);font-size:.85rem;font-weight:500}.workspace__optional{color:var(--ink-light);font-weight:400}.workspace__input{font-family:var(--font-body);border:1.5px solid var(--rule);border-radius:var(--radius-input);background:var(--paper-card);color:var(--ink);resize:vertical;outline:none;padding:12px 14px;font-size:.9rem;line-height:1.55;transition:border-color .15s}.workspace__input:focus{border-color:var(--ink)}.workspace__input::placeholder{color:var(--ink-faint)}.tip{background:var(--paper-inset);border-radius:var(--radius-card);border:1px solid var(--rule-light);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.tip__text{color:var(--ink-mid);flex:1;font-size:.82rem;font-style:italic;line-height:1.5}.tip__next{font-family:var(--font-body);color:var(--ink-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.75rem}.tip__next:hover{color:var(--ink-mid)}.conclude__actions{flex-direction:column;gap:10px;max-width:320px;display:flex}.image-capture{flex-direction:column;gap:16px;display:flex}.image-capture__instruction{color:var(--ink-mid);font-size:.88rem}.image-capture__actions{flex-wrap:wrap;gap:10px;display:flex}.image-capture--preview{gap:12px}.image-capture__preview{object-fit:contain;border:1px solid var(--rule);border-radius:var(--radius-card);background:var(--paper-inset);width:100%;max-height:360px;display:block}.reflection-list{flex-direction:column;gap:16px;display:flex}.reflection-item{flex-direction:column;gap:6px;display:flex}.reflection-item__prompt{color:var(--ink);font-size:.88rem;font-style:italic;font-weight:500;line-height:1.4}.reflection-item__input{font-family:var(--font-body);border:1.5px solid var(--rule);border-radius:var(--radius-input);background:var(--paper-card);color:var(--ink);resize:vertical;outline:none;padding:10px 12px;font-size:.88rem;line-height:1.5;transition:border-color .15s}.reflection-item__input:focus{border-color:var(--ink)}.reflection-item__input::placeholder{color:var(--ink-faint)}.text-input{font-family:var(--font-body);border:1.5px solid var(--rule);border-radius:var(--radius-input);background:var(--paper-card);color:var(--ink);outline:none;width:100%;padding:10px 12px;font-size:.9rem;transition:border-color .15s}.text-input:focus{border-color:var(--ink)}.text-input::placeholder{color:var(--ink-faint)}.field-group__optional{font-family:var(--font-body);color:var(--ink-light);text-transform:none;letter-spacing:0;font-size:.72rem;font-weight:400}.pdf-preview{aspect-ratio:16/9;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-card-lift);display:flex;overflow:hidden}.pdf-preview__brief{border-right:1px solid var(--rule);background:var(--paper-inset);flex-direction:column;flex-shrink:0;gap:4px;width:28%;padding:13% 7% 6%;display:flex;position:relative;overflow:hidden}.pdf-preview__icon{filter:sepia()saturate(6)hue-rotate(188deg);pointer-events:none;width:30%;height:auto;position:absolute;top:5%;left:5%}.pdf-preview__wordmark{font-family:var(--font-display);color:var(--ink);font-size:clamp(.45rem,1.1vw,.65rem);font-weight:600;line-height:1}.pdf-preview__date,.pdf-preview__name{font-family:var(--font-mono);color:var(--ink-mid);font-size:clamp(.38rem,.85vw,.55rem);line-height:1}.pdf-preview__divider{background:var(--rule);flex-shrink:0;height:1px;margin:3px 0}.pdf-preview__field{flex-direction:column;gap:1px;display:flex}.pdf-preview__field-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-light);font-size:clamp(.3rem,.7vw,.48rem);line-height:1}.pdf-preview__field-value{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.38rem,.9vw,.58rem);font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pdf-preview__field-value--focus{font-size:clamp(.4rem,.95vw,.62rem)}.pdf-preview__empty{color:var(--ink-faint);font-weight:400}.pdf-preview__image-area{background:var(--paper);flex:1;justify-content:center;align-items:center;padding:2%;display:flex;overflow:hidden}.pdf-preview__image{object-fit:contain;max-width:100%;max-height:100%;display:block}.pdf-preview__image-placeholder{font-family:var(--font-mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(.5rem,1.2vw,.7rem)}.download-filename{color:var(--ink-mid);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.download-filename__label{color:var(--ink-light)}.download-filename__value{font-family:var(--font-mono);color:var(--ink);word-break:break-all;font-size:.75rem}.error-message{color:#8b3a3a;border-radius:var(--radius-card);background:#fdf0ee;border:1px solid #e8c4bf;padding:10px 14px;font-size:.85rem}.feedback-widget{border-top:1px solid var(--rule-light);flex-direction:column;align-items:center;gap:10px;margin-top:8px;padding:16px 0 4px;display:flex}.feedback-widget__question{color:var(--ink-light);text-align:center;margin:0;font-size:.78rem}.feedback-widget__toggle{display:flex}.feedback-widget__btn{font-family:var(--font-body);border:1px solid var(--rule);background:var(--paper-card);color:var(--ink-mid);cursor:pointer;padding:6px 20px;font-size:.8rem;line-height:1;transition:background .12s,color .12s,border-color .12s}.feedback-widget__btn:first-child{border-radius:var(--radius-btn) 0 0 var(--radius-btn);border-right:none}.feedback-widget__btn:last-child{border-radius:0 var(--radius-btn) var(--radius-btn) 0}.feedback-widget__btn:hover{background:var(--paper-inset);color:var(--ink)}.feedback-widget__btn--selected{background:var(--ink);border-color:var(--ink);color:var(--paper)}.feedback-widget__btn--selected:hover{background:var(--ink);color:var(--paper)}.feedback-widget__confirmation{color:var(--ink-light);text-align:center;margin:0;font-size:.72rem}.feedback-widget__inline-link{font-family:var(--font-body);font-size:inherit;color:var(--ink-mid);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.feedback-widget__inline-link:hover{color:var(--ink)}.feedback-widget__comment-area{flex-direction:column;align-items:flex-end;gap:6px;width:100%;max-width:360px;display:flex}.feedback-widget__comment{width:100%;font-family:var(--font-body);border:1px solid var(--rule);border-radius:var(--radius-input);background:var(--paper-card);color:var(--ink);resize:none;outline:none;padding:8px 10px;font-size:.82rem;line-height:1.5;transition:border-color .15s}.feedback-widget__comment:focus{border-color:var(--ink-mid)}.feedback-widget__comment::placeholder{color:var(--ink-faint)}.app-footer__feedback-link{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.app-footer__feedback-link:hover{color:var(--ink-mid)}.app-footer{width:100%;max-width:640px;color:var(--ink-light);text-align:center;margin-top:auto;padding:24px 20px 32px;font-size:.72rem;line-height:1.6}