: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 (max-width:767px){: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)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}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 (max-width:767px){h1{margin:20px 0;font-size:36px}}@media (min-width:768px) and (max-width:1199px){h1{margin:24px 0;font-size:48px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (max-width:767px){h2{font-size:20px}}@media (min-width:768px) and (max-width:1199px){h2{font-size:22px}}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%}@font-face{font-family:Tenor Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tenor-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ui-scale:1}@media (min-width:768px){:root{--ui-scale:1.25}}@keyframes deckShuffle{0%,to{transform:translate(0)}25%{transform:translate(-6px)rotate(-2deg)}75%{transform:translate(6px)rotate(2deg)}}@keyframes infoScroll{0%,37.5%{transform:translate(0)}50%,87.5%{transform:translateX(var(--info-overflow))}to{transform:translate(0)}}@keyframes readingBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes readingPanelIn{0%{opacity:0;transform:translateY(60px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes blink{0%,to{opacity:.7}50%{opacity:0}}@keyframes coinSpin{0%{transform:rotateY(0)scaleX(1)}50%{transform:rotateY(90deg)scaleX(.1)}to{transform:rotateY(180deg)scaleX(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes creditSpendFlash{0%,33.3%{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent)}33.4%,66.6%{color:var(--text-subtle);border-color:var(--border);background-color:#0000}66.7%,to{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent)}}@keyframes creditEarnFlash{0%,33.3%{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent)}33.4%,66.6%{color:var(--text-subtle);border-color:var(--border);background-color:#0000}66.7%,to{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent)}}@keyframes milestonePopIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes milestoneEmojiPop{0%{transform:scale(0)rotate(-15deg)}60%{transform:scale(1.28)rotate(8deg)}to{transform:scale(1)rotate(0)}}@keyframes sparkleFadeIn{0%{opacity:0;transform:scale(.3)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes profilePulse{0%,to{box-shadow:0 0 0 0 rgba(var(--accent-rgb,124, 90, 242), 0);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(var(--accent-rgb,124, 90, 242), .35);transform:scale(1.28)}}@keyframes moodStarPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.mood-star{animation:3s ease-in-out infinite moodStarPulse}@keyframes journalScrollBounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-block{background:linear-gradient(90deg, var(--accent-soft) 0%, var(--border) 50%, var(--accent-soft) 100%);background-size:200% 100%;border-radius:4px;animation:1.6s ease-in-out infinite shimmer}.skeleton-row{border-bottom:.5px solid var(--border);flex-direction:column;gap:8px;padding:14px 24px;display:flex}.journal-scroll-hint{background:var(--accent);width:36px;height:36px;color:var(--accent-text);border:1px solid var(--accent);cursor:pointer;z-index:2;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;animation:1.4s ease-in-out infinite journalScrollBounce;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}.journal-scroll-hint:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-root{background-color:var(--bg-surface);width:100%;height:100dvh;color:var(--text-primary);-webkit-user-select:none;user-select:none;touch-action:none;isolation:isolate;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:relative;overflow:hidden}.app-root:before,.welcome-bg:before{content:"";background-image:var(--bg-pattern-back);z-index:-2;pointer-events:none;background-repeat:repeat;background-size:720px 720px;animation:180s linear infinite drift-back;position:absolute;top:0;bottom:0;left:0;right:0}.app-root:after,.welcome-bg:after{content:"";background-image:var(--bg-pattern-front);z-index:-1;pointer-events:none;background-repeat:repeat;background-size:480px 480px;animation:60s linear infinite drift;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes drift-back{to{background-position:720px -720px}}.welcome-bg{isolation:isolate}.welcome-wide-break{display:none}@media (min-width:660px){.welcome-wide-break{display:block}}.glass-panel{background:rgba(var(--bg-surface-rgb), .45);border:1px solid #ffffff12}.glass-panel-hazy{background:rgba(var(--bg-surface-rgb), .9);border:1px solid #ffffff0f}.glass-panel--soft{background:rgba(var(--bg-surface-rgb), .45);border:1px solid #ffffff0d}@media (prefers-reduced-motion:reduce){.app-root:before,.app-root:after,.welcome-bg:before,.welcome-bg:after{animation:none}}@media (prefers-contrast:more),(forced-colors:active){.app-root:before,.app-root:after,.welcome-bg:before,.welcome-bg:after{display:none}.glass-panel,.glass-panel-hazy,.glass-panel--soft{background:var(--bg-surface)}}*{-webkit-user-select:none;user-select:none}img{-webkit-touch-callout:none}.app-header{padding:calc(8px * var(--ui-scale) + env(safe-area-inset-top)) calc(16px * var(--ui-scale)) calc(6px * var(--ui-scale));border-bottom:1px solid var(--border);background:rgba(var(--bg-surface-rgb), .9);justify-content:space-between;align-items:center;gap:calc(8px * var(--ui-scale));flex-shrink:0;display:flex}.app-header--mobile{padding-left:calc(12px * var(--ui-scale));padding-right:calc(12px * var(--ui-scale))}.app-header-left{align-items:center;gap:calc(8px * var(--ui-scale));flex-shrink:0;display:flex}.app-header-right{align-items:center;gap:calc(6px * var(--ui-scale));flex-shrink:0;display:flex}@media (min-width:768px){.app-header-right{gap:22px}}.app-header-spacer{flex:1}.app-header-logo{height:calc(22px * var(--ui-scale))}.app-header-brand{font-size:calc(13px * var(--ui-scale));letter-spacing:3px;color:var(--accent);font-weight:400}.app-header-sep{font-size:calc(10px * var(--ui-scale));color:var(--border)}.app-header-mode{font-size:calc(11px * var(--ui-scale));letter-spacing:2px;color:var(--accent);font-weight:400}.btn-back{color:var(--text-subtle);cursor:pointer;font-size:calc(11px * var(--ui-scale));letter-spacing:1px;padding:calc(2px * var(--ui-scale)) 0;background:0 0;border:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.btn-icon{cursor:pointer;color:var(--text-subtle);font-size:calc(18px * var(--ui-scale));padding:calc(2px * var(--ui-scale)) calc(4px * var(--ui-scale));min-height:calc(48px * var(--ui-scale));background:0 0;border:none;line-height:1}.btn-icon:disabled{opacity:.35;cursor:default}.btn-icon svg{width:calc(18px * var(--ui-scale));height:calc(18px * var(--ui-scale))}.btn-icon--pulsing{color:var(--accent);opacity:1;border-radius:50%;animation:1.4s ease-in-out 6 profilePulse}.btn-header{border:1px solid var(--border);padding:calc(5px * var(--ui-scale)) calc(10px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));min-height:calc(40px * var(--ui-scale));background:0 0;border-radius:6px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.btn-header--accent{border-color:var(--accent);color:var(--accent);letter-spacing:1px}.btn-header:disabled{opacity:.35;cursor:default}.btn-header--flash{animation:1.5s linear creditSpendFlash}.btn-header--flash-earn{animation:1.5s linear creditEarnFlash}.btn-ghost{cursor:pointer;font-size:calc(11px * var(--ui-scale));letter-spacing:1px;color:var(--text-subtle);background:0 0;border:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.btn-ghost:disabled{opacity:.4;cursor:default}.btn-close{color:var(--text-subtle);cursor:pointer;font-size:calc(18px * var(--ui-scale));padding:0 calc(4px * var(--ui-scale));background:0 0;border:none;line-height:1}.btn-close:disabled{opacity:.3;cursor:not-allowed}.btn-modal{padding:calc(8px * var(--ui-scale)) calc(20px * var(--ui-scale));cursor:pointer;font-size:calc(12px * var(--ui-scale));letter-spacing:1.5px;min-height:calc(38px * var(--ui-scale));border-radius:7px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.btn-modal-primary{background:var(--accent);color:var(--accent-text,white);border:none}.btn-modal-primary:disabled{color:#fff;cursor:default;background:#aaa}.btn-modal-secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted)}.btn-modal-secondary:disabled{opacity:.4;cursor:default}.btn-modal-danger{color:#fff;background:#a32d2d;border:none}.btn-modal-danger:disabled{color:#fff;cursor:default;background:#aaa}.btn-action{padding:calc(6px * var(--ui-scale)) 0;cursor:pointer;font-size:calc(11px * var(--ui-scale));letter-spacing:1.5px;width:100%;max-width:70%;min-height:calc(48px * var(--ui-scale));color:var(--accent-text,white);border:none;border-radius:6px;margin-left:auto;margin-right:auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@media (min-width:768px){.btn-action{max-width:calc(400px * var(--ui-scale))}}.btn-action:disabled{cursor:default;background:#aaa}.btn-action--primary:not(:disabled){background:var(--accent)}.btn-action--secondary:not(:disabled){background:var(--accent-soft);border:1px solid var(--border);color:var(--accent)}.info-strip{background:var(--bg-table-to);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;transition:opacity .2s;display:flex;overflow:hidden}.info-strip--faded{opacity:.35}.ticker-strip{padding:calc(8px * var(--ui-scale)) calc(16px * var(--ui-scale));background:rgba(var(--bg-surface-rgb), .5);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.ticker-viewport{width:100%;max-width:calc(720px * var(--ui-scale));height:calc(30px * var(--ui-scale));justify-content:center;align-items:center;display:flex;overflow:hidden}.ticker-viewport--scrolling{justify-content:flex-start}.ticker-item{white-space:nowrap;font-size:calc(13px * var(--ui-scale));color:var(--text-muted);text-align:center;padding:calc(4px * var(--ui-scale)) calc(8px * var(--ui-scale));background:0 0;border:none;flex-shrink:0;align-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.4;animation-name:tickerFadeIn;animation-duration:.4s;animation-timing-function:ease-out;animation-fill-mode:backwards;display:inline-flex}.ticker-item--tappable{cursor:pointer;border-radius:6px;transition:background .15s,color .15s}.ticker-item--tappable:hover{background:var(--accent-soft);color:var(--accent)}.ticker-item--tappable:focus-visible{background:var(--accent-soft);color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.ticker-item--scrolling{animation-name:tickerFadeIn,tickerScroll;animation-duration:var(--ticker-fade-duration,.4s), var(--ticker-scroll-duration,6s);animation-timing-function:ease-out,linear;animation-iteration-count:1,1;animation-delay:0s,2.5s;animation-fill-mode:backwards,forwards}.ticker-strip--paused .ticker-item,.ticker-strip--paused .ticker-item--scrolling{animation-play-state:paused}@keyframes tickerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translateX(var(--ticker-scroll-distance,0))}}.ticker-strip--reduced .ticker-item{white-space:normal;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ticker-strip--reduced .ticker-viewport{min-height:36px}.question-banner{padding:calc(8px * var(--ui-scale)) calc(16px * var(--ui-scale));background:var(--accent-soft);border-bottom:1px solid var(--border);align-items:center;gap:calc(8px * var(--ui-scale));flex-shrink:0;display:flex}.question-banner-star{font-size:calc(14px * var(--ui-scale));color:var(--accent)}.question-banner-text{font-size:calc(13px * var(--ui-scale));color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-style:italic;overflow:hidden}.question-banner-clear{color:var(--text-subtle);cursor:pointer;font-size:calc(14px * var(--ui-scale));padding:0 calc(4px * var(--ui-scale));background:0 0;border:none}.guided-banner{background:rgba(var(--accent-rgb), .08);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(var(--accent-rgb), .22);z-index:100;border-radius:12px;align-items:flex-start;gap:10px;width:80%;padding:8px 12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000002e}.guided-banner--behind{z-index:1}.guided-banner-star{color:var(--accent);flex-shrink:0;margin-top:2px;font-size:14px}.guided-banner-body{color:var(--text-primary);flex-direction:column;flex:1;gap:6px;min-width:0;font-size:13px;line-height:1.4;display:flex}.guided-banner-step-body{color:var(--text-primary);font-size:13px}.guided-banner-watch-fors{color:var(--text-muted);font-size:12px;font-style:italic}.guided-banner-watch-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:10px;font-style:normal;font-weight:600}.guided-banner-dismiss-forever{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:2px;padding:2px 0;font-size:11px;text-decoration:underline}.guided-banner-dismiss-forever:hover{color:var(--text-primary)}.guided-banner-close{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-self:flex-start;padding:4px 6px;font-size:14px;line-height:1}.guided-banner-close:hover{color:var(--text-primary)}.guided-banner-loading{flex-direction:column;gap:6px;display:flex}.guided-banner-loading-text{color:var(--text-muted);font-size:12px;font-style:italic}.guided-banner-loading-bar{background:var(--accent-soft);border-radius:1px;height:2px;overflow:hidden}.guided-banner-loading-bar-fill{background:var(--accent);width:30%;height:100%;animation:1.4s ease-in-out infinite guidedLoadingBar}@keyframes guidedLoadingBar{0%{transform:translate(-100%)}to{transform:translate(400%)}}.spread-guide-overlay{pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.spread-guide-outline{transition:opacity .2s}.spread-guide-outline--occupied{opacity:0}.spread-guide-outline-frame{border:1px dashed var(--accent);opacity:.35;pointer-events:none;border-radius:6px;position:absolute;top:0;bottom:0;left:0;right:0}.spread-guide-outline-label{white-space:nowrap;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;pointer-events:none;font-size:10px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.spread-guide-outline-chip{border:1px solid var(--accent);background:var(--bg-surface);width:22px;height:22px;color:var(--accent);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:600;line-height:1;display:flex;position:absolute;top:-10px;right:-10px}.spread-guide-outline-popover{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--accent);z-index:5;border-radius:6px;width:200px;max-width:80vw;padding:8px 12px;font-size:12px;line-height:1.4;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.qp-guided-framing{color:var(--text-muted);text-align:center;padding:0 4px;font-size:13px;font-style:italic;line-height:1.5}.qp-examples{border-top:1px dashed var(--border);width:100%;padding-top:8px}.qp-examples-summary{color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:6px;font-size:12px;list-style:none}.qp-examples-summary::-webkit-details-marker{display:none}.qp-examples-summary:before{content:"▸ ";transition:transform .15s;display:inline-block}details[open]>.qp-examples-summary:before{transform:rotate(90deg)}.qp-examples-list{flex-direction:column;gap:6px;display:flex}.qp-example-chip{text-align:left;background:var(--accent-soft);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;min-height:36px;padding:8px 12px;font-family:inherit;font-size:13px;line-height:1.3}.qp-example-chip:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.qp-examples-mm-toggle{cursor:pointer;text-align:center;letter-spacing:.5px;color:var(--text-subtle);background:0 0;border:none;width:100%;padding:4px 0;font-family:inherit;font-size:11px}.qp-examples-mm-reveal{opacity:0;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .22s,opacity .18s,margin-top .22s;display:grid}.qp-examples-mm-reveal--open{opacity:1;grid-template-rows:1fr;margin-top:6px}.qp-examples-mm-inner{flex-direction:column;gap:4px;min-height:0;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.qp-examples-mm-reveal{transition:none}}.action-bar{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;align-items:center;gap:6px;display:grid}.action-bar--2col{grid-template-columns:1fr 1fr}.action-bar--1col{grid-template-columns:1fr}.modal-backdrop{z-index:10000;background:var(--overlay);-webkit-backdrop-filter:blur(14px)saturate(1.2);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}html.modal-scroll-locked,body.modal-scroll-locked{touch-action:none;overflow:hidden}.modal-panel{background:var(--bg-surface);border:1px solid var(--border);max-width:calc(560px * var(--ui-scale));border-radius:14px;flex-direction:column;width:100%;max-height:100%;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 1px 2px #00000014,0 8px 24px #00000024,0 24px 80px #00000038}.modal-header{padding:calc(18px * var(--ui-scale)) calc(22px * var(--ui-scale)) calc(14px * var(--ui-scale));border-bottom:1px solid var(--border);align-items:center;gap:calc(10px * var(--ui-scale));flex-shrink:0;display:flex}.modal-body{padding:calc(20px * var(--ui-scale)) calc(24px * var(--ui-scale));flex:1;position:relative;overflow-y:auto}.modal-footer{padding:calc(12px * var(--ui-scale)) calc(22px * var(--ui-scale));border-top:1px solid var(--border);justify-content:space-between;gap:calc(8px * var(--ui-scale));flex-shrink:0;display:flex}.style-card{align-items:center;gap:calc(8px * var(--ui-scale));min-width:0;padding:calc(18px * var(--ui-scale)) calc(8px * var(--ui-scale));cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);border-radius:10px;flex-direction:column;flex:1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:border-color .15s,background .15s;display:flex}.style-card:hover{border-color:var(--accent);background:var(--accent-soft)}.style-card-symbol{font-size:calc(22px * var(--ui-scale));color:var(--accent)}.style-card-label{font-size:calc(11px * var(--ui-scale));letter-spacing:1.5px;color:var(--accent)}.style-card-desc{font-size:calc(11px * var(--ui-scale));color:var(--text-muted);text-align:center;line-height:1.4}.deck-overlay{z-index:830;pointer-events:none;justify-content:center;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:10px;left:0;right:0}.deck-overlay-pile-slot{pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:relative}.deck-overlay-icon-stack{left:calc(50% + var(--icon-stack-offset,60px));bottom:var(--icon-stack-bottom,0px);pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute}.deck-overlay-icon-stack-left{right:calc(50% + var(--icon-stack-offset,60px));bottom:var(--icon-stack-bottom,0px);pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute}.btn-deck-action{cursor:pointer;width:calc(56px * var(--ui-scale));height:calc(56px * var(--ui-scale));color:var(--text-muted);pointer-events:auto;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s,transform .1s;display:flex}.btn-deck-action:hover:not(:disabled){color:var(--accent);background:rgba(var(--accent-rgb), .12)}.btn-deck-action:active:not(:disabled){transform:scale(.92)}.btn-deck-action:disabled{opacity:.3;cursor:default}.landscape-warning{z-index:99999;background:var(--bg-surface);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (orientation:landscape) and (max-height:500px){.landscape-warning{display:flex}}.reading-style-picker{flex-direction:column;align-items:center;gap:20px;padding:24px 0;display:flex}@media (max-height:700px){.reading-style-picker{gap:12px;padding:10px 0}.style-card{padding:11px 8px}}.reading-style-cards{gap:10px;width:100%;display:flex}.reading-error{flex-direction:column;align-items:center;gap:14px;padding:32px 0;display:flex}.reading-body{font-size:calc(14px * var(--ui-scale));color:var(--text-primary);white-space:pre-wrap;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.8}.reading-cursor{background:var(--accent);opacity:.7;vertical-align:text-bottom;width:8px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.reading-paragraph{margin:0 0 1em;animation:1.2s both paragraphFadeIn}.reading-paragraph:last-child{margin-bottom:0}.reading-paragraph--emphasis{font-weight:700}@keyframes paragraphFadeIn{0%{opacity:0;filter:blur(2px);transform:translateY(4px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reading-paragraph{animation:none}}.reading-reveal-overlay{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent,#534ab7);outline-offset:2px;border-radius:3px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=image]):not([type=reset]),textarea{font-size:16px}input[type=checkbox]{accent-color:var(--accent-bright)}input:focus-visible{outline-offset:0;border-color:var(--accent,#534ab7)}textarea:focus-visible{outline-offset:0;border-color:var(--accent,#534ab7)}@keyframes drift{to{background-position:480px -480px}}.mode-counts-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}@media (min-width:768px){.mode-counts-grid{grid-template-columns:repeat(4,1fr)}}.mode-counts-grid>*{border-right:1px solid var(--border)}.mode-counts-grid>:nth-child(2n){border-right:none}.mode-counts-grid>:nth-child(-n+2){border-bottom:1px solid var(--border)}@media (min-width:768px){.mode-counts-grid>:nth-child(2n){border-right:1px solid var(--border)}.mode-counts-grid>:last-child{border-right:none}.mode-counts-grid>:nth-child(-n+2){border-bottom:none}}@media (max-width:480px){.mode-count-suffix{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.main-menu-stack{max-width:300px}@media (min-width:768px){.main-menu-stack{max-width:calc(380px * var(--ui-scale))}}.modal-title{font-size:calc(14px * var(--ui-scale));letter-spacing:2px;color:var(--accent);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.modal-section-label{font-size:calc(11px * var(--ui-scale));letter-spacing:2px;color:var(--text-subtle);text-transform:uppercase}.modal-checkbox-label{font-size:calc(13px * var(--ui-scale));color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.modal-checkbox-row{align-items:center;gap:calc(10px * var(--ui-scale));cursor:pointer;display:flex}.modal-button-row{gap:calc(8px * var(--ui-scale));display:flex}.settings-section{gap:calc(10px * var(--ui-scale));padding-bottom:calc(20px * var(--ui-scale));border-bottom:1px solid var(--border);flex-direction:column;display:flex}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-subdivider{border-top:1px solid var(--border);padding-top:calc(20px * var(--ui-scale));margin-top:calc(20px * var(--ui-scale))}.modal-body-text{font-size:calc(12px * var(--ui-scale));color:var(--text-muted);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6}.modal-meta-text{font-size:calc(10px * var(--ui-scale));color:var(--text-subtle);letter-spacing:1.5px}.modal-hint-text{font-size:calc(11px * var(--ui-scale));color:var(--text-subtle);font-style:italic}.screen-instruction{font-size:calc(13px * var(--ui-scale));color:var(--text-muted);text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.7}.main-menu-mode-card{align-items:center;gap:calc(18px * var(--ui-scale));padding:calc(12px * var(--ui-scale)) calc(22px * var(--ui-scale));min-height:calc(66px * var(--ui-scale));text-align:left;width:100%;box-shadow:none;border-radius:12px;font-family:inherit;transition:border-color .15s,background .15s;display:flex;position:relative}.main-menu-mode-card--compact{padding:calc(10px * var(--ui-scale)) calc(18px * var(--ui-scale));min-height:calc(58px * var(--ui-scale))}.main-menu-mode-icon{font-size:calc(30px * var(--ui-scale));width:calc(42px * var(--ui-scale));text-align:center;flex-shrink:0;justify-content:center;align-items:center;font-family:monospace;line-height:1;display:flex}.main-menu-mode-title{font-size:calc(13px * var(--ui-scale));letter-spacing:2px}.main-menu-mode-desc{font-size:calc(12px * var(--ui-scale));color:var(--text-subtle);margin-top:calc(4px * var(--ui-scale));line-height:1.5}.main-menu-mode-badge{top:calc(6px * var(--ui-scale));right:calc(10px * var(--ui-scale));font-size:calc(9px * var(--ui-scale));letter-spacing:.05em;text-transform:uppercase;font-weight:600;position:absolute}.main-menu-mode-badge--locked{font-size:calc(10px * var(--ui-scale));color:var(--text-subtle);align-items:center;gap:calc(4px * var(--ui-scale));display:inline-flex}.familiarity-helper-text{font-size:calc(12px * var(--ui-scale));color:var(--text-subtle);text-align:center;margin:0 auto calc(4px * var(--ui-scale));max-width:calc(360px * var(--ui-scale));line-height:1.5}.tutorial-caption{font-size:calc(14px * var(--ui-scale));color:#fff;letter-spacing:1px;text-shadow:0 1px 6px #000000b3;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.9}.main-menu-question-label{font-size:calc(19px * var(--ui-scale));letter-spacing:.5px;color:var(--text-muted);text-align:center;font-weight:400;line-height:1.4}@media (max-height:699px){.main-menu-question-label{font-size:calc(17px * var(--ui-scale))}}