.hw-dialog{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--paper,#f6f6ee);color:var(--ink,#20251f);font:14px 'DM Sans',Arial,sans-serif;overscroll-behavior:contain}.hw-dialog[open]{display:flex;flex-direction:column}.hw-dialog::backdrop{background:#20251f99}.hw-dialog button{touch-action:manipulation;font-family:inherit}.hw-dialog button:disabled{cursor:default;opacity:.45}.hw-dialog [hidden]{display:none!important}.hw-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding:14px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));border-bottom:1px solid var(--line,#dedfd4);flex-shrink:0}.hw-header>div{grid-column:1;grid-row:1}.hw-eyebrow{font-size:8px;letter-spacing:1.8px;color:#737c65;font-weight:700}.hw-header h2{font:600 28px/1.1 'Space Grotesk',Arial,sans-serif;letter-spacing:-1px;margin:5px 0 0}.hw-close{grid-column:2;grid-row:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid #d3d9c5;border-radius:12px;background:#edf0e2;font-size:30px;line-height:1}.hw-live-status{grid-column:1/-1;grid-row:2;font:500 12px/1.5 'Space Grotesk',monospace;font-variant-numeric:tabular-nums;color:#566f30;background:#edf5dc;border-radius:8px;padding:6px 10px;white-space:normal}.hw-live-status:empty{display:none}.hw-question{margin:0;padding:8px 22px;border-bottom:1px solid var(--line,#dedfd4);flex-shrink:0;max-height:120px;overflow:auto;touch-action:pan-y}.hw-question summary{font-size:10px;font-weight:700;cursor:pointer;color:#68755a;min-height:19px}.hw-question>div{display:flex;align-items:center;gap:18px;padding:5px 0 2px}.hw-prompt{font-size:11px;line-height:1.6;margin:0;flex:1;min-width:0}.hw-expression{font:22px/1.55 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0}.hw-toolbar{display:flex;gap:6px;align-items:center;padding:9px 20px;border-bottom:1px solid var(--line,#dedfd4);overflow-x:auto;flex-shrink:0;touch-action:pan-x}.hw-toolbar>button{min-height:40px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;font-size:12px;font-weight:600;border:1px solid #d5dbc9;background:#fff;border-radius:8px}.hw-toolbar>button[aria-pressed=true]{background:var(--lilac,#ddd6fc);border-color:#a592cc}.hw-toolbar>[data-hw=pencil][aria-pressed=true]{background:var(--lime,#dcff72);border-color:#b8d679}.hw-tool-divider{width:1px;height:25px;background:#d5dbc9;margin:0 3px;flex-shrink:0}.hw-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;flex:1;min-height:0;overflow:hidden}.hw-paper-region{display:flex;flex-direction:column;min-width:0;min-height:0;background:#e9eddf}.hw-paper-hint{flex-shrink:0;font-size:11px;line-height:1.55;color:#647050;margin:0;padding:9px 24px 5px}.hw-pages{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:0 24px 8px}.hw-pages>button{min-width:36px;min-height:34px;border:1px solid #cfd7c0;border-radius:7px;background:#f9fbf2;font-size:13px;padding:5px 10px}.hw-pages>[data-hw=add-page]{margin-left:auto;font-size:11px}.hw-page-number{font-size:11px;color:#647451;font-variant-numeric:tabular-nums}.hw-paper-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px 20px;touch-action:pan-y;scrollbar-gutter:stable}.hw-paper{width:100%;max-width:950px;margin:0 auto;position:relative;background:#fff;box-shadow:0 2px 8px #26381413;border:1px solid #d5ddc8;border-radius:3px;overflow:hidden;aspect-ratio:5/7;background-image:linear-gradient(#e8ecdf66 1px,transparent 1px);background-size:100% 35px}.hw-ink{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hw-dialog[data-tool=eraser] .hw-ink{cursor:cell}.hw-margin-hint{font-size:9px;color:#778465;text-align:center;margin:0;padding:6px 12px 8px;flex-shrink:0}.hw-controls{overflow:auto;overscroll-behavior:contain;padding:20px 18px max(20px,env(safe-area-inset-bottom));border-left:1px solid #d7dfc9;background:#fcfcf7;touch-action:pan-y}.hw-step{display:flex;gap:11px;align-items:flex-start}.hw-step-number{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:8px;background:#e8e1f5;font:500 13px 'Space Grotesk',sans-serif;color:#715397}.hw-step strong{display:block;font-size:13px;margin:3px 0 8px}.hw-step p{font-size:11px;line-height:1.7;color:#788069;margin:0}.hw-page-note{font-size:10px;line-height:1.6;color:#6c785b;margin:17px 0 10px}.hw-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:47px;padding:13px 14px;border:1px solid transparent;border-radius:9px;background:var(--ink,#20251f);color:var(--lime,#dcff72);font-size:12px;font-weight:600}.hw-primary:not(:disabled):hover{background:#37422e}.hw-privacy{font-size:10px;line-height:1.7;color:#747d66;margin:12px 0}.hw-status{font-size:11px;line-height:1.7;color:#6a567f;margin:10px 0;overflow-wrap:anywhere}.hw-status:empty{display:none}.hw-result{padding:16px;background:#edf5dc;border:1px solid #d3e4b1;border-radius:12px;margin-top:13px;outline-color:#8d75de}.hw-result-label{font-size:8px;letter-spacing:1.8px;color:#667948;font-weight:700}.hw-result-title{font:600 27px/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-1px;color:#4d6d28;margin:10px 0}.hw-read-as{font-size:11px;color:#65744d;line-height:1.7;margin:0 0 13px;overflow-wrap:anywhere}.hw-result-answer{font:22px/1.6 Georgia,serif;white-space:pre-wrap;color:#344b22;margin-left:5px}.hw-result>p{font-size:11px;line-height:1.7;color:#6e7c5d;margin:0 0 14px}.hw-result.is-incorrect{background:#faf0eb;border-color:#e8ccbd}.hw-result.is-incorrect .hw-result-title{color:#a0533d}.hw-result.is-incorrect .hw-result-label,.hw-result.is-incorrect .hw-read-as,.hw-result.is-incorrect .hw-result-answer,.hw-result.is-incorrect>p{color:#8f634e}.hw-continue{background:var(--lime,#dcff72);color:#30421b;border-color:#c0db7c}.hw-continue:not(:disabled):hover{background:#d1f365}.hw-type{display:block;background:none;border:0;font-size:11px;min-height:40px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;padding:9px 0;color:#657351;margin:10px auto 0}.hw-dialog button:focus-visible,.hw-dialog summary:focus-visible{outline:3px solid #8d75de;outline-offset:3px}
@media(max-width:699px) and (orientation:portrait){.hw-header{padding-top:max(11px,env(safe-area-inset-top));padding-bottom:9px;gap:7px 10px}.hw-header h2{font-size:25px}.hw-live-status{font-size:11px}.hw-question{padding:7px 20px;max-height:100px}.hw-question>div{gap:9px}.hw-prompt{font-size:10px}.hw-expression{font-size:18px}.hw-toolbar{padding:7px 12px;gap:5px}.hw-toolbar>button{padding:8px 9px;font-size:11px;min-height:40px}.hw-tool-divider{margin:0 1px}.hw-layout{display:flex;flex-direction:column}.hw-paper-region{flex:1;min-height:160px}.hw-paper-hint{font-size:10px;padding:7px 20px 5px}.hw-pages{padding:0 20px 6px;gap:7px}.hw-pages>button{min-height:32px;min-width:33px}.hw-page-number{font-size:10px}.hw-paper-scroll{padding:0 20px 15px}.hw-margin-hint{font-size:8px;padding:4px 8px 6px}.hw-controls{flex-shrink:1;max-height:40dvh;border-left:0;border-top:1px solid #d7dfc9;padding:10px 20px max(10px,env(safe-area-inset-bottom))}.hw-step{display:none}.hw-page-note{margin:0 0 7px;font-size:9px}.hw-primary{min-height:43px;font-size:12px;padding:11px}.hw-privacy{font-size:9px;line-height:1.55;margin:7px 0}.hw-status{font-size:10px;margin:5px 0}.hw-type{min-height:32px;margin-top:3px;font-size:10px;padding:6px}.hw-result{margin-top:9px;padding:13px}.hw-result-title{font-size:25px}.hw-result>p{margin-bottom:10px}}
@media(orientation:landscape) and (max-height:560px){.hw-header{grid-template-columns:auto minmax(0,1fr) auto;column-gap:15px;row-gap:0;padding:7px max(15px,env(safe-area-inset-right)) 7px max(15px,env(safe-area-inset-left))}.hw-header h2{font-size:21px;margin:0}.hw-eyebrow{display:none}.hw-close{grid-column:3;height:36px;width:40px;font-size:27px}.hw-live-status{grid-column:2;grid-row:1;font-size:10px;text-align:center;padding:5px 8px}.hw-question{padding:5px 15px;max-height:52px}.hw-question summary{display:none}.hw-question>div{padding:0;gap:10px}.hw-prompt{font-size:9px;line-height:1.5}.hw-expression{font-size:16px;line-height:1.4}.hw-toolbar{padding:6px 15px}.hw-toolbar>button{min-height:33px;padding:6px 10px;font-size:11px}.hw-layout{grid-template-columns:minmax(0,1fr) 250px}.hw-controls{padding:11px 14px max(11px,env(safe-area-inset-bottom))}.hw-paper-hint{font-size:9px;padding:5px 20px}.hw-pages{padding:0 20px 5px}.hw-pages>button{min-height:28px;padding:4px 8px}.hw-step{display:none}.hw-page-note{margin:0 0 8px}.hw-privacy{font-size:9px;margin:8px 0}.hw-margin-hint{font-size:8px;padding:3px}.hw-type{margin-top:4px}.hw-primary{min-height:41px;padding:10px}}
@media(prefers-reduced-motion:reduce){.hw-dialog *{scroll-behavior:auto!important;transition:none!important}}