:root{--paper:#f8f4ed;--paper-raised:#fffdf9;--ink:#2b2621;--ink-soft:#6f6459;--ink-faint:#796b5d;--rule:#e4dbcd;--control-rule:#978a7c;--accent:#a8532f;--accent-soft:#f0e4da;--serif:ui-serif, Georgia, "Iowan Old Style", "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#171513;--paper-raised:#201d1a;--ink:#ede6dc;--ink-soft:#a99c8e;--ink-faint:#8b7e70;--rule:#322c26;--control-rule:#796b5d;--accent:#e8956b;--accent-soft:#2c2420}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.5}.screen{min-height:var(--app-height,100svh);max-width:460px;padding:max(28px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}html.is-writing,html.is-writing body{overscroll-behavior:none;height:100%;overflow:hidden}.screen.writing{height:var(--app-height,100svh);overflow:hidden}.writing .body,.writing .sheet{min-height:0}.keyboard .supporting,.keyboard .signout{display:none}.keyboard .prompt{font-size:21px}.keyboard .masthead{margin-bottom:20px}.masthead{font-family:var(--serif);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);flex-shrink:0;margin:0 0 40px;font-size:15px}.body{flex-direction:column;flex:1;gap:20px;margin:0;display:flex}.body.settled{justify-content:safe center;gap:24px;padding-bottom:12vh}.prompt{font-family:var(--serif);letter-spacing:-.01em;text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:30px;font-weight:400;line-height:1.25}.supporting{color:var(--ink-soft);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:16px}.question{font-family:var(--serif);letter-spacing:-.01em;text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:29px;font-weight:400;line-height:1.32}.aside{color:var(--ink-faint);overflow-wrap:anywhere;margin:0;font-size:15px}.lede{color:var(--ink-soft);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:17px}.context{color:var(--ink-soft);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.55}.sheet{resize:none;background:var(--paper-raised);width:100%;min-height:220px;color:var(--ink);font-size:17px;line-height:1.55;font-family:var(--sans);box-shadow:inset 0 0 0 1px var(--control-rule);border:none;border-radius:14px;outline:none;flex:1;padding:18px}.sheet:focus{box-shadow:inset 0 0 0 1px var(--ink-faint)}.sheet::placeholder{color:var(--ink-faint)}.footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.timer{font-family:var(--serif);font-variant-numeric:tabular-nums;color:var(--ink-faint);min-width:3.4em;font-size:17px}.action{appearance:none;background:var(--ink);color:var(--paper);font-family:var(--sans);cursor:pointer;overflow-wrap:anywhere;border:none;border-radius:999px;min-height:48px;padding:12px 30px;font-size:17px;font-weight:500;line-height:1.3}.action:disabled{opacity:.35;cursor:default}.body.settled .action,.body.settled>form{align-self:flex-start}.action.quiet{color:var(--accent);box-shadow:inset 0 0 0 1px var(--control-rule);background:0 0;padding:0 24px}.action.block{width:100%}.inline-action{justify-content:center;align-self:flex-start;align-items:center;text-decoration:none;display:inline-flex}.mark{color:var(--accent);font-size:17px}.notice{color:var(--accent);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:15px}.textlink{min-height:44px;font-family:var(--sans);color:var(--accent);cursor:pointer;text-align:left;text-underline-offset:4px;overflow-wrap:anywhere;background:0 0;border:none;align-items:center;padding:10px 0;font-size:15px;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.body.settled .textlink{align-self:flex-start;margin-top:4px}.signout{min-height:44px;font-family:var(--sans);color:var(--ink-faint);cursor:pointer;text-align:left;overflow-wrap:anywhere;background:0 0;border:none;flex-shrink:0;align-self:flex-start;margin-top:40px;padding:10px 0;font-size:13px;line-height:1.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.playback-link{margin-top:2px}.body.settled.ready{gap:0;padding-bottom:6vh}.settled.ready .context{margin-bottom:34px}.settled.ready .lede{margin-bottom:10px}.settled.ready .question{margin-bottom:20px}.settled.ready .playback,.settled.ready .playback-link{margin-top:36px}.playback{border-top:1px solid var(--rule);flex-direction:column;gap:10px;padding-top:20px;display:flex}.playback-label{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px}.playback-text{color:var(--ink);font-family:var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:21px;line-height:1.45}.playback .textlink{align-self:flex-start}.fallbackForm{flex-direction:column;gap:14px;width:100%;margin-top:12px;display:flex}.fallbackForm .sheet{flex:none;height:160px;min-height:140px}.field{background:var(--paper-raised);width:100%;color:var(--ink);font-size:17px;font-family:var(--sans);box-shadow:inset 0 0 0 1px var(--control-rule);border:none;border-radius:14px;outline:none;min-height:52px;padding:15px 18px}.field:focus{box-shadow:inset 0 0 0 1px var(--ink-faint)}.field.code{font-family:var(--serif);letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:26px}.stack{flex-direction:column;gap:14px;width:100%;display:flex}@media (prefers-reduced-motion:no-preference){.fade{animation:.5s ease-out both fade}}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.authLinks{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.checkboxRow{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.checkboxRow input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin-top:1px}.checkboxRow span{color:var(--ink-soft);font-size:15px;line-height:1.5}.moreLinks{flex-direction:column;align-items:flex-start;gap:10px;margin-top:28px;display:flex}.disclosure{width:100%}.disclosure>summary{gap:8px;list-style:none}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:after{content:"+";text-decoration:none}.disclosure[open]>summary:after{content:"−"}.disclosureBody{flex-direction:column;gap:12px;margin-top:8px;display:flex}.fallbackDisclosure{align-self:stretch}.retentionForm{flex-direction:column;align-items:flex-start;gap:12px;max-width:100%;display:flex}.shareLink{flex-direction:column;gap:8px;width:100%;display:flex}.shareLinkLabel{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:13px}.shareLinkRow{background:var(--paper-raised);box-shadow:inset 0 0 0 1px var(--control-rule);border-radius:14px;align-items:center;gap:10px;padding:12px 8px 12px 16px;display:flex}.shareLinkUrl{white-space:nowrap;min-width:0;font-size:14px;font-family:var(--sans);color:var(--ink-soft);flex:1;text-decoration:none;overflow-x:auto}.shareLinkCopy{flex-shrink:0;min-height:44px;padding:0 18px}.homeScreenPrompt{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));z-index:20;max-height:calc(100svh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;background:var(--ink);color:var(--paper);border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.homeScreenPromptText{margin:0;font-size:15px;line-height:1.5}.homeScreenPromptDismiss{color:var(--paper);opacity:.75;min-height:44px;padding:10px 0}
