:root{--paper: #F5F2EB;--paper-2: #EDE8DE;--paper-3: #E4DED1;--ink: #2A2824;--ink-2: #5B574F;--ink-3: #8A857C;--hairline: rgba(42, 40, 36, .08);--accent: #7C9A8E;--accent-soft: #C9D6CE;--accent-ink: #4B6B5F;--coral: #D99986;--warn: #C9836E;--serif: "Fraunces", "Times New Roman", serif;--sans: "Geist", -apple-system, system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-accent=lavender]{--accent: #8B7EAC;--accent-soft: #D4CCE4;--accent-ink: #5E527E}[data-accent=coral]{--accent: #C9836E;--accent-soft: #EAC9BF;--accent-ink: #8E4E3B}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app{height:100%;display:flex;flex-direction:column;background:var(--paper);position:relative;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);display:flex;flex-direction:column}.screen-body{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:calc(var(--safe-top) + 16px);padding-bottom:80px;scrollbar-width:none}.screen-body::-webkit-scrollbar{display:none}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.greeting{font-family:var(--serif);font-size:32px;line-height:1.1;color:var(--ink);font-weight:400;letter-spacing:-.015em}.today{padding:0 22px}.today-header{padding-top:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.today-date{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.today-hero{margin-top:12px;margin-bottom:24px}.mood-dial{margin:0 -22px;padding:18px 22px 16px}.mood-dial-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.mood-dial-label .mono{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.mood-dial-label .current{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--accent-ink)}.mood-track{position:relative;height:60px;padding:0 2px}.mood-track-line{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--hairline)}.mood-ticks{position:relative;display:flex;justify-content:space-between;align-items:center;height:100%}.mood-tick{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1);background:var(--paper-2);border:none;position:relative}.mood-tick:active{transform:scale(.94)}.mood-tick.active{background:var(--accent);box-shadow:0 4px 14px #0000001a;transform:scale(1.08)}.mood-glyph{font-size:18px;line-height:1}.mood-tick-label{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;opacity:0;transition:opacity .16s ease}.mood-tick.active .mood-tick-label{opacity:1}.compose-card{margin-top:28px;background:#fffdf8;border-radius:24px;padding:20px 20px 14px;box-shadow:0 1px #00000005,0 8px 32px -6px #2a282414;cursor:pointer;-webkit-tap-highlight-color:transparent}.compose-prompt{font-family:var(--serif);font-size:19px;line-height:1.35;color:var(--ink);letter-spacing:-.005em}.compose-prompt .placeholder{color:var(--ink-3);font-style:italic;margin-top:8px;font-size:16px}.compose-meta{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:12px;border-top:1px solid var(--hairline)}.compose-tags{display:flex;gap:6px;flex-wrap:wrap}.chip{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--paper-2);color:var(--ink-2);border:none;cursor:pointer;transition:all .14s ease}.chip:active{background:var(--paper-3)}.chip.selected{background:var(--accent);color:var(--paper)}.compose-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:50%;background:var(--paper-2);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-2);transition:all .14s ease;font-size:16px}.icon-btn:active{background:var(--paper-3)}.icon-btn.primary{background:var(--accent);color:var(--paper);box-shadow:0 4px 14px #0000001a}.insight-card{margin-top:20px;padding:18px 20px;border-radius:20px;background:var(--paper-2)}.insight-card .eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:10px}.insight-card .eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:breathe-dot 3.2s ease-in-out infinite}.insight-body{font-family:var(--serif);font-size:16px;line-height:1.45;color:var(--ink);font-style:italic;letter-spacing:-.005em}@keyframes breathe-dot{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.tabbar{position:fixed;bottom:0;left:0;right:0;padding-bottom:var(--safe-bottom);background:#f5f2ebf0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--hairline);z-index:100}.tabbar-inner{display:flex;align-items:stretch;padding:6px 0 2px}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 4px;border:none;background:transparent;color:var(--ink-3);font-family:var(--mono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .16s ease;-webkit-tap-highlight-color:transparent}.tab svg{width:21px;height:21px}.tab.active{color:var(--accent-ink)}.tab.active svg{stroke:var(--accent)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 12px}.section-title{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:-.01em;color:var(--ink)}.section-action{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink);background:none;border:none;cursor:pointer}.timeline{padding:0 22px}.timeline-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--hairline);align-items:flex-start}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0}.timeline-dot.diary{background:var(--accent)}.timeline-dot.journal{background:#8b7eac}.timeline-dot.test{background:var(--coral)}.timeline-date{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.timeline-type{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.timeline-summary{font-family:var(--serif);font-size:15px;line-height:1.4;color:var(--ink-2);font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tests-grid{padding:0 22px;display:flex;flex-direction:column;gap:12px}.test-card{background:var(--paper-2);border-radius:20px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .16s ease;border:none;width:100%;text-align:left}.test-card:active{background:var(--paper-3)}.test-card.locked{opacity:.6;cursor:default}.test-card-info{flex:1}.test-card-name{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--ink);margin-bottom:4px}.test-card-meta{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.test-card-badge{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);flex-shrink:0;margin-left:12px}.test-card-badge.done{background:var(--paper-3);color:var(--ink-3)}.test-card-badge.locked-badge{background:#0000000d;color:var(--ink-3)}.mood-chart-section,.profile-section{padding:0 22px}.profile-card{background:var(--paper-2);border-radius:20px;padding:20px;margin-bottom:12px}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:24px;color:var(--accent-ink);margin-bottom:12px}.profile-name{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--ink);margin-bottom:2px}.profile-plan{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}.plan-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--paper);font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-top:6px}.plan-badge.free{background:var(--paper-3);color:var(--ink-2)}.paywall-card{background:linear-gradient(135deg,var(--accent-soft) 0%,#FFFDF8 100%);border-radius:24px;padding:24px 22px;margin:22px;text-align:center}.paywall-title{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:8px}.paywall-desc{font-size:14px;color:var(--ink-2);line-height:1.5;margin-bottom:20px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;background:var(--accent);color:var(--paper);font-family:var(--mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;border:none;cursor:pointer;width:100%;font-weight:400;box-shadow:0 4px 16px #0000001a;transition:all .2s ease}.btn-primary:active{transform:scale(.97)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.loading-title{font-family:var(--serif);font-size:28px;font-style:italic;color:var(--accent-ink)}.skeleton{background:linear-gradient(90deg,var(--paper-2) 25%,var(--paper-3) 50%,var(--paper-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.balance-wheel-container{display:flex;flex-direction:column;align-items:center;padding:22px}.px-22{padding-left:22px;padding-right:22px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.text-center{text-align:center}.compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:500;display:flex;flex-direction:column;animation:slideUp .26s cubic-bezier(.22,1,.36,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.compose-overlay-inner{flex:1;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 12px) 24px calc(var(--safe-bottom) + 24px)}.compose-overlay-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.compose-overlay-progress{display:flex;gap:6px}.progress-dot{width:22px;height:4px;border-radius:2px;background:var(--paper-3);transition:background .2s}.progress-dot.active{background:var(--accent)}.progress-dot.done{background:var(--accent-soft)}.serif-heading{font-family:var(--serif);font-size:22px;font-weight:400;letter-spacing:-.01em;color:var(--ink)}.compose-overlay-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.compose-overlay-body--text{justify-content:flex-start;padding-top:8px;gap:20px}.compose-step-emoji{font-size:40px;line-height:1}.compose-step-question{font-size:26px;text-align:center;max-width:280px}.score-display{font-family:var(--serif);font-size:72px;font-weight:900;color:var(--accent);line-height:1;min-width:80px;text-align:center}.score-slider{width:100%;max-width:300px;accent-color:var(--accent);height:6px;cursor:pointer}.score-labels{display:flex;justify-content:space-between;width:100%;max-width:300px}.scale-dots{display:flex;gap:12px;margin-top:8px}.scale-dot{width:44px;height:44px;border-radius:50%;border:2px solid var(--paper-3);background:var(--paper);color:var(--ink-2);font-family:var(--serif);font-size:18px;font-weight:600;cursor:pointer;transition:all .16s}.scale-dot.active{border-color:var(--accent);background:var(--accent);color:var(--paper)}.compose-overlay-footer{padding-top:16px}.btn-primary{width:100%;padding:16px;border-radius:14px;border:none;background:var(--accent);color:var(--paper);font-family:var(--sans);font-size:16px;font-weight:600;cursor:pointer;transition:opacity .16s}.btn-primary:disabled{opacity:.6;cursor:default}.dimmed{color:var(--ink-3);font-size:14px;font-family:var(--mono);letter-spacing:.04em}.compose-textarea{width:100%;min-height:150px;max-height:240px;border-radius:16px;border:1.5px solid var(--paper-3);background:#fffdf8;color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.55;padding:14px 16px;resize:none;outline:none;transition:border-color .18s;-webkit-appearance:none}.compose-textarea:focus{border-color:var(--accent)}.compose-textarea::placeholder{color:var(--ink-3);font-style:italic}.streak-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;background:var(--accent-soft);font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--accent-ink);flex-shrink:0}.metric-bars{display:flex;flex-direction:column;gap:10px;padding:18px 20px;background:var(--paper-2);border-radius:20px}.metric-row{display:flex;align-items:center;gap:10px}.metric-emoji{font-size:15px;flex-shrink:0;width:20px;text-align:center}.metric-label{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);width:90px;flex-shrink:0}.metric-track{flex:1;height:5px;background:var(--paper-3);border-radius:3px;overflow:hidden}.metric-fill{height:100%;border-radius:3px;transition:width .7s cubic-bezier(.22,1,.36,1)}.metric-value{font-family:var(--serif);font-size:15px;color:var(--ink-2);min-width:16px;text-align:right;flex-shrink:0}.filter-pills{display:flex;gap:7px;padding:0 22px 16px;overflow-x:auto;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;padding:7px 14px;border-radius:999px;background:var(--paper-2);color:var(--ink-2);border:none;cursor:pointer;transition:all .14s ease}.filter-pill.active{background:var(--ink);color:var(--paper)}.week-separator{display:flex;align-items:center;gap:10px;padding:22px 22px 10px}.week-separator-label{font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.week-separator-count{font-family:var(--mono);font-size:9px;color:var(--ink-3);background:var(--paper-3);padding:2px 8px;border-radius:999px}.journal-card{display:flex;background:var(--paper-2);border-radius:16px;overflow:hidden;cursor:pointer;transition:background .14s ease;border:none;width:100%;text-align:left}.journal-card:active{background:var(--paper-3)}.journal-card.no-pointer{cursor:default}.journal-card-accent{width:4px;flex-shrink:0;background:var(--accent)}.journal-card-body{flex:1;padding:13px 15px;min-width:0}.journal-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.journal-card--expanded-diary{background:var(--paper-2)}.journal-card--expanded-journal{background:#f5f2fa}.journal-card-detail{padding:16px 15px;border-top:1px solid var(--hairline);margin-top:12px}.journal-card--expanded-diary .journal-card-detail{background:var(--paper-3);border-radius:0 0 12px 12px}.journal-card--expanded-journal .journal-card-detail{background:#f5f2fa}.journal-card-detail-section{margin-bottom:16px}.journal-card-detail-section:last-child{margin-bottom:0}.journal-card-detail-label{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}.journal-card-detail-text{font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--ink-2);font-style:normal;white-space:pre-wrap}.journal-card-detail-ai{font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--ink-3);font-style:italic}.insights-tabs{display:flex;padding:0 22px;margin-bottom:0;border-bottom:1px solid var(--hairline);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.insights-tabs::-webkit-scrollbar{display:none}.insights-tab{flex-shrink:0;padding:10px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .16s ease;margin-bottom:-1px}.insights-tab.active{color:var(--ink);border-bottom-color:var(--accent)}.goal-card-v2{background:var(--paper-2);border-radius:20px;padding:18px 20px}.goal-progress-track{height:3px;background:var(--paper-3);border-radius:2px;margin-top:14px;overflow:hidden}.goal-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .7s ease}.stats-row{display:flex;margin:0 0 12px;border-radius:16px;overflow:hidden}.stat-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 8px;background:var(--paper-2)}.stat-item+.stat-item{border-left:1px solid var(--hairline)}.stat-value{font-family:var(--serif);font-size:24px;color:var(--ink);line-height:1;letter-spacing:-.01em}.stat-label{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:center}.sphere-row{display:flex;align-items:center;gap:12px;background:var(--paper-2);border-radius:14px;padding:12px 16px}.ai-pending{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--ink-3);font-style:normal}.ai-pending:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);animation:breathe-dot 2.4s ease-in-out infinite}.screen-slot{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.screen-slot>*{animation:screenFadeIn .22s ease-out both}@keyframes screenFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes wakeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anim-card{animation:wakeUp .38s ease-out both;animation-delay:var(--card-delay, 0ms)}.dash-hero{position:relative;background:linear-gradient(145deg,var(--paper) 0%,var(--paper-2) 100%);border:1px solid var(--hairline);border-radius:22px;padding:22px 20px 20px;overflow:hidden;margin-bottom:10px;box-shadow:0 2px 20px #2a282412,0 1px 3px #2a28240a}.dash-hero-tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:12px}.dash-hero-body{font-family:var(--serif);font-size:17px;line-height:1.55;color:var(--ink);margin-bottom:20px;letter-spacing:-.01em;max-width:260px}.dash-hero-btn{display:inline-flex;align-items:center;height:42px;padding:0 22px;background:var(--accent);color:#fff;border:none;border-radius:12px;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:transform .12s ease,opacity .12s ease;position:relative;z-index:1;-webkit-tap-highlight-color:transparent}.dash-hero-btn:active{transform:scale(.96);opacity:.88}.dash-hero-orb{position:absolute;right:-28px;top:-28px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft) 0%,transparent 68%);opacity:.55;pointer-events:none}.pending-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.pending-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:16px 14px 14px;background:var(--paper-2);border-radius:18px;border:1.5px solid transparent;cursor:pointer;text-align:left;transition:transform .12s ease;-webkit-tap-highlight-color:transparent}.pending-tile:active{transform:scale(.97)}.pending-tile--active{border-color:var(--accent-soft);background:var(--paper)}.pending-tile--done{opacity:.72}.pending-tile-icon{font-size:22px;margin-bottom:6px;display:block;line-height:1}.pending-tile-name{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink);display:block}.pending-tile-sub{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.04em;display:block}.pending-dot{position:absolute;top:13px;right:13px;width:7px;height:7px;border-radius:50%;background:var(--coral);animation:breathe-dot 2.2s ease-in-out infinite}.dash-stats{display:flex;align-items:stretch;background:var(--paper-2);border-radius:18px;margin-bottom:14px;overflow:hidden}.dash-stat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:16px 8px}.dash-stat-num{font-family:var(--serif);font-size:26px;color:var(--ink);line-height:1;letter-spacing:-.02em}.dash-stat-cap{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);text-align:center}.dash-stat-div{width:1px;background:var(--hairline);margin:14px 0;flex-shrink:0}.tab{position:relative}.tab.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--accent);border-radius:0 0 3px 3px}