:root{color-scheme:dark;--bg: #0c1714;--panel: rgba(18, 34, 28, .88);--panel-soft: rgba(23, 44, 37, .78);--text: #edf8f0;--muted: #a4c1ae;--line: rgba(190, 255, 214, .13);--accent: #97ddb1;--accent-2: #d7ffe2;--danger: #ff8888;--shadow: 0 18px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(142,201,163,.18),transparent 33%),linear-gradient(180deg,#183026,#0d1613)}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border-radius:14px;border:1px solid var(--line);background:#08120ec7;color:var(--text);padding:.9rem 1rem}textarea{min-height:100px;resize:vertical}.loading-screen,.gate-screen{min-height:100vh;display:grid;place-items:center;padding:1.2rem}.gate-card{width:min(100%,560px);padding:1.5rem;border-radius:30px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.hero-pic{font-size:4rem;margin-bottom:.4rem}.lead{color:var(--muted)}.giant-button{width:100%;justify-content:center;margin-top:1rem}.text-link{color:var(--accent-2);display:inline-block;margin-top:.8rem}.error-text{color:var(--danger)}.app-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--line);background:#080f0c94;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.main-panel{padding:1rem 1rem 5rem}.brand-card,.profile-card,.resource-card,.card,.hero-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.brand-card,.profile-card,.resource-card,.card,.hero-card{padding:1rem}.brand-card p,.small-line,.builder-note,.empty-state{color:var(--muted)}.brand-emoji{font-size:2rem}.profile-top{display:flex;gap:.85rem;align-items:center}.avatar-big{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.8rem;background:linear-gradient(180deg,#9cdcb038,#79ab8914)}.profile-name{font-weight:700}.profile-title{color:var(--accent-2)}.xp-bar{height:12px;border-radius:999px;overflow:hidden;background:#ffffff0f;margin-top:.8rem}.xp-fill{height:100%;background:linear-gradient(90deg,#83cb9a,#deffe7)}.compact-row{margin-top:.6rem}.nav-list,.ritual-list,.inventory-list,.gratitude-list,.form-stack,.row-stack,.leaderboard-list,.companion-list{display:flex;flex-direction:column;gap:.8rem}.nav-button,.primary-button,.secondary-button,.chip,.inventory-item,.ritual-item,.grid-cell,.companion-card{border-radius:14px;border:1px solid var(--line);color:var(--text);transition:.18s ease}.nav-button,.inventory-item,.ritual-item,.secondary-button,.primary-button,.chip{padding:.9rem 1rem}.nav-button,.secondary-button,.chip,.inventory-item,.ritual-item{background:#ffffff08}.primary-button{background:linear-gradient(180deg,#92d8a759,#53846140)}.nav-button:hover,.inventory-item:hover,.ritual-item:hover,.primary-button:hover,.secondary-button:hover,.chip:hover,.companion-card:hover,.grid-cell:hover{transform:translateY(-1px);border-color:#d7ffe261}.nav-button.active,.inventory-item.selected,.companion-card.selected{background:linear-gradient(180deg,#97ddaa2e,#5e946f1a);color:var(--accent-2)}.resource-card{display:grid;gap:.45rem}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.12),transparent 30%),linear-gradient(135deg,#4f7d5ce6,#182b24f2)}.hero-card h2{margin:0 0 .5rem}.hero-cat{font-size:5rem}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;margin-bottom:.4rem}.chip-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.stat-row,.mini-stat,.section-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.mini-stat{padding:.8rem 0;border-bottom:1px solid var(--line)}.mini-stat:last-child{border-bottom:0}.ritual-item,.inventory-item,.leaderboard-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left}.ritual-item.done{opacity:.72}.timer-face{aspect-ratio:1;max-width:260px;width:100%;margin:0 auto 1rem;border-radius:999px;display:grid;place-items:center;font-size:clamp(2.1rem,5vw,3rem);background:radial-gradient(circle at top,#8dd1a338,#0e1c16eb);border:1px solid var(--line)}.timer-face.calm{background:radial-gradient(circle at top,#abd7ff2e,#0e1c16eb)}.grid-wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-top:1rem}.grid-cell{aspect-ratio:1;background:#1d342be6;display:grid;place-items:center;font-size:1.3rem}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.shop-card{background:var(--panel-soft);border-radius:18px;border:1px solid var(--line);padding:.9rem;display:flex;flex-direction:column;gap:.65rem}.shop-head{display:flex;gap:.6rem;align-items:center}.companion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.companion-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.companion-card{padding:.9rem;background:#ffffff08;display:flex;flex-direction:column;gap:.35rem;text-align:left}.companion-card.locked{opacity:.6}.companion-emoji{font-size:1.7rem}.gratitude-item{padding:.8rem .95rem;border:1px solid var(--line);border-radius:16px;background:#ffffff08}.notice{margin-bottom:1rem;padding:.9rem 1rem;border-radius:16px}.error-notice{background:#ff88881f;border:1px solid rgba(255,136,136,.18)}.leaderboard-row{padding:.9rem 1rem;border-radius:18px;border:1px solid var(--line);background:#ffffff08}.leaderboard-row.mine{border-color:#d7ffe25c;background:#97ddaa14}.leader-rank{width:56px;font-weight:700;color:var(--accent-2)}.leader-main{min-width:0;flex:1}.leader-stat{text-align:right;min-width:72px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;display:none;gap:.4rem;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:#080f0ce6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.mobile-nav button{flex:1;border:1px solid var(--line);border-radius:14px;padding:.85rem 0;color:var(--text);background:#ffffff08}.mobile-nav button.active{background:linear-gradient(180deg,#97ddaa2e,#5e946f1a)}@media (max-width: 1080px){.page-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.companion-list{grid-template-columns:1fr}}@media (max-width: 760px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding-bottom:.8rem}.desktop-nav{display:none}.mobile-nav{display:flex}.page-grid,.shop-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}.hero-card{flex-direction:column;align-items:flex-start}.hero-cat{align-self:center}.leaderboard-row{flex-wrap:wrap}.leader-stat{text-align:left}}