:root{color-scheme:light;--bg: #f5efe7;--bg-soft: #fbf8f3;--surface: rgba(255, 252, 247, .86);--surface-strong: #fffdf9;--ink: #2a2520;--muted: #7a6f64;--line: rgba(79, 62, 46, .13);--accent: #8f5f46;--accent-strong: #6f4533;--focus: rgba(143, 95, 70, .28);--shadow: 0 18px 42px rgba(77, 55, 35, .09);--radius: 8px;--ease: cubic-bezier(.2, .8, .2, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100%;margin:0;background:linear-gradient(180deg,#ffffff57,#fff0 280px),var(--bg)}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,720px);min-height:100svh;margin:0 auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))}.session-header{position:sticky;z-index:4;top:calc(8px + env(safe-area-inset-top));display:flex;justify-content:flex-end;gap:8px;margin:-4px 0 12px;pointer-events:none}.session-header>*{pointer-events:auto}.icon-text-button,.reset-button{min-height:38px;border-radius:var(--radius);padding:0 12px;font-size:.88rem}.icon-text-button{border:1px solid var(--line);background:#ffffff80;color:var(--ink);cursor:pointer;font-weight:650;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-text-button:disabled{cursor:not-allowed;opacity:.42}.screen{display:flex;min-height:calc(100svh - 98px);flex-direction:column;justify-content:center;gap:22px;animation:rise .22s var(--ease)}.associations-screen,.interpretation-screen{justify-content:flex-start}.screen-copy{display:grid;gap:12px}.screen-copy.compact{gap:8px}.kicker,.sticky-context span{margin:0;color:var(--accent-strong);font-size:.78rem;font-weight:650;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{max-width:15ch;font-size:2.35rem;font-weight:680;line-height:1.05;letter-spacing:0}h2{font-size:1.05rem;line-height:1.25}.supporting-copy,.notice{color:var(--muted);font-size:1rem;line-height:1.55}.field{display:grid;gap:8px}.field span{color:var(--muted);font-size:.92rem}.text-input,.association-card input{width:100%;border:1px solid var(--line);border-radius:var(--radius);outline:none;background:var(--surface-strong);color:var(--ink);transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.text-input{min-height:58px;padding:17px 16px;box-shadow:var(--shadow)}.text-area{min-height:156px;resize:vertical;line-height:1.45}.text-input:focus,.association-card:focus-within{border-color:#8f5f466b;box-shadow:0 0 0 4px var(--focus),var(--shadow)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:0;border-radius:var(--radius);padding:0 18px;cursor:pointer;font-weight:680;transition:transform .16s var(--ease),opacity .16s var(--ease),background .16s var(--ease)}.button:active{transform:translateY(1px) scale(.99)}.button:disabled{cursor:not-allowed;opacity:.48}.button-primary{background:var(--ink);color:#fffaf4;box-shadow:0 12px 26px #2a25202e}.button-ghost{background:#ffffff6b;color:var(--ink);border:1px solid var(--line)}.sticky-context{position:sticky;z-index:2;top:calc(8px + env(safe-area-inset-top));display:grid;gap:5px;margin:-6px 0 6px;padding:12px 13px;border:1px solid var(--line);border-radius:var(--radius);background:#fbf8f3e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sticky-context p{overflow:hidden;color:var(--muted);font-size:.93rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.association-list{display:grid;gap:12px}.association-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:76px;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;background:var(--surface);box-shadow:0 10px 28px #4d37230f;transition:box-shadow .18s var(--ease),transform .18s var(--ease)}.association-card span{color:var(--accent-strong);font-size:.82rem;font-weight:700}.association-card input{min-height:48px;border:0;background:transparent}.bottom-action{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;padding-top:8px}.progress-line{display:block;width:100%;height:3px;overflow:hidden;border:0;border-radius:999px;background:#2a25201a;padding:0}.progress-line-button{cursor:pointer;min-height:22px;background:transparent}.progress-line-button i{margin-top:9px}.progress-line i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .22s var(--ease)}.pair-stage{display:grid;gap:18px}.pair-stage h1{max-width:13ch}.pair-cards{display:grid;gap:10px}.pair-cards div{min-height:74px;border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px;background:var(--surface-strong);box-shadow:var(--shadow);font-size:1.35rem;font-weight:650;line-height:1.15}.final-screen h1{max-width:14ch}.final-association-word{color:var(--accent-strong);font-size:3rem;font-weight:720;line-height:1.02;overflow-wrap:anywhere}.action-row{display:grid;gap:10px}.loading-screen{align-items:flex-start}.breathing-dot{width:16px;height:16px;border-radius:999px;background:var(--accent);animation:breathe 1.5s var(--ease) infinite}.article-section{display:grid;gap:10px;border-bottom:1px solid var(--line);padding:0 0 18px}.article-section p,.article-section li{color:#443b34;font-size:1rem;line-height:1.62}.article-section ul{display:grid;gap:9px;margin:0;padding-left:20px}.error-banner{position:sticky;z-index:3;top:calc(8px + env(safe-area-inset-top));margin-bottom:12px;border:1px solid rgba(139,51,35,.22);border-radius:var(--radius);padding:12px 14px;background:#fff4f0f0;color:#743425;font-size:.94rem}.dialog-backdrop{position:fixed;z-index:20;inset:0;display:grid;align-items:end;padding:18px;background:#2a252038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .16s var(--ease)}.confirm-dialog{display:grid;gap:14px;width:min(100%,520px);margin:0 auto calc(8px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--surface-strong);box-shadow:0 24px 60px #2a252038}.confirm-dialog h2{margin-top:6px;font-size:1.28rem}.confirm-dialog p{color:var(--muted);line-height:1.5}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tree-screen{justify-content:flex-start}.tree-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.tree-topbar h1{max-width:12ch;margin-top:8px;font-size:2rem}.tree-question{display:grid;gap:6px;border:1px solid var(--line);border-radius:var(--radius);padding:13px;background:#ffffff6b}.tree-question span,.tree-level-title span{color:var(--accent-strong);font-size:.78rem;font-weight:700;text-transform:uppercase}.tree-question p{color:var(--muted);line-height:1.45}.tree-levels{display:grid;gap:20px}.tree-level{display:grid;gap:10px}.tree-level-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tree-grid{display:grid;gap:8px}.tree-grid-1{grid-template-columns:1fr}.tree-grid-2,.tree-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.tree-node{min-height:58px;border:1px solid var(--line);border-radius:var(--radius);padding:10px;background:var(--surface-strong);overflow-wrap:anywhere}.tree-node span{display:block;margin-bottom:5px;color:var(--accent-strong);font-size:.72rem;font-weight:700}.tree-node p{font-size:.94rem;line-height:1.25}.tree-node-empty{border-style:dashed;background:#ffffff42;color:#7a6f64b8}@media(min-width:560px){.tree-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes breathe{0%,to{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@media(min-width:680px){.app-shell{padding-top:40px}h1{font-size:3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}