:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}html{overflow-x:hidden}body{background-color:#e4dec8;background-color:var(--book-canvas);margin:0;overflow-x:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--book-page-cream:#f0e8d0;--book-page-left:#e8e2d4;--book-spine-brown:#2c1a0e;--book-canvas:#e4dec8;--book-gold:#c4963a;--book-ink:#3a2e1e;--book-label:#8b7355;--book-placeholder:#c0b48a;--book-border:#d4c9a8;--book-tab-history:#5a7a4e;--book-tab-signin:#6a4f8a;--font-display:"Playfair Display", Georgia, serif;--font-ui:"DM Sans", system-ui, sans-serif}.book-canvas{background:var(--book-canvas);justify-content:center;align-items:center;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.book-spread{border-radius:3px 6px 6px 3px;flex-direction:row;width:940px;height:660px;display:flex;position:relative;box-shadow:4px 8px 32px #2c1a0e47}.book-page-left{background:var(--book-page-left);text-align:center;border-radius:6px 0 0 6px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;box-shadow:inset -10px 0 20px #2c1a0e12}.book-page-left__content-fade{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.8s ease-out both route-fade-in;display:flex}.book-page-left__chapter{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--book-label);font-size:9px;font-weight:600}.book-page-left__rule{background:var(--book-gold);width:32px;height:1px}.book-page-left__quote{font-family:var(--font-display);text-align:center;color:var(--book-ink);max-width:280px;margin:0;font-size:20px;font-style:italic;line-height:1.5}.book-page-left__attribution{font-family:var(--font-ui);color:var(--book-label);font-size:12px;font-style:normal}.book-page-left__folio{font-family:var(--font-display);color:var(--book-border);font-size:13px;font-style:italic;position:absolute;bottom:24px}.book-spine{background:var(--book-spine-brown);flex-shrink:0;width:24px;position:relative}.book-spine:after{content:"";background:#ffffff0f;width:2px;position:absolute;inset:0 0 0 auto}.book-page-right{background:var(--book-page-cream);border-radius:0 6px 6px 0;flex-direction:column;flex:1;gap:20px;padding:48px 48px 32px;display:flex;position:relative;box-shadow:inset 10px 0 20px #2c1a0e12}.page-content{flex-direction:column;flex:1;gap:20px;display:flex;overflow:visible}.book-section-label{flex-direction:column;gap:6px;display:flex}.book-section-label__text{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--book-label);font-size:9px;font-weight:600}.book-section-label__rule{background:var(--book-gold);width:28px;height:1px}.book-folio{text-align:right;font-family:var(--font-display);color:var(--book-border);margin-top:auto;font-size:13px;font-style:italic}.bookmark-tabs{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:120px;right:0;transform:translate(100%)}.bookmark{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#fff;writing-mode:vertical-rl;background:var(--tab-color);border-top-right-radius:5px;border-bottom-right-radius:5px;justify-content:center;align-items:center;padding:10px 0;font-size:10px;font-weight:600;text-decoration:none;display:flex}.bookmark--me{padding-top:18px;padding-bottom:18px}.bookmark--active{z-index:3;width:72px;margin-left:2px;position:relative;box-shadow:-4px 4px 12px #00000026}.bookmark--inactive{opacity:.9;width:36px;position:relative}@media (width<=768px){.book-canvas{box-sizing:border-box;justify-content:flex-start;align-items:flex-start;padding:76px 14px 40px}.book-spread{border-radius:3px;flex-direction:row;width:100%;height:auto;min-height:calc(100svh - 92px);margin-top:0}.book-page-left{display:none}.book-spine{width:8px}.book-page-right{border-radius:0 3px 3px 0;padding:28px 24px 24px 20px}.bookmark-tabs{flex-direction:row;align-items:flex-end;gap:6px;padding:0 6px;position:absolute;inset:auto 0 100%;transform:none}.bookmark{writing-mode:horizontal-tb;text-align:center;border-radius:5px 5px 0 0;flex:1;width:auto;padding:0 8px}.bookmark--active{height:64px;margin-top:2px;box-shadow:0 -3px 8px #00000026}.bookmark--inactive{height:32px}}.mobile-notice{display:none}@media (width<=768px){.mobile-notice{background:var(--book-spine-brown);color:var(--book-page-cream);z-index:200;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;animation:.3s ease-out both notice-slide-up;display:flex;position:fixed;bottom:20px;left:14px;right:14px;box-shadow:0 4px 16px #2c1a0e59}@keyframes notice-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mobile-notice__text{font-family:var(--font-ui);color:var(--book-page-cream);margin:0;font-size:13px;line-height:1.4}.mobile-notice__dismiss{font-family:var(--font-ui);letter-spacing:.05em;color:var(--book-gold);border:1px solid var(--book-gold);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:600}}.book-cover{background:var(--book-canvas);z-index:100;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.book-cover__book{width:940px;height:660px;position:relative}.book-cover__static-spine{background:var(--book-spine-brown);z-index:2;width:24px;position:absolute;top:0;bottom:0;left:458px}.book-cover__page{transform-origin:0;transform-style:preserve-3d;z-index:1;position:absolute;inset:0 0 0 458px}.book-cover__front{background:var(--book-spine-brown);backface-visibility:hidden;border-radius:0 6px 6px 0;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:40px;display:flex;position:absolute;inset:0 0 0 24px;box-shadow:4px 6px 24px #2c1a0e38}.book-cover__back{backface-visibility:hidden;background:0 0;border-radius:0 6px 6px 0;position:absolute;inset:0;transform:rotateY(180deg)}.book-cover__border{flex-direction:column;gap:3px;animation:.6s ease-out both title-entrance;display:flex;position:absolute;left:24px;right:24px}.book-cover__border--top{top:20px}.book-cover__border--bottom{bottom:20px}.book-cover__border-line{background:var(--book-gold);opacity:.6;height:1px}.book-cover__ornament{align-items:center;gap:8px;margin:16px 0;animation:.6s ease-out .1s both title-entrance;display:flex}.book-cover__ornament-line{background:var(--book-gold);opacity:.5;flex:1;max-width:48px;height:1px}.book-cover__ornament-diamond{color:var(--book-gold);opacity:.7;font-size:8px}.book-cover__eyebrow{font-family:var(--font-ui);letter-spacing:.35em;text-transform:uppercase;color:var(--book-gold);opacity:.7;margin:0;font-size:10px;font-weight:500;animation:.6s ease-out .1s both title-entrance}.book-cover__title{font-family:var(--font-display);color:var(--book-page-cream);text-align:center;margin:8px 0 0;font-size:36px;font-weight:700;line-height:1.15;animation:.6s ease-out both title-entrance}.book-cover__subtitle{font-family:var(--font-display);color:#faf7ef8c;text-align:center;margin:0;font-size:14px;font-style:italic;animation:.6s ease-out .2s both title-entrance}.page-flipper{transform-style:preserve-3d;transform-origin:0;z-index:50;pointer-events:none;position:absolute;inset:0}.page-flipper--turn{animation:1.1s cubic-bezier(.645,.045,.355,1) both page-flip-out}.page-flipper .page-front{pointer-events:auto}.page-front,.page-back{backface-visibility:hidden;background:var(--book-page-cream);flex-direction:column;display:flex;position:absolute;inset:0}.page-front{border-radius:0 6px 6px 0;transform:rotateY(0)}.page-back{text-align:center;border-radius:6px 0 0 6px;justify-content:center;align-items:center;padding:40px;transform:rotateY(180deg)}@keyframes page-flip-out{0%{z-index:100;opacity:1;transform:rotateY(0);box-shadow:0 0 #0000}50%{opacity:1;box-shadow:-20px 20px 40px #2c1a0e4d}to{z-index:100;opacity:1;transform:rotateY(180deg);box-shadow:0 0 #0000}}@keyframes page-flip-return{0%{z-index:100;opacity:1;transform:rotateY(180deg);box-shadow:0 0 #0000}50%{opacity:1;box-shadow:20px 20px 40px #2c1a0e4d}to{z-index:100;opacity:1;transform:rotateY(0);box-shadow:0 0 #0000}}.page-flipper--return{animation:1.1s cubic-bezier(.645,.045,.355,1) both page-flip-return}@keyframes page-flip-in{0%{opacity:1;transform:rotateY(180deg);box-shadow:0 0 #0000}50%{opacity:1;box-shadow:-20px 20px 40px #2c1a0e4d}to{opacity:1;transform:rotateY(0);box-shadow:0 0 #0000}}.page-flip-deco-container{pointer-events:none;z-index:10;position:absolute;inset:48px 48px 32px}@media (width<=768px){.page-flip-deco-container{inset:28px 24px 24px 20px}}.page-flip-deco{background:var(--book-page-cream);transform-origin:0;border-left:1px solid #0000000d;position:absolute;inset:0}.deco-1{animation:1.1s cubic-bezier(.645,.045,.355,1) 50ms both page-flip-out}.deco-2{animation:1.1s cubic-bezier(.645,.045,.355,1) .1s both page-flip-out}.deco-3{animation:1.1s cubic-bezier(.645,.045,.355,1) .15s both page-flip-out}@keyframes cover-open{0%{transform:perspective(1200px)rotateY(0)}to{transform:perspective(1200px)rotateY(-180deg)}}@keyframes title-entrance{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.book-cover__page.is-opening{transform-origin:0;animation:.6s ease-in-out forwards cover-open}.book-cover.is-opening{pointer-events:none;animation:.6s ease-in-out forwards cover-fade-out}@keyframes cover-fade-out{0%{opacity:1}to{opacity:0}}@keyframes route-fade-in{0%{opacity:0}to{opacity:1}}.route-enter{animation:.25s ease-out both route-fade-in}.route-page-enter{flex-direction:column;flex:1;display:flex;overflow-x:hidden}@media (width>=769px){.route-page-enter{scrollbar-width:thin;scrollbar-color:var(--book-border) transparent;min-height:0;overflow:hidden auto}.route-page-enter::-webkit-scrollbar{width:4px}.route-page-enter::-webkit-scrollbar-track{background:0 0}.route-page-enter::-webkit-scrollbar-thumb{background:var(--book-border);border-radius:2px}}.route-flipper{pointer-events:none}@keyframes route-reveal-fade{0%{opacity:1}to{opacity:0}}.route-reveal-overlay{background:var(--book-page-cream);pointer-events:none;z-index:51;animation:.5s ease-out forwards route-reveal-fade;position:absolute;inset:0}@keyframes left-page-enter{0%{transform:perspective(1200px)rotateY(70deg);box-shadow:0 0 #0000}50%{box-shadow:-20px 20px 40px #2c1a0e26}to{transform:perspective(1200px)rotateY(0);box-shadow:0 0 #0000}}.book-page-left--entering{transform-origin:100%;animation:.8s cubic-bezier(.645,.045,.355,1) both left-page-enter}.home-flipper-front{padding:48px 48px 32px}@media (width<=640px){.home-flipper-front{padding:28px 24px 24px 20px}}.home-answer{flex-direction:column;flex:1;gap:16px;display:flex}.ask-again-btn{font-family:var(--font-ui);color:var(--book-label);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;font-weight:500;text-decoration:underline}.decision-input{flex-direction:column;flex:1;gap:12px;display:flex}.decision-input__textarea{box-sizing:border-box;resize:none;border:1.5px solid var(--book-border);width:100%;min-height:160px;font-family:var(--font-display);color:var(--book-ink);background:var(--book-page-cream);border-radius:3px;outline:none;flex:1;padding:14px;font-size:15px;font-style:italic;transition:border-color .15s}.decision-input__textarea::placeholder{color:var(--book-placeholder)}.decision-input__textarea:focus{border-color:var(--book-gold)}.decision-input__actions{justify-content:space-between;align-items:center;display:flex}.btn-decide{background:var(--book-spine-brown);color:var(--book-page-cream);font-family:var(--font-ui);letter-spacing:.06em;cursor:pointer;border:none;border-radius:3px;padding:12px 28px;font-size:14px;font-weight:700;transition:opacity .15s}.btn-decide:disabled{opacity:.4;cursor:not-allowed}.char-count{font-family:var(--font-ui);color:var(--book-placeholder);font-size:11px}.segmented-control{border:1.5px solid var(--book-spine-brown);border-radius:3px;flex-direction:row;width:fit-content;display:flex;overflow:hidden}.segmented-control__option{font-family:var(--font-ui);color:var(--book-ink);cursor:pointer;background:0 0;border:none;padding:7px 18px;font-size:12px;font-weight:400;transition:background .1s,color .1s}.segmented-control__option[aria-pressed=true]{background:var(--book-spine-brown);color:var(--book-page-cream);font-weight:600}.decision-result{flex-direction:column;gap:20px;display:flex}.decision-result__answer{font-family:var(--font-display);color:var(--book-ink);font-size:30px;font-style:normal;font-weight:700;line-height:1.3}.answer-share-btn{font-family:var(--font-ui);color:var(--book-label);border:1px solid var(--book-border);cursor:pointer;letter-spacing:.04em;background:0 0;border-radius:3px;padding:5px 14px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s;position:absolute;top:48px;right:48px}.answer-share-btn:hover{border-color:var(--book-gold);color:var(--book-gold)}.answer-share-btn:disabled{opacity:.5;cursor:default}.decision-result__actions{align-items:center;gap:16px;display:flex}.decision-result__save{font-family:var(--font-ui);color:var(--book-gold);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:12px;font-weight:500;text-decoration:underline}.decision-result__saved{font-family:var(--font-ui);color:var(--book-label);font-size:12px}.decision-result__error{font-family:var(--font-ui);color:#b04a3a;font-size:12px}@media (prefers-reduced-motion:reduce){.page-flip-out,.page-flip-in,.deco-1,.deco-2,.deco-3,.book-cover__page.is-opening,.book-cover__title,.book-cover__subtitle,.route-enter{transition:opacity .15s;animation:none}}.auth-input{box-sizing:border-box;border:1.5px solid var(--book-border);width:100%;font-family:var(--font-ui);color:var(--book-ink);background:var(--book-page-cream);border-radius:3px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s}.auth-input::placeholder{color:var(--book-placeholder)}.auth-input:focus{border-color:var(--book-gold)}
