*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#ece1cd;--paper-deep:#e3d6bc;--paper-card:#f4ecd9;--ink:#1c1712;--ink-soft:#3a2f26;--muted:#8a7a67;--rule:#1c171224;--rule-soft:#1c171214;--accent:#7a3827;--heart:#b84a2e;--mode-friends:#bd8c4a;--mode-dating:#b24a2e;--mode-couples:#8e476b;--mode-family:#5a7446;--mode-wanderers:#3c6371;--night:#15202d;--night-deep:#0d1825;--night-card:#1d2a3a;--night-ink:#ece1cd;--night-muted:#7a8ca4;--night-rule:#ece1cd1f;--radius-xs:2px;--radius-sm:4px;--radius:6px;--radius-lg:10px;--serif:"Fraunces", "Iowan Old Style", "Georgia", serif;--sans:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.11  0 0 0 0 0.09  0 0 0 0 0.07  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-feature-settings:"ss01", "kern";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}.app{background:var(--paper);width:100%;max-width:480px;height:100%;margin:0 auto;position:relative;overflow:hidden}.app:before{content:"";background-image:var(--grain);opacity:.35;pointer-events:none;mix-blend-mode:multiply;z-index:100;background-size:240px 240px;position:absolute;inset:0}.screen{padding:28px 24px;padding-top:max(28px, env(safe-area-inset-top,28px));padding-bottom:max(28px, env(safe-area-inset-bottom,28px));will-change:opacity;flex-direction:column;display:flex;position:absolute;inset:0}.serif{font-family:var(--serif)}.eyebrow{font-family:var(--sans);text-transform:uppercase;letter-spacing:.22em;color:var(--muted);font-size:10px;font-weight:500}.rule{background:var(--ink);opacity:.5;width:32px;height:1px}.rule-wide{width:56px}.lang-menu{z-index:50;position:relative}.lang-toggle{font-family:var(--sans);letter-spacing:.18em;color:var(--muted);border:1px solid var(--rule);border-radius:var(--radius-xs);align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:500;transition:border-color .25s,color .25s,background .25s;display:flex}.lang-toggle:active{border-color:var(--ink)}.lang-toggle .active{color:var(--ink);font-weight:600}.lang-chevron{opacity:.6;transition:transform .2s}.lang-chevron.is-open{transform:rotate(180deg)}.lang-options{background:var(--paper-card);border:1px solid var(--rule);border-radius:var(--radius-sm);z-index:60;min-width:168px;padding:4px;list-style:none;animation:.18s ease-out lang-pop;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 1px #1c17120a,0 12px 32px #1c171224}@keyframes lang-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{width:100%;font-family:var(--sans);color:var(--ink-soft);border-radius:var(--radius-xs);text-align:left;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 12px;font-size:12px;transition:background .15s,color .15s;display:flex}.lang-option:active{background:#1c17120f}.lang-option:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}.lang-option--active{color:var(--ink);background:#1c17120a}.lang-option-code{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);flex-shrink:0;font-size:9px;font-weight:500}.lang-option--active .lang-option-code{color:var(--ink)}.lang-option-native{font-family:var(--serif);font-variation-settings:"opsz" 36;font-size:14px;font-style:italic}.level-3-bg .lang-toggle{border-color:var(--night-rule);color:var(--night-muted)}.level-3-bg .lang-toggle .active{color:var(--night-ink)}.level-3-bg .lang-toggle:active{border-color:var(--night-ink)}.level-3-bg .lang-options{background:var(--night-card);border-color:var(--night-rule);box-shadow:0 1px #0000004d,0 12px 32px #0006}.level-3-bg .lang-option{color:var(--night-muted)}.level-3-bg .lang-option--active{color:var(--night-ink);background:#ece1cd0f}.level-3-bg .lang-option-code{color:var(--night-muted)}.level-3-bg .lang-option--active .lang-option-code{color:var(--night-ink)}.level-3-bg .lang-option:active{background:#ece1cd14}.level-3-bg .lang-option:focus-visible{outline-color:var(--night-ink)}.welcome-screen{justify-content:space-between;align-items:center}.welcome-top{justify-content:space-between;align-items:center;width:100%;display:flex}.welcome-top .eyebrow{letter-spacing:.3em;font-size:9px}.welcome-center{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:0 12px;display:flex}.logo{font-family:var(--serif);font-variation-settings:"opsz" 144, "SOFT" 80;letter-spacing:-.03em;color:var(--ink);font-feature-settings:"ss01", "swsh";font-size:clamp(64px,18vw,88px);font-style:italic;font-weight:300;line-height:.95}.tagline{font-family:var(--serif);color:var(--ink-soft);letter-spacing:.01em;max-width:260px;font-size:15px;font-style:italic;font-weight:400;line-height:1.5}.welcome-ornament{flex-direction:column;align-items:center;gap:12px;margin-top:4px;display:flex}.welcome-ornament:before,.welcome-ornament:after{content:"·";color:var(--muted);font-size:14px;line-height:1}.welcome-bottom{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.welcome-colophon{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);opacity:.7;font-size:9px}.btn-primary{background:var(--ink);width:100%;max-width:320px;color:var(--paper);font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;border-radius:var(--radius-xs);padding:15px 28px;font-size:12px;font-weight:500;transition:transform .2s,opacity .2s;position:relative}.btn-primary:active{opacity:.92;transform:translateY(1px)}.btn-secondary{width:100%;max-width:320px;color:var(--ink);font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--ink);border-radius:var(--radius-xs);background:0 0;padding:13px 26px;font-size:12px;font-weight:500;transition:background .25s,color .25s}.btn-secondary:active{background:var(--ink);color:var(--paper)}.btn-ghost{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border-radius:var(--radius-xs);align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:500;transition:color .2s;display:inline-flex}.btn-ghost:active{color:var(--ink)}.btn-ghost svg{width:13px;height:13px}.btn-back{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;padding:8px 0;font-size:10px;font-weight:500;transition:color .2s;display:flex}.btn-back:active{color:var(--ink)}.btn-back svg{width:16px;height:16px}.section-header{justify-content:space-between;align-items:center;min-height:24px;margin-bottom:36px;display:flex}.section-header-center{flex-direction:column;align-items:center;gap:4px;display:flex}.section-header-actions{align-items:center;gap:8px;display:flex}.section-kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.3em;color:var(--muted);font-size:9px;font-weight:500}.section-title{font-family:var(--serif);color:var(--ink);letter-spacing:.01em;font-size:15px;font-style:italic;font-weight:400}.chapter-intro{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:28px;display:flex}.chapter-intro .rule{margin:2px 0}.chapter-kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.32em;color:var(--muted);font-size:9px;font-weight:500}.chapter-title{font-family:var(--serif);letter-spacing:-.01em;font-variation-settings:"opsz" 96, "SOFT" 50;color:var(--ink);font-size:30px;font-style:italic;font-weight:400;line-height:1.1}.mode-cards{border-top:1px solid var(--rule);flex-direction:column;flex:1;justify-content:center;gap:0;display:flex}.mode-card{text-align:left;border-bottom:1px solid var(--rule);color:var(--ink);background:0 0;grid-template-columns:40px 1fr auto;align-items:center;gap:18px;padding:18px 6px;transition:background .3s,padding .3s;display:grid;position:relative}.mode-card:active:not(:disabled){background:#1c17120a;padding-left:14px}.mode-card--disabled{opacity:.35;cursor:default}.mode-numeral{font-family:var(--serif);color:var(--mode-accent);text-align:center;opacity:.9;font-size:26px;font-style:italic;font-weight:300;line-height:1}.mode-info{flex-direction:column;gap:4px;min-width:0;display:flex}.mode-name{font-family:var(--serif);letter-spacing:-.005em;color:var(--ink);font-variation-settings:"opsz" 60, "SOFT" 30;font-size:22px;font-style:italic;font-weight:400;line-height:1.1}.mode-desc{font-family:var(--sans);color:var(--muted);max-width:280px;font-size:12px;line-height:1.5}.mode-arrow{color:var(--mode-accent);opacity:.5;justify-content:center;align-items:center;padding-right:2px;display:flex}.mode-arrow svg{width:16px;height:16px}.mode-badge{font-family:var(--sans);text-transform:uppercase;letter-spacing:.28em;color:var(--muted);border:1px solid var(--rule);border-radius:var(--radius-xs);padding:3px 7px;font-size:8px;font-weight:500}.level-cards{flex-direction:column;flex:1;justify-content:center;gap:14px;display:flex}.level-card{background:var(--paper-card);border-radius:var(--radius-sm);text-align:left;color:var(--ink);grid-template-rows:auto auto auto auto;grid-template-columns:42px 1fr;gap:2px 16px;padding:22px 22px 20px;transition:transform .25s,background .25s;display:grid;position:relative;overflow:hidden;box-shadow:0 1px #1c17120f,0 4px 16px #1c17120d}.level-card:active:not(:disabled){transform:translateY(1px)}.level-card--night{background:var(--night-card);color:var(--night-ink);box-shadow:0 1px #0003,0 6px 24px #00000040}.level-card--night .level-name,.level-card--night .level-numeral{color:var(--night-ink)}.level-card--night .level-desc,.level-card--night .level-count{color:var(--night-muted)}.level-card--night .level-rule{background:var(--night-rule)}.level-numeral{font-family:var(--serif);color:var(--accent);text-align:center;font-variation-settings:"opsz" 144, "SOFT" 70;grid-area:1/1/span 4;align-self:center;font-size:44px;font-style:italic;font-weight:300;line-height:.9}.level-card--l1 .level-numeral{color:var(--mode-friends);opacity:.75}.level-card--l2 .level-numeral{color:var(--accent);opacity:.8}.level-card--l3 .level-numeral{color:var(--night-ink);opacity:.6}.level-name{font-family:var(--serif);letter-spacing:-.005em;color:var(--ink);font-variation-settings:"opsz" 60;grid-area:1/2;font-size:22px;font-style:italic;font-weight:400;line-height:1.1}.level-rule{background:var(--rule);grid-area:2/2;width:24px;height:1px;margin:8px 0 6px}.level-desc{font-family:var(--sans);color:var(--muted);grid-area:3/2;font-size:12px;line-height:1.5}.level-count{font-family:var(--sans);text-transform:uppercase;letter-spacing:.28em;color:var(--muted);grid-area:4/2;margin-top:10px;font-size:9px}.card-screen{background:var(--paper);transition:background .6s,color .6s}.level-1-bg{background:var(--paper)}.level-2-bg{background:var(--paper-deep)}.level-3-bg{background:radial-gradient(ellipse at 50% 30%, #1e2d40 0%, var(--night) 55%, var(--night-deep) 100%);color:var(--night-ink)}.level-3-bg .btn-back,.level-3-bg .card-counter,.level-3-bg .card-kicker,.level-3-bg .btn-nav,.level-3-bg .btn-ghost{color:var(--night-muted)}.level-3-bg .question-card{background:var(--night-card);color:var(--night-ink);box-shadow:0 1px #0000004d,0 20px 48px #00000059}.level-3-bg .question-card:before{opacity:.18}.level-3-bg .card-divider{background:var(--night-rule)}.level-3-bg .btn-primary{background:var(--night-ink);color:var(--night-deep)}.level-3-bg .btn-secondary{color:var(--night-ink);border-color:var(--night-ink)}.level-3-bg .btn-secondary:active{background:var(--night-ink);color:var(--night-deep)}.level-3-bg .btn-fav{color:var(--night-muted)}.level-3-bg .progress-tick{background:var(--night-rule)}.level-3-bg .progress-tick--done{background:var(--night-ink)}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-header-meta{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.card-kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.3em;color:var(--muted);text-align:right;font-size:9px;font-weight:500;line-height:1.4}.card-kicker strong{color:var(--ink-soft);font-weight:600}.level-3-bg .card-kicker strong{color:var(--night-ink)}.card-area{flex:1;justify-content:center;align-items:center;padding:16px 0;display:flex;overflow:hidden}.question-card{background:var(--paper-card);border-radius:var(--radius);touch-action:pan-y;cursor:grab;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:380px;min-height:340px;padding:36px 32px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #1c171214,0 18px 48px #1c171217,0 4px 12px #1c17120d}.question-card:before{content:"";background-image:var(--grain);opacity:.28;pointer-events:none;mix-blend-mode:multiply;background-size:240px 240px;position:absolute;inset:0}.question-card:active{cursor:grabbing}.card-counter{font-family:var(--sans);text-transform:uppercase;letter-spacing:.32em;color:var(--muted);z-index:1;font-size:9px;font-weight:500;position:relative}.card-divider{background:var(--rule);z-index:1;width:20px;height:1px;position:relative}.card-question{font-family:var(--serif);text-align:center;letter-spacing:-.005em;max-width:320px;color:inherit;z-index:1;font-variation-settings:"opsz" 60, "SOFT" 40;font-size:clamp(22px,5.6vw,26px);font-style:italic;font-weight:400;line-height:1.35;position:relative}.card-question:before,.card-question:after{font-family:var(--serif);color:var(--muted);opacity:.5;font-size:.85em;font-style:italic;font-weight:300}.card-question:before{content:"“";margin-right:.08em}.card-question:after{content:"”";margin-left:.08em}.btn-fav{color:var(--muted);z-index:1;border-radius:50%;padding:10px;transition:transform .2s;position:relative}.btn-fav:active{transform:scale(1.15)}.btn-fav.is-fav{animation:.35s heartPop}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.card-nav{justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.btn-nav{width:44px;height:44px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.btn-nav:active:not(:disabled){color:var(--ink);background:#1c17120f}.btn-nav:disabled{opacity:.2}.progress-ticks{flex:1;justify-content:center;align-items:center;gap:3px;max-width:240px;padding:0 4px;display:flex;overflow:hidden}.progress-tick{background:#1c171226;border-radius:1px;flex:1;min-width:2px;max-width:14px;height:2px;transition:background .3s}.progress-tick--done{background:var(--ink)}.done-card{justify-content:center;gap:24px;min-height:340px}.done-kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.32em;color:var(--muted);z-index:1;font-size:9px;font-weight:500;position:relative}.done-text{font-family:var(--serif);text-align:center;color:inherit;z-index:1;font-variation-settings:"opsz" 60;max-width:300px;font-size:22px;font-style:italic;font-weight:400;line-height:1.35;position:relative}.done-actions{z-index:1;flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:4px;display:flex;position:relative}.go-deeper-text{font-family:var(--serif);color:var(--muted);margin-top:6px;font-size:13px;font-style:italic}.fav-empty{text-align:center;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 24px;line-height:1.6;display:flex}.fav-empty p{font-family:var(--serif);max-width:280px;color:var(--ink-soft);font-size:16px;font-style:italic}.fav-list{-webkit-overflow-scrolling:touch;border-top:1px solid var(--rule);flex-direction:column;flex:1;gap:0;padding-bottom:20px;display:flex;overflow-y:auto}.fav-item{border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;gap:14px;padding:18px 4px;display:grid}.fav-meta{grid-column:1/-1;align-items:center;gap:10px;margin-bottom:4px;display:flex}.fav-level-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.fav-mode-label{font-family:var(--sans);text-transform:uppercase;letter-spacing:.28em;white-space:nowrap;font-size:9px;font-weight:500}.fav-rule{background:var(--rule);flex:1;height:1px}.fav-question{font-family:var(--serif);color:var(--ink);font-variation-settings:"opsz" 36;grid-column:1;padding-right:8px;font-size:16px;font-style:italic;line-height:1.45}.fav-item .btn-fav{grid-column:2;align-self:start;padding:4px}@media (width>=481px){.app{border-left:1px solid var(--rule);border-right:1px solid var(--rule)}}@media (height<=680px){.question-card{min-height:280px;padding:28px 24px 22px}.card-question{font-size:20px}.level-cards{gap:10px}.level-card{padding:16px 18px 14px}.level-numeral{font-size:36px}.mode-card{padding:14px 6px}.mode-name{font-size:20px}.chapter-title{font-size:26px}}