:root{--bg: #f4efe6;--bg-deep: #ece5d8;--surface: #fcf9f3;--surface-2: #f6f1e7;--primary: #722b36;--primary-dark: #5b222b;--primary-tint: rgba(114, 43, 54, .08);--text: #202326;--muted: #6e6963;--faint: #9a948b;--brass: #ad8956;--brass-tint: rgba(173, 137, 86, .14);--line: rgba(32, 35, 38, .1);--line-strong: rgba(32, 35, 38, .18);--ok: #3f6b4c;--warn: #9a6a20;--danger: #9d3325;--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(32, 35, 38, .06);--shadow: 0 6px 20px rgba(32, 35, 38, .08);--shadow-lg: 0 18px 44px rgba(32, 35, 38, .16);--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Georgia, serif;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Inter, system-ui, sans-serif;--tab-h: 62px;--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100%;max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}.app{min-height:100dvh;padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 18px)}.screen{max-width:640px;margin:0 auto;padding:0 18px 28px;animation:fade-up .26s var(--ease)}@media (min-width: 900px){.screen{max-width:780px}}.topbar{position:sticky;top:0;z-index:20;padding:calc(env(safe-area-inset-top) + 14px) 18px 12px;background:linear-gradient(var(--bg) 74%,rgba(244,239,230,0));display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:640px;margin:0 auto}@media (min-width: 900px){.topbar{max-width:780px}}.brand{font-family:var(--font-display);font-size:17px;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.brand span{color:var(--primary)}.avatar-btn{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px 5px 5px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.avatar-btn:active{transform:scale(.97)}.avatar{width:30px;height:30px;border-radius:999px;background:var(--primary);color:#fdfaf4;display:grid;place-items:center;font-family:var(--font-display);font-size:14px}.avatar-name{font-size:13px;color:var(--muted);max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display{font-family:var(--font-display);font-size:30px;line-height:1.16;letter-spacing:-.01em}.h1{font-family:var(--font-display);font-size:24px;line-height:1.2}.h2{font-family:var(--font-display);font-size:19px;line-height:1.25}.h3{font-size:15px;font-weight:600;letter-spacing:.01em}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:600}.muted{color:var(--muted);font-size:14px}.small{font-size:13px;color:var(--muted)}.tiny{font-size:11.5px;color:var(--faint)}.center{text-align:center}.serif-quote{font-family:var(--font-display);font-size:17px;line-height:1.45;font-style:italic}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:26px 0 12px;gap:10px}.divider{height:1px;background:var(--line);margin:14px 0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.card-lg{border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.card-hero{background:linear-gradient(158deg,#7c2f3b,#5f242d);color:#f7ece4;border:none;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card-hero:after{content:"";position:absolute;right:-60px;top:-70px;width:190px;height:190px;border-radius:50%;border:1px solid rgba(247,236,228,.16)}.card-hero .eyebrow{color:#f7ece4b8}.card-quiet{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:14px}.pressable{cursor:pointer;transition:transform .12s var(--ease),box-shadow .16s var(--ease),border-color .16s var(--ease);text-align:left;width:100%;font:inherit;color:inherit}.pressable:active{transform:scale(.985);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;background:var(--surface);font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease),opacity .16s var(--ease);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:#fdfaf4;box-shadow:0 6px 18px #722b3638}.btn-primary:active{background:var(--primary-dark)}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--text)}.btn-ghost{background:transparent;color:var(--primary);min-height:40px;padding:0 10px;font-weight:600}.btn-danger{background:transparent;color:var(--danger);border-color:#9d332559}.btn-block{width:100%}.btn-sm{min-height:38px;font-size:13.5px;padding:0 14px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);font-size:13.5px;cursor:pointer;transition:all .15s var(--ease);white-space:nowrap}.chip:active{transform:scale(.96)}.chip.on{background:var(--primary);border-color:var(--primary);color:#fdfaf4}.chip-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin:0 -18px;padding-left:18px;padding-right:18px;scrollbar-width:none}.chip-scroll::-webkit-scrollbar{display:none}.tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--brass-tint);color:#7d5f30}.tag-wine{background:var(--primary-tint);color:var(--primary)}.tag-ok{background:#3f6b4c1f;color:var(--ok)}.tag-muted{background:#2023260f;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12.5px;font-weight:600;color:var(--muted)}.input,.textarea,.select{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:12px 13px;font-size:16px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.textarea{min-height:92px;resize:vertical;line-height:1.45}.range{width:100%;accent-color:var(--primary);height:30px}.check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:10px 0}.check input{width:22px;height:22px;accent-color:var(--primary);flex-shrink:0;margin:1px 0 0}.skill-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:9px 0}.bar{grid-column:1 / -1;height:6px;border-radius:999px;background:#20232614;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brass),var(--primary));transition:width .5s var(--ease)}.bar.on-dark{background:#fdfaf433}.bar.on-dark>i{background:linear-gradient(90deg,#e6c795,#f7ece4)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;text-align:center}.stat b{display:block;font-family:var(--font-display);font-size:24px;line-height:1.1}.stat span{font-size:11.5px;color:var(--muted)}.index-badge{display:inline-flex;flex-direction:column;align-items:flex-end}.index-badge b{font-family:var(--font-display);font-size:34px;line-height:1}.list-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.bullet{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--primary-tint);color:var(--primary);flex-shrink:0}.bullet.done{background:var(--primary);color:#fdfaf4}.dots{display:flex;gap:5px;flex-wrap:wrap}.dot{width:9px;height:9px;border-radius:999px;background:#2023261f}.dot.on{background:var(--primary)}.dot.today{background:var(--brass);box-shadow:0 0 0 3px var(--brass-tint)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);background:#fcf9f3eb;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 4px;border:none;background:none;color:var(--muted);font-size:10.5px;font-weight:600;cursor:pointer;border-radius:12px;transition:color .15s var(--ease),background .15s var(--ease)}.tab.on{color:var(--primary);background:var(--primary-tint)}.tab svg{width:22px;height:22px;stroke-width:1.6;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#2023266b;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fade .18s var(--ease)}.sheet{width:100%;max-width:560px;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px 18px calc(env(safe-area-inset-bottom) + 20px);box-shadow:var(--shadow-lg);animation:slide-up .24s var(--ease);max-height:88vh;overflow-y:auto}@media (min-width: 700px){.overlay{align-items:center;padding:20px}.sheet{border-radius:var(--radius-lg)}}.scene-svg{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.timer{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px}.timer-track{flex:1;height:5px;border-radius:999px;background:#2023261a;overflow:hidden}.timer-track>i{display:block;height:100%;background:var(--primary);transition:width 1s linear}.timer.low{color:var(--danger)}.timer.low .timer-track>i{background:var(--danger)}.word-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.word{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;text-align:center;font-size:15px;animation:fade-up .22s var(--ease) backwards}.word.hit{border-color:#3f6b4c66;background:#3f6b4c14}.word.miss{border-color:#9d33254d;background:#9d33250f;color:var(--danger)}.answer-line{border-left:3px solid var(--line-strong);padding-left:12px}.answer-line.exact{border-color:var(--ok)}.answer-line.partial{border-color:var(--warn)}.answer-line.wrong,.answer-line.empty{border-color:var(--danger)}.dialogue-line{font-family:var(--font-display);font-size:17px;line-height:1.5;padding-left:14px;border-left:3px solid var(--brass);color:var(--text)}.step-dot{width:8px;height:8px;border-radius:999px;background:#20232624;transition:background .2s var(--ease),transform .2s var(--ease)}.step-dot.done{background:var(--primary)}.step-dot.now{background:var(--brass);transform:scale(1.25)}.pause-ring{width:148px;height:148px;margin:20px auto 0;border-radius:999px;display:grid;place-items:center;border:2px solid var(--line-strong);background:radial-gradient(circle at 50% 45%,rgba(173,137,86,.14),transparent 68%);font-family:var(--font-display);font-size:40px;color:var(--text);animation:pause-breathe 6s ease-in-out infinite}@keyframes pause-breathe{0%,to{transform:scale(1);border-color:var(--line-strong)}50%{transform:scale(1.035);border-color:var(--brass)}}.rec-dot{width:12px;height:12px;border-radius:999px;background:var(--danger);margin:14px auto 0;opacity:.9}.self-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius);background:var(--surface-2);border:1px dashed var(--line-strong)}audio{width:100%;border-radius:999px}.ai-pending{border-color:var(--brass);background:linear-gradient(var(--surface),var(--surface-2))}.ai-dot{width:12px;height:12px;border-radius:999px;background:var(--brass);flex-shrink:0;animation:ai-breathe 1.8s ease-in-out infinite}@keyframes ai-breathe{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.chip,.tab,.btn,.avatar-btn{min-height:44px}.chip{padding:0 16px}.btn-sm{min-height:44px}.check{min-height:44px;align-items:center}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.card.pressable:focus-visible,.btn:focus-visible,.chip:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.empty{text-align:center;padding:34px 18px;color:var(--muted)}.empty svg{width:44px;height:44px;stroke:var(--brass);fill:none;stroke-width:1.2;margin-bottom:10px}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(26px);opacity:.4}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.face-portrait{display:block;border-radius:12px;border:1px solid var(--line);background:#efe6da}.face-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.face-card{display:flex;flex-direction:column;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);animation:slide-up .24s ease both}.face-card-body{display:flex;flex-direction:column;gap:2px;text-align:center;width:100%}.face-card-body b{font-size:15px}.face-pick{padding:6px;border:1.5px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;transition:border-color .16s ease,transform .16s ease}.face-pick.on{border-color:var(--primary);transform:translateY(-2px)}.face-review{display:flex;gap:12px;align-items:flex-start}.face-review.miss{border-color:#722b3652}.citation{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-left:2px solid var(--brass);background:#ad895614;border-radius:0 12px 12px 0}.citation-index{font-size:12px;font-weight:700;color:var(--primary);min-width:24px}@media (max-width: 380px){.face-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}