: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;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@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)}}html,body{height:100vh;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100dvh;margin:0;overflow:hidden}#root{text-align:center;border-inline:1px solid var(--border);width:1126px;max-width:100%;height:100vh;box-sizing:border-box;flex-direction:column;height:100dvh;margin:0 auto;display:flex;overflow: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 (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{width:100%;height:100vh;background-color:var(--bg-surface);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,.app-shell:before{content:"";background-image:var(--bg-pattern-back);z-index:-2;pointer-events:none;will-change:transform;background-repeat:repeat;background-size:720px 720px;animation:180s linear infinite drift-back;position:absolute;top:-720px;bottom:-720px;left:-720px;right:-720px}.app-root:after,.welcome-bg:after,.app-shell:after{content:"";background-image:var(--bg-pattern-front);z-index:-1;pointer-events:none;will-change:transform;background-repeat:repeat;background-size:480px 480px;animation:60s linear infinite drift;position:absolute;top:-480px;bottom:-480px;left:-480px;right:-480px}.app-shell{isolation:isolate;height:100vh;background-color:var(--bg-surface);height:100dvh;position:relative;overflow:hidden}@keyframes drift-back{to{transform:translate(720px,-720px)}}.supernova-field{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.supernova{opacity:0;will-change:transform, opacity;border-radius:50%;animation-name:supernova-scale,supernova-opacity;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:infinite,infinite;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes supernova-scale{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(3.2)}}@keyframes supernova-opacity{0%{opacity:0}18%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.supernova{opacity:.3;animation:none;transform:translate(-50%,-50%)scale(1)}}.app-shell--supernova .app-root{background-color:#0000}.welcome-bg{isolation:isolate}.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-reading-share{align-items:center;gap:calc(5px * var(--ui-scale));cursor:pointer;color:var(--text-subtle);padding:calc(2px * var(--ui-scale)) calc(4px * var(--ui-scale));min-height:calc(48px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));letter-spacing:1.5px;background:0 0;border:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:inline-flex}.btn-reading-share:hover{color:var(--accent)}.btn-reading-share:disabled{opacity:.35;cursor:default}.btn-reading-share svg{width:calc(18px * var(--ui-scale));height:calc(18px * var(--ui-scale))}@media (max-width:360px){.btn-reading-share .btn-reading-share-label{display:none}}.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:2.5s linear creditSpendFlash}.btn-header--flash-earn{animation:2.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);padding:calc(6px * var(--ui-scale)) calc(16px * var(--ui-scale));flex-shrink:0;align-items:center;transition:opacity .2s;display:flex;overflow:hidden}@media (max-width:767px){.info-strip{padding:calc(6px * var(--ui-scale)) calc(12px * var(--ui-scale))}}@media (min-width:768px) and (max-width:1199px){.info-strip{padding:calc(10px * var(--ui-scale)) calc(24px * var(--ui-scale))}}.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:center;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:24px;height:24px;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:-11px;right:-11px}.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{padding:8px 16px calc(8px + env(safe-area-inset-bottom));grid-template-columns:1fr}@media (max-width:767px){.action-bar--1col{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}}@media (min-width:768px) and (max-width:1199px){.action-bar--1col{padding:14px 24px calc(14px + env(safe-area-inset-bottom))}}.iching-coin-stage{padding:calc(36px * var(--ui-scale)) calc(24px * var(--ui-scale));flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}@media (max-width:1199px){.iching-coin-stage{padding:calc(24px * var(--ui-scale)) calc(16px * var(--ui-scale))}}.iching-coin-stack{align-items:center;gap:calc(36px * var(--ui-scale));flex-direction:column;width:100%;margin-top:auto;margin-bottom:auto;display:flex}@media (max-width:1199px){.iching-coin-stack{gap:calc(24px * var(--ui-scale))}}.iching-hex-row{justify-content:center;align-items:center;gap:calc(48px * var(--ui-scale));flex-direction:row;display:flex}@media (max-width:1199px){.iching-hex-row{gap:calc(28px * var(--ui-scale))}.iching-hex-row--stacked{flex-direction:column}}.iching-derived-arrow{color:var(--text-subtle);font-size:calc(22px * var(--ui-scale))}@media (max-width:1199px){.iching-derived-arrow{font-size:calc(18px * var(--ui-scale));transform:rotate(90deg)}}.iching-action-bar{padding:calc(8px * var(--ui-scale)) calc(16px * var(--ui-scale)) calc(8px * var(--ui-scale) + env(safe-area-inset-bottom))}@media (max-width:1199px){.iching-action-bar{padding:calc(8px * var(--ui-scale)) calc(12px * var(--ui-scale)) calc(8px * var(--ui-scale) + env(safe-area-inset-bottom))}}.reading-screen{z-index:10000;background:rgba(var(--bg-surface-rgb), .28);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;position:fixed;top:0;bottom:0;left:max(0px,50vw - 563px);right:max(0px,50vw - 563px);overflow:hidden}@keyframes readingScreenIn{0%{opacity:0}to{opacity:1}}.reading-screen--solid{background:var(--bg-surface)}.reading-screen--solid:before{content:"";background-image:var(--bg-pattern-back);z-index:-2;pointer-events:none;will-change:transform;background-repeat:repeat;background-size:720px 720px;animation:180s linear infinite drift-back;position:absolute;top:-720px;bottom:-720px;left:-720px;right:-720px}.reading-screen--solid:after{content:"";background-image:var(--bg-pattern-front);z-index:-1;pointer-events:none;will-change:transform;background-repeat:repeat;background-size:480px 480px;animation:60s linear infinite drift;position:absolute;top:-480px;bottom:-480px;left:-480px;right:-480px}.reading-screen--solid .supernova-field{z-index:-1}.reading-screen-topbar{align-items:center;gap:calc(10px * var(--ui-scale));padding:calc(10px * var(--ui-scale)) calc(14px * var(--ui-scale));border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.reading-screen-brand{font-size:calc(12px * var(--ui-scale));letter-spacing:2px;color:var(--text-subtle);margin-left:calc(6px * var(--ui-scale));font-weight:600}.reading-screen-spacer{flex:1}.reading-screen-titlebar{padding:calc(14px * var(--ui-scale)) calc(22px * var(--ui-scale)) calc(10px * var(--ui-scale));border-bottom:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.reading-screen-title{font-size:calc(15px * var(--ui-scale));letter-spacing:2px;color:var(--accent);text-align:center;margin:0;font-family:inherit;font-weight:400}@media (min-width:768px) and (max-width:1199px){.reading-screen-title{font-size:calc(17px * var(--ui-scale))}.reading-screen-brand{font-size:calc(13px * var(--ui-scale))}}.reading-screen-title--fade,.reading-screen-body--fade{animation:.2s readingScreenPhaseIn}@keyframes readingScreenPhaseIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reading-screen-title--fade,.reading-screen-body--fade{animation:none}}.reading-screen-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.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}.modal-backdrop--global{z-index:11000;background:var(--overlay);-webkit-backdrop-filter:blur(3px);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.modal-backdrop--soft{-webkit-backdrop-filter:none;background:#00000080}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}.journal-entry-textarea{max-height:calc(420px * var(--ui-scale))}@media (min-width:768px) and (max-width:1199px){.journal-entry-textarea{max-height:720px}}.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:calc(14px * var(--ui-scale));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-body--screen{padding:calc(20px * var(--ui-scale)) calc(24px * var(--ui-scale));min-height:0;overflow-y:auto}.reading-screen-reading{flex-direction:column;flex:1;min-height:0;display:flex}.reading-screen-scrollbody{flex:1;min-height:0;overflow-y:auto}.reading-screen-footer{padding:calc(12px * var(--ui-scale)) calc(22px * var(--ui-scale));border-top:1px solid var(--border);justify-content:center;gap:calc(8px * var(--ui-scale));background:var(--bg-surface);flex-shrink:0;display:flex}.reflection-list-row{gap:calc(6px * var(--ui-scale));width:100%;padding:calc(12px * var(--ui-scale)) calc(14px * var(--ui-scale));background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-primary);border-radius:10px;flex-direction:column;transition:border-color .15s,background .15s,transform 50ms;display:flex}.reflection-list-row:hover{border-color:var(--accent);background:var(--accent-soft);outline:none}.reflection-list-row:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.reflection-list-row:active{transform:scale(.997)}.reflection-list-row-period{align-items:center;gap:calc(8px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));letter-spacing:2px;color:var(--accent);text-transform:uppercase;display:flex}.reflection-list-row-preview{font-size:calc(13px * var(--ui-scale));color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.55;display:-webkit-box;overflow:hidden}.reflection-privacy-callout{padding:calc(8px * var(--ui-scale)) calc(22px * var(--ui-scale)) calc(14px * var(--ui-scale));font-size:calc(10px * var(--ui-scale));color:var(--text-subtle);text-align:center;background:var(--bg-surface);flex-shrink:0}.btn-modal-flash-success{background:var(--accent);color:var(--accent-text,#fff);border-color:var(--accent)}.reading-style-picker-modal--dismissing{opacity:0;pointer-events:none;transition:opacity .2s}.reading-style-picker-modal--dismissing .modal-panel{transition:transform .2s;transform:scale(.97)}.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}.reading-paragraph--debug-callout{background:#ffc8501f;border-left:3px solid #ffc85099;border-radius:2px;margin-left:-12px;padding:4px 12px}.reading-paragraph--debug-status{color:#ffc850cc;text-align:center;letter-spacing:.5px;padding:8px 0;font-family:ui-monospace,monospace;font-size:11px}.reading-paragraph--debug-candidates{text-align:left;color:#ffc850b3;background:#ffc8500d;border:1px dashed #ffc8504d;border-radius:4px;margin-top:6px;padding:8px 12px;font-size:10px;line-height:1.4}.reading-paragraph--debug-candidate{border-top:1px dotted #ffc85026;margin-top:6px;padding-top:6px}.reading-paragraph--debug-candidate:first-of-type{border-top:none;margin-top:0;padding-top:0}@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{transform:translate(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 (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+.settings-section{padding-top:calc(20px * var(--ui-scale))}.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}.journal-springboard{font-size:calc(13px * var(--ui-scale));color:var(--text-primary);text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-style:italic;line-height:1.55}.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}.screen-instruction--legible{color:var(--text-primary)}.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))}}.readings-lens-toggle{padding:calc(8px * var(--ui-scale)) calc(22px * var(--ui-scale));border-bottom:1px solid var(--border);flex-shrink:0;gap:0;display:flex}.readings-lens-tab{padding:calc(7px * var(--ui-scale)) 0;border:1px solid var(--border);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:calc(12px * var(--ui-scale));letter-spacing:.5px;color:var(--text-muted);cursor:pointer;background:0 0;flex:1;transition:background .12s,color .12s}.readings-lens-tab:first-child{border-radius:6px 0 0 6px}.readings-lens-tab:last-child{border-left:none;border-radius:0 6px 6px 0}.readings-lens-tab--active{background:var(--accent);color:var(--accent-text,#fff);border-color:var(--accent)}.readings-lens-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thread-card{gap:calc(8px * var(--ui-scale));padding:calc(14px * var(--ui-scale)) calc(16px * var(--ui-scale));border:1px solid var(--border);cursor:pointer;background:var(--bg-surface);text-align:left;border-radius:10px;flex-direction:column;transition:border-color .12s,background .12s;display:flex}.thread-card:hover{border-color:var(--accent);background:var(--accent-soft);outline:none}.thread-card:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.thread-card:active{transform:scale(.997)}.thread-card-header{justify-content:space-between;align-items:baseline;gap:calc(10px * var(--ui-scale));display:flex}.thread-card-label{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:calc(14px * var(--ui-scale));color:var(--text-primary);flex:1;font-weight:600;line-height:1.4}.thread-card-count{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:calc(11px * var(--ui-scale));color:var(--text-subtle);letter-spacing:.5px;flex-shrink:0}.thread-card-chips{gap:calc(5px * var(--ui-scale));flex-wrap:wrap;align-items:center;display:flex}.parent-bucket-list{gap:calc(6px * var(--ui-scale));padding:calc(14px * var(--ui-scale)) calc(16px * var(--ui-scale));flex-direction:column;display:flex}.parent-bucket{flex-direction:column;display:flex}.parent-bucket-header{align-items:center;gap:calc(10px * var(--ui-scale));width:100%;padding:calc(13px * var(--ui-scale)) calc(14px * var(--ui-scale));border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;text-align:left;border-radius:10px;transition:border-color .12s,background .12s;display:flex}.parent-bucket-header:hover{border-color:var(--accent);background:var(--accent-soft);outline:none}.parent-bucket-header:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.parent-bucket-header:active{transform:scale(.997)}.parent-bucket-chevron{font-size:calc(10px * var(--ui-scale));color:var(--text-subtle);flex-shrink:0;line-height:1;transition:transform .15s;transform:rotate(0)}.parent-bucket-chevron--open{transform:rotate(90deg)}.parent-bucket-name{min-width:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:calc(15px * var(--ui-scale));color:var(--text-primary);flex:1;font-weight:600;line-height:1.4}.parent-bucket-count{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:calc(11px * var(--ui-scale));color:var(--text-subtle);letter-spacing:.5px;flex-shrink:0}.parent-bucket-children{gap:calc(8px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) 0 calc(6px * var(--ui-scale)) calc(16px * var(--ui-scale));flex-direction:column;display:flex}.reading-card-list{gap:calc(10px * var(--ui-scale));padding:calc(14px * var(--ui-scale)) calc(16px * var(--ui-scale));flex-direction:column;display:flex}.reading-card,.echo-card{gap:calc(4px * var(--ui-scale));background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;text-align:left;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:border-color .12s,background .12s;display:flex}.reading-card{padding:calc(14px * var(--ui-scale)) calc(16px * var(--ui-scale));border-radius:10px}.echo-card{padding:calc(10px * var(--ui-scale)) calc(12px * var(--ui-scale));border-radius:8px}.reading-card:hover,.echo-card:hover{border-color:var(--accent);background:var(--accent-soft);outline:none}.reading-card:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.echo-card:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.reading-card:active,.echo-card:active{transform:scale(.997)}.subject-member-row{align-items:stretch;gap:calc(8px * var(--ui-scale));display:flex}.subject-member-row .reading-card{flex:1;min-width:0}.subject-move-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-subtle);cursor:pointer;padding:0 calc(12px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));letter-spacing:1px;border-radius:10px;flex-shrink:0;align-items:center;transition:border-color .12s,color .12s;display:flex}.subject-move-btn:hover{border-color:var(--accent);color:var(--accent);outline:none}.subject-move-btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.subject-move-header{padding:calc(16px * var(--ui-scale)) calc(24px * var(--ui-scale)) calc(12px * var(--ui-scale));border-bottom:1px solid var(--border);gap:calc(6px * var(--ui-scale));flex-direction:column;display:flex}.subject-move-options{gap:calc(8px * var(--ui-scale));padding:calc(14px * var(--ui-scale)) calc(16px * var(--ui-scale));flex-direction:column;display:flex}.subject-move-newrow{gap:calc(8px * var(--ui-scale));align-items:center;display:flex}.subject-move-newrow input{background:var(--bg-surface);border:1px solid var(--border);min-width:0;color:var(--text-primary);padding:calc(8px * var(--ui-scale)) calc(10px * var(--ui-scale));border-radius:8px;flex:1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px}.subject-move-option-name{color:var(--text-primary);font-weight:600}.subject-bucket-title{font-size:calc(16px * var(--ui-scale));color:var(--text-primary);font-weight:600}.subject-bucket-sub{font-size:calc(11px * var(--ui-scale));color:var(--text-subtle);font-style:italic}.subject-bucket-list{gap:calc(10px * var(--ui-scale));padding:calc(14px * var(--ui-scale)) calc(16px * var(--ui-scale));flex-direction:column;display:flex}.subject-bucket-card-row{justify-content:space-between;align-items:baseline;gap:calc(8px * var(--ui-scale));display:flex}.subject-bucket-card-name{font-size:calc(14px * var(--ui-scale));color:var(--text-primary);font-weight:600}.subject-bucket-card-count{font-size:calc(11px * var(--ui-scale));color:var(--text-subtle)}.subject-truncated-note{padding:calc(8px * var(--ui-scale)) calc(6px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));color:var(--text-subtle);text-align:center;font-style:italic}.subject-cold-start{padding:calc(48px * var(--ui-scale)) calc(24px * var(--ui-scale));text-align:center;align-items:center;gap:calc(14px * var(--ui-scale));flex-direction:column;display:flex}.subject-cold-start-icon{font-size:calc(28px * var(--ui-scale));color:var(--text-subtle)}.subject-cold-start-text{font-size:calc(13px * var(--ui-scale));color:var(--text-muted);max-width:280px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.8}.reading-item-meta{align-items:center;gap:calc(8px * var(--ui-scale));display:flex}.reading-item-date{font-size:calc(11px * var(--ui-scale));color:var(--text-subtle);letter-spacing:.5px}.reading-item-badge{font-size:calc(9px * var(--ui-scale));letter-spacing:1px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--border);padding:1px calc(5px * var(--ui-scale));border-radius:3px}.reading-item-question{font-size:calc(13px * var(--ui-scale));color:var(--text-primary);font-style:italic}.reading-item-summary{font-size:calc(13px * var(--ui-scale));color:var(--text-muted)}.reading-item-summary--truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reading-item-connection{font-size:calc(11px * var(--ui-scale));color:var(--text-subtle);font-style:italic}.reading-item-note{align-items:center;gap:calc(6px * var(--ui-scale));color:var(--accent);margin-top:2px;display:flex}.reading-item-note-text{font-size:calc(12px * var(--ui-scale));color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-style:italic;line-height:1.4;overflow:hidden}.thread-symbol-chip{background:var(--accent-soft);border:1px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.thread-symbol-chip--icon{width:calc(24px * var(--ui-scale));height:calc(40px * var(--ui-scale))}.thread-symbol-chip--icon img{object-fit:cover;width:100%;height:100%;display:block}.thread-symbol-chip--glyph{width:calc(28px * var(--ui-scale));height:calc(28px * var(--ui-scale));font-size:calc(16px * var(--ui-scale));color:var(--accent)}.thread-symbol-chip--generic{width:calc(24px * var(--ui-scale));height:calc(24px * var(--ui-scale));font-size:calc(12px * var(--ui-scale));color:var(--accent)}.reading-detail-symbols{gap:calc(8px * var(--ui-scale));flex-wrap:wrap;align-items:center;display:flex}.reading-detail-symbol{align-items:center;gap:calc(6px * var(--ui-scale));display:inline-flex}.reading-detail-symbol-name{font-size:calc(10px * var(--ui-scale));color:var(--text-primary);background:var(--accent-soft);border:1px solid var(--border);padding:2px calc(8px * var(--ui-scale));letter-spacing:.5px;border-radius:4px}.thread-sort-control{gap:calc(6px * var(--ui-scale));align-items:center;display:flex}.thread-sort-btn,.time-window-btn{border:1px solid var(--border);padding:3px calc(10px * var(--ui-scale));font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:calc(11px * var(--ui-scale));letter-spacing:.5px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;transition:background .1s,color .1s,border-color .1s}.thread-sort-btn--active,.time-window-btn--active{background:var(--accent);color:var(--accent-text,#fff);border-color:var(--accent)}.thread-sort-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.time-window-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.time-window-control{gap:calc(6px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(22px * var(--ui-scale));border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;display:flex}.thread-lens-disclaimer{font-size:calc(11px * var(--ui-scale));color:var(--text-primary);padding:calc(12px * var(--ui-scale)) calc(22px * var(--ui-scale)) calc(8px * var(--ui-scale));font-style:italic;line-height:1.6}@media (min-width:768px) and (max-width:1199px){.thread-lens-disclaimer{font-size:calc(12px * var(--ui-scale))}}.thread-list-controls{justify-content:space-between;align-items:center;gap:calc(8px * var(--ui-scale));display:flex}.thread-symbol-search-btn{border:1px solid var(--border);width:calc(32px * var(--ui-scale));height:calc(32px * var(--ui-scale));font-size:calc(14px * var(--ui-scale));color:var(--text-subtle);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .12s,color .12s;display:inline-flex}.thread-symbol-search-btn:hover{border-color:var(--accent);color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.thread-symbol-search-btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.symbol-search-picker{padding:calc(10px * var(--ui-scale)) calc(16px * var(--ui-scale)) 0;flex-direction:column;flex-shrink:0;display:flex}.symbol-search-input-row{align-items:center;gap:calc(6px * var(--ui-scale));display:flex;position:relative}.symbol-search-icon{left:calc(10px * var(--ui-scale));font-size:calc(13px * var(--ui-scale));color:var(--text-subtle);pointer-events:none;position:absolute}.symbol-search-input{background:var(--bg-surface);border:1px solid var(--border);padding:calc(8px * var(--ui-scale)) calc(32px * var(--ui-scale)) calc(8px * var(--ui-scale)) calc(32px * var(--ui-scale));color:var(--text-primary);box-sizing:border-box;border-radius:6px;flex:1;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;transition:border-color .12s}.symbol-search-input:focus{border-color:var(--accent);outline:none}.symbol-search-clear-btn{right:calc(68px * var(--ui-scale));color:var(--text-subtle);cursor:pointer;font-size:calc(13px * var(--ui-scale));padding:calc(4px * var(--ui-scale)) calc(6px * var(--ui-scale));background:0 0;border:none;align-items:center;min-height:32px;line-height:1;display:flex;position:absolute}.symbol-search-clear-btn:hover{color:var(--text-primary)}.symbol-search-cancel-btn{color:var(--accent);cursor:pointer;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:calc(13px * var(--ui-scale));letter-spacing:.3px;padding:calc(4px * var(--ui-scale)) calc(4px * var(--ui-scale));background:0 0;border:none;flex-shrink:0;min-height:40px}.symbol-search-cancel-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.symbol-search-results{margin:calc(6px * var(--ui-scale)) 0 0;border:1px solid var(--border);background:var(--bg-surface);max-height:calc(280px * var(--ui-scale));border-radius:8px;padding:0;list-style:none;overflow:hidden auto}.symbol-search-result-btn{align-items:center;gap:calc(10px * var(--ui-scale));width:100%;padding:calc(10px * var(--ui-scale)) calc(14px * var(--ui-scale));border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background 80ms;display:flex}.symbol-search-results li:last-child .symbol-search-result-btn{border-bottom:none}.symbol-search-result-btn:hover{background:var(--accent-soft);outline:none}.symbol-search-result-btn:focus-visible{background:var(--accent-soft);outline:none}.symbol-search-result-name{font-size:calc(13px * var(--ui-scale));color:var(--text-primary);flex:1;line-height:1.4}.symbol-search-result-type{font-size:calc(10px * var(--ui-scale));letter-spacing:.8px;text-transform:uppercase;color:var(--text-subtle);flex-shrink:0}.symbol-search-empty{padding:calc(16px * var(--ui-scale)) calc(4px * var(--ui-scale));font-size:calc(13px * 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;font-style:italic;line-height:1.5}.symbol-search-results-header{align-items:center;gap:calc(8px * var(--ui-scale));padding:calc(10px * var(--ui-scale)) calc(16px * var(--ui-scale)) calc(8px * var(--ui-scale));border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.symbol-search-results-label{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:calc(13px * var(--ui-scale));color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.symbol-search-dismiss-btn{color:var(--text-subtle);cursor:pointer;font-size:calc(13px * var(--ui-scale));padding:calc(4px * var(--ui-scale)) calc(8px * var(--ui-scale));background:0 0;border:none;flex-shrink:0;align-items:center;min-height:32px;line-height:1;display:flex}.symbol-search-dismiss-btn:hover{color:var(--text-primary)}.symbol-search-dismiss-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thread-rename-row{align-items:center;display:flex;position:relative}.thread-rename-input{padding:calc(2px * var(--ui-scale)) calc(24px * var(--ui-scale)) calc(2px * var(--ui-scale)) 0;font-size:max(16px, calc(15px * var(--ui-scale)));color:var(--text-primary);resize:none;background:0 0;border:none;border-bottom:1px solid #0000;flex:1;min-width:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:600;line-height:1.4;transition:border-bottom-color .12s;display:block;overflow-y:hidden}.thread-rename-input::placeholder{color:var(--text-muted)}.thread-rename-input:focus{border-bottom-color:var(--accent);outline:none}.thread-rename-input:hover:not(:focus){border-bottom-color:var(--border)}.thread-rename-pencil{color:var(--text-primary);pointer-events:none;opacity:.9;align-items:center;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}