:root{--f-ui: "Yaldevi", "Noto Sans Sinhala", system-ui, -apple-system, "Segoe UI", sans-serif;--f-display: "Abhaya Libre", "Noto Serif Sinhala", Georgia, serif;--safe-top: max(env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px));--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom, 0px))}.app.day{--sky: linear-gradient(180deg, #9fdcff 0%, #c9ecff 45%, #eaf8ff 100%);--t: #0f1a14;--s: #4f5f57;--glass: rgba(255, 255, 255, .62);--edge: 1px solid rgba(255, 255, 255, .75);--shadow: 0 8px 24px -12px rgba(20, 40, 30, .28);--accent: #2aabee;--accent-fg: #fff;--track: rgba(15, 26, 20, .1);--fill: linear-gradient(90deg, #6fd3ff, #2aabee);--tab-on: rgba(42, 171, 238, .14);--head: var(--f-display);--btn: radial-gradient(circle at 50% 35%, #b9ecff, #2aabee 70%);--btn-fg: #fff;--btn-shadow: 0 0 0 6px rgba(42, 171, 238, .16), 0 0 30px 4px rgba(42, 171, 238, .4);--done: rgba(255, 255, 255, .7);--sea-1: #c9efff;--sea-2: #8fd6ff;--sea-glow: rgba(20, 90, 140, .25);--land-edge: #ffffff;--gold: #e8a300;--sheet-back: rgba(10, 25, 40, .35)}.app.night{--sky: radial-gradient(120% 70% at 50% 8%, #3b3583 0%, #1d1b4a 45%, #0e0f26 100%);--t: #fbf3dc;--s: #c9c2e3;--glass: rgba(28, 24, 62, .55);--edge: 1px solid rgba(255, 226, 154, .22);--shadow: 0 12px 30px -14px rgba(0, 0, 0, .7);--accent: #ffd77a;--accent-fg: #2a1f4a;--track: rgba(255, 255, 255, .12);--fill: linear-gradient(90deg, #ffe29a, #ffb86b);--tab-on: rgba(255, 226, 154, .12);--head: var(--f-display);--btn: radial-gradient(circle at 50% 35%, #fff1c2, #f2b450 70%);--btn-fg: #3a2a12;--btn-shadow: 0 0 0 6px rgba(255, 214, 120, .14), 0 0 36px 6px rgba(255, 200, 90, .45);--done: rgba(255, 255, 255, .14);--sea-1: #2c2a6e;--sea-2: #15143a;--sea-glow: rgba(255, 214, 120, .18);--land-edge: rgba(255, 226, 154, .7);--gold: #ffd77a;--sheet-back: rgba(5, 4, 20, .55)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--f-ui);background:#0e0f26;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{position:relative;height:100%;color:var(--t);background:var(--sky);transition:background .8s;overflow:hidden;overflow:clip}.screen{position:relative;height:100%;max-width:520px;margin:0 auto;padding:calc(var(--safe-top) + 24px) max(20px,env(safe-area-inset-left,0px)) calc(var(--safe-bottom) + 24px) max(20px,env(safe-area-inset-right,0px))}.screen.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.display{font-family:var(--f-display);font-weight:600;font-size:clamp(26px,7vw,32px);line-height:1.15;margin:0;text-wrap:balance}.lead{margin:0;color:var(--s);font-size:16px;line-height:1.5;max-width:34ch}.emblem{line-height:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.error{color:#ff6b6b;font-size:14px;margin:0}.notice{background:var(--glass);border:var(--edge);border-radius:16px;padding:12px 14px;font-size:14px;color:var(--t);max-width:36ch}.notice p{margin:0 0 6px}.link{background:none;border:0;color:var(--accent);font-weight:600;padding:4px}.primary,.secondary{width:100%;max-width:340px;border-radius:14px;padding:15px 18px;font-size:16px;font-weight:600;border:0}.primary{background:var(--btn);color:var(--btn-fg);box-shadow:var(--btn-shadow);text-shadow:0 1px 1px rgba(0,0,0,.12)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px}.primary:disabled{opacity:.6}.secondary{background:var(--glass);color:var(--t);border:var(--edge)}.field{display:flex;flex-direction:column;gap:6px;width:100%;max-width:340px;text-align:left;font-size:13px;color:var(--s)}.field input,.field select{font:inherit;font-size:16px;color:var(--t);background:var(--glass);border:var(--edge);border-radius:12px;padding:12px 14px}.app.night .field select option{color:#111}.field.row{flex-direction:row;align-items:center;justify-content:space-between;max-width:none}.field.row select{padding:8px 10px;font-size:14px}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-weight:700;background:var(--accent);color:var(--accent-fg);flex:none}.avatar.big{width:76px;height:76px;font-size:30px;box-shadow:0 0 0 4px var(--glass)}.loading-seed{width:22px;height:22px;border-radius:50%;background:#ffd76a;box-shadow:0 0 30px 10px #ffd76a80;animation:breathe 2s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.35);box-shadow:0 0 46px 18px #ffd76a59}}.story{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:calc(var(--safe-top) + 20px) 24px calc(var(--safe-bottom) + 64px);text-align:center;color:#fdf6e3;transition:background 1.2s;-webkit-user-select:none;user-select:none}.scene-long-ago{background:radial-gradient(90% 60% at 50% 30%,#ffe2a8,#8fd28a 45%,#2f7d4f);color:#13261b}.scene-forgetting{background:linear-gradient(180deg,#b9b4a4,#7f8a78 55%,#4d5348)}.scene-darkness{background:radial-gradient(120% 80% at 50% 0%,#4a4458,#221d2b 55%,#0d0b12)}.scene-silence{background:linear-gradient(180deg,#5d5f66,#3a3b40 60%,#26272b)}.scene-last{background:radial-gradient(60% 40% at 50% 42%,#5a4a2a,#24201c 55%,#111013)}.scene-hope{background:radial-gradient(80% 55% at 50% 45%,#ffe6a6,#c9a24f 35%,#2b2940)}.story-art{flex:1;display:grid;place-items:center;width:100%}.story-seed{width:26px;height:26px;border-radius:50%;background:#ffd76a;box-shadow:0 0 40px 14px #ffd76a8c;animation:fall 3s ease-in-out infinite alternate}.story-seed.caught{animation:none;transform:scale(1.6);transition:transform .6s}.story-seed.held{width:34px;height:34px;animation:breathe 2.4s ease-in-out infinite}@keyframes fall{0%{transform:translateY(-40px)}to{transform:translateY(30px)}}.story-line{font-family:var(--f-display);font-size:clamp(24px,6.4vw,30px);line-height:1.3;margin:0 0 18px;max-width:22ch;text-wrap:balance;animation:lineIn 1.2s ease both;text-shadow:0 0 18px rgba(255,230,170,.25)}@keyframes lineIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tap-hint{font-size:13px;opacity:.6}.skip{position:absolute;top:calc(var(--safe-top) + 12px);right:16px;background:#00000040;color:inherit;border:0;border-radius:999px;padding:6px 14px;font-size:13px}.catch{background:#ffd76a;color:#3a2a12;border:0;border-radius:999px;padding:14px 26px;font-weight:700;font-size:16px;box-shadow:0 0 30px 6px #ffd76a80;animation:breathe 1.6s ease-in-out infinite}.story .will{max-width:280px;background:#ffd76a;color:#3a2a12;box-shadow:0 0 30px 6px #ffd76a73}.plant{padding:0}.land-sky{position:absolute;top:0;right:0;bottom:0;left:0;transition:background .8s}.tree-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.plant-text{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + 40px);text-align:center;padding:0 24px;pointer-events:none}.plant-step{display:inline-block;background:var(--glass);border:var(--edge);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:999px;padding:12px 18px;font-weight:600;margin:0}.main{position:absolute;top:0;right:0;bottom:0;left:0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding:calc(var(--safe-top) + 12px) 12px calc(var(--safe-bottom) + 12px);pointer-events:none}.hud>*{pointer-events:auto}.top{display:flex;gap:8px;align-items:stretch}.who{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px}.who-text{min-width:0}.who b{display:block;font-size:14px;font-weight:600}.who small{display:block;font-size:12px;color:var(--s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streak{display:grid;place-items:center;padding:0 14px;font-weight:700;font-size:15px}.status{padding:12px 14px}.status-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.stage{font-family:var(--head);font-weight:600;font-size:16px}.next{font-size:12px;color:var(--s);text-align:right}.bar{height:6px;border-radius:999px;background:var(--track);margin-top:9px;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:var(--fill);transition:width .6s}.spacer{flex:1;pointer-events:none!important}.actions{display:flex;flex-direction:column;align-items:center;gap:10px}.slot{font-size:12px;padding:4px 11px;border-radius:999px;background:var(--glass);border:var(--edge);color:var(--s)}.slot.ok{color:var(--t)}.water{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;color:var(--btn-fg);background:var(--btn);box-shadow:var(--btn-shadow);transition:transform .12s}.water:active{transform:scale(.96)}.water{width:108px;height:108px;border-radius:50%}.water .drop{font-size:30px;line-height:1}.water.done{background:var(--done);color:var(--t);box-shadow:none}.tabs{display:flex;justify-content:space-around;padding:6px}.tab{display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:0;color:var(--s);font-size:11px;font-weight:600;padding:6px 12px;border-radius:12px}.tab.on{color:var(--t);background:var(--tab-on)}.tab-icon{margin-bottom:1px}.soon,.me{padding:14px}.soon p{margin:6px 0 0;color:var(--s);font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}.stats b{display:block;font-size:18px}.stats small{font-size:11px;color:var(--s)}.hint{margin:0;font-size:12px;color:var(--s)}.toast{position:absolute;left:16px;right:16px;margin:0 auto;width:fit-content;max-width:calc(100% - 32px);bottom:calc(var(--safe-bottom) + 200px);padding:10px 16px;font-size:14px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;animation:lineIn .4s ease both;z-index:5}.hud.tabs-only{z-index:3}.explore{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.island,.district{position:absolute;top:0;right:0;bottom:0;left:0;max-width:560px;margin:0 auto;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 12px) 12px calc(var(--safe-bottom) + 84px)}.ex-head h2{font-family:var(--head);font-size:22px;font-weight:600;margin:2px 4px 10px}.ex-head.row{display:flex;align-items:center;gap:8px}.ex-head.row h2{flex:1;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back{width:40px;height:40px;flex:none;border-radius:50%;border:var(--edge);background:var(--glass);color:var(--t);font-size:26px;line-height:1;padding:0 0 3px}.search input{width:100%;font:inherit;font-size:15px;color:var(--t);background:var(--glass);border:var(--edge);border-radius:12px;padding:10px 12px}.search input::placeholder{color:var(--s)}.found{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-size:13px;color:var(--s)}.map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.map .land{fill:#e4e2cf;stroke:var(--land-edge);stroke-width:2.5;stroke-linejoin:round}.app.night .map .land{fill:#3a3866}.cards-loading,.visit-loading{position:absolute;top:50%;left:50%;margin:-11px}.left{padding:8px 12px;font-weight:700;font-size:14px;border-radius:999px;flex:none}.chips{display:flex;gap:6px;overflow-x:auto;padding:10px 0 8px;scrollbar-width:none;flex:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;border:var(--edge);background:var(--glass);color:var(--s);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.chip.on{background:var(--accent);color:var(--accent-fg);border-color:transparent}.cards{position:relative;flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;align-content:start;padding-bottom:8px}.empty{grid-column:1 / -1;text-align:center;color:var(--s);font-size:14px;margin:30px 10px}.tcard{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px;cursor:pointer;border-radius:16px;min-width:0}.temoji{position:relative;line-height:1;width:max-content}.temoji.sleep{filter:grayscale(1);opacity:.7}.temoji .ribbon{position:absolute;right:-12px;top:-2px}.temoji .ribbon.true{filter:sepia(1) saturate(4) hue-rotate(5deg) drop-shadow(0 0 4px gold)}.tname{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:36px}.tstage{font-size:12px;color:var(--s)}.tbar{height:4px;border-radius:999px;background:var(--track);overflow:hidden;margin:3px 0}.tbar i{display:block;height:100%;border-radius:inherit}.ttags{display:flex;flex-wrap:wrap;gap:4px}.tag{font-size:11px;padding:2px 6px;border-radius:999px;background:var(--track);color:var(--t)}.tag.new{background:#50c86438}.tag.gold{background:#ffc83c4d}.qwater{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:var(--btn);color:var(--btn-fg);font-size:17px;box-shadow:var(--btn-shadow)}.qwater.done{background:var(--done);color:var(--t);box-shadow:none;font-weight:700}.more{grid-column:1 / -1;max-width:none}.visit{position:absolute;top:0;right:0;bottom:0;left:0}.visit>.ex-head,.visit>.spacer,.visit>.visit-card{position:relative}.visit{display:flex;flex-direction:column;max-width:560px;margin:0 auto;padding:calc(var(--safe-top) + 12px) 12px calc(var(--safe-bottom) + 84px);pointer-events:none}.visit>*{pointer-events:auto}.visit>.tree-canvas{position:fixed;top:0;right:0;bottom:0;left:0}.visit-who{flex:1}.visit-card{padding:14px;display:flex;flex-direction:column;gap:10px}.visit-meta{margin:0;font-size:12.5px;color:var(--s)}.visit-actions{display:flex;gap:8px}.visit-actions .primary{flex:1;max-width:none;padding:13px}.visit-actions .primary.is-done{background:var(--done);color:var(--t);box-shadow:none}.star{width:52px;max-width:52px;padding:0;font-size:22px}.star.on{border-color:var(--gold)}.wish-card{position:relative;border-radius:14px;padding:12px 14px;background:linear-gradient(135deg,#e8384f24,#ff788c0f);border:1px solid rgba(232,56,79,.28)}.wish-card.true{background:linear-gradient(135deg,#ffc83c47,#ffe6961a);border-color:#e8a30080}.wish-tag{font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--s)}.wish-text{font-family:var(--f-display);font-size:18px;line-height:1.35;margin:6px 0 8px}.wish-text.big{font-size:22px;text-align:center;margin:10px 0}.wish-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.wish-foot small{color:var(--s)}.bless{border:0;border-radius:999px;padding:9px 14px;font-weight:700;font-size:14px;background:#e8384f;color:#fff;box-shadow:0 6px 18px -6px #e8384fb3}.blessed{font-size:13px;font-weight:700;color:var(--t)}.link.report{position:absolute;top:6px;right:8px;font-size:11.5px;color:var(--s);font-weight:500}.report-confirm{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.report-confirm small{color:var(--s)}.sheet-back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--sheet-back);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease both}.sheet{width:100%;max-width:520px;max-height:88%;overflow-y:auto;border-radius:22px 22px 0 0;padding:20px 18px calc(var(--safe-bottom) + 18px);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;animation:sheetIn .28s ease both}.app.day .sheet{background:#ffffffeb}.app.night .sheet{background:#1c183ef0}.sheet h3{margin:0;font-family:var(--head);font-size:21px}.sheet-sub,.sheet-note{margin:0;font-size:13.5px;color:var(--s);max-width:36ch}.sheet-note{font-size:12px}.sheet .primary{max-width:380px}.primary.gold{background:linear-gradient(180deg,#ffd35a,#f2a91c);color:#3a2a12;box-shadow:0 10px 24px -8px #f2a91cb3}.wish-input{width:100%;max-width:380px;font:inherit;font-family:var(--f-display);font-size:18px;color:var(--t);background:var(--glass);border:var(--edge);border-radius:14px;padding:12px 14px;resize:none}.sheet-row{width:100%;max-width:380px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--s)}.toggle{display:flex;align-items:center;gap:8px;color:var(--t)}.confirm{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.confirm p{margin:0;font-size:14px}.switch{width:20px;height:20px;accent-color:var(--accent)}@keyframes fadeIn{0%{opacity:0}}@keyframes sheetIn{0%{transform:translateY(40px);opacity:0}}.ic-row{display:inline-flex;align-items:center;gap:5px}.icon.off{filter:grayscale(1);opacity:.45}.tag,.chip{display:inline-flex;align-items:center;gap:4px}.stats b{display:flex!important;align-items:center;justify-content:center;gap:4px}.wish-tag.ic-row{gap:6px}.icon{display:inline-block;vertical-align:middle;object-fit:contain;flex:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.icon.emoji{display:inline-grid;place-items:center;line-height:1}.icon.line{display:inline-grid;place-items:center;line-height:0;color:currentColor}.icon.line svg{display:block}.items-inline{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;vertical-align:middle}.items-inline .item{display:inline-flex;align-items:center;gap:2px;font-weight:700}.with-icon{display:flex;align-items:center;justify-content:center;gap:8px}.toast .icon{margin:-4px 0}.secondary .icon{margin:-4px 4px -4px 0}.chase{flex:none;border:0;border-radius:999px;padding:10px 14px;font-weight:700;background:#ff7a3d;color:#fff;box-shadow:0 6px 18px -6px #ff7a3dcc}@keyframes nudge{50%{transform:translateY(-2px)}}.reveal{font-size:72px;line-height:1;animation:pop .5s cubic-bezier(.3,1.6,.5,1) both}.reveal.special{filter:drop-shadow(0 0 18px rgba(255,200,60,.9))}@keyframes pop{0%{transform:scale(.3);opacity:0}}.inv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;max-width:380px}.inv-cell{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:12px;background:var(--track)}.inv-cell.zero{opacity:.4}.inv-emoji{font-size:24px}.inv-cell b{font-size:15px}.inv-cell small{font-size:10px;color:var(--s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sheet-actions{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.sheet-actions .secondary{max-width:380px;padding:12px;font-size:15px}.picker{width:100%;max-width:380px;display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto}.pick-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:12px;background:var(--track)}.pick-name{font-size:14px;text-align:left}.pick-name small{color:var(--s)}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:30px;height:30px;border-radius:50%;border:var(--edge);background:var(--glass);color:var(--t);font-size:17px;line-height:1;padding:0}.stepper button.all{width:auto;border-radius:999px;padding:0 9px;font-size:12px;font-weight:600}.stepper b{min-width:22px;text-align:center}.lm-panel{flex:1;min-height:0;overflow-y:auto;padding:14px}.landmarks{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.landmarks h3{margin:0;font-family:var(--head);font-size:20px}.lm-list{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px}.lm{padding:10px 12px;border-radius:14px;background:var(--track);text-align:left}.lm-head{display:flex;align-items:center;gap:10px}.lm-emoji{font-size:26px}.lm-text{flex:1;min-width:0}.lm-text b{display:block;font-size:14px}.lm-text small,.lm-prog{font-size:12px;color:var(--s)}.lm .bar{margin-top:8px}.lm-prog{display:block;margin-top:4px}.lm-top{width:100%;max-width:420px;text-align:left;font-size:13px;display:flex;flex-direction:column;gap:4px}.lm-top-row{display:flex;justify-content:space-between;color:var(--s)}.lm-top-row.mine{color:var(--t);font-weight:700}.app.day{--ink: #2a2630;--soft: rgba(42, 38, 48, .68);--hair: rgba(42, 38, 48, .22);--paper: rgba(250, 248, 244, .96);--veil: rgba(255, 255, 255, .42);--veil-edge: rgba(255, 255, 255, .75);--halo: 0 0 14px rgba(255, 255, 255, .75), 0 0 2px rgba(255, 255, 255, .9);--t: var(--ink);--s: var(--soft);--accent: #2a2630;--accent-fg: #fff;--btn: #2a2630;--btn-fg: #fbf8f2;--btn-shadow: 0 10px 24px -12px rgba(20, 16, 30, .5);--glass: rgba(255, 255, 255, .5);--edge: 1px solid rgba(255, 255, 255, .8);--done: rgba(255, 255, 255, .5);--fill: #2a2630;--tab-on: transparent;--gold: #b8862b;--sheet-back: rgba(30, 30, 40, .28)}.app.night{--ink: #f2ecdd;--soft: rgba(242, 236, 221, .7);--hair: rgba(242, 236, 221, .24);--paper: rgba(22, 24, 42, .96);--veil: rgba(12, 14, 30, .38);--veil-edge: rgba(242, 236, 221, .18);--halo: 0 1px 10px rgba(0, 0, 0, .55);--t: var(--ink);--s: var(--soft);--accent: #f0d9a0;--accent-fg: #1c1a2e;--btn: #f2ecdd;--btn-fg: #1c1a2e;--btn-shadow: 0 0 26px rgba(240, 217, 160, .28);--glass: rgba(12, 14, 30, .45);--edge: 1px solid rgba(242, 236, 221, .18);--done: rgba(255, 255, 255, .1);--fill: #f0d9a0;--tab-on: transparent;--gold: #f0d9a0;--sheet-back: rgba(4, 4, 16, .5)}.app.day{background:linear-gradient(180deg,#a9c9dd,#cfe0e6 45%,#eae6dc)}.app.night{background:radial-gradient(120% 70% at 50% 10%,#26305a,#141a36,#0b0e22)}.hud{padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 10px);gap:8px}.calm-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.calm-title{display:flex;flex-direction:column;gap:2px;min-width:0;text-shadow:var(--halo)}.calm-kicker{font-size:10.5px;letter-spacing:.2em;font-weight:600;color:var(--soft)}.calm-stage{font-family:var(--f-display);font-weight:600;font-size:33px;line-height:1.05;letter-spacing:0;color:var(--ink)}.calm-line{display:block;width:128px;height:1px;background:var(--hair);margin:10px 0 6px;position:relative}.calm-line i{position:absolute;left:0;top:-.5px;height:2px;background:var(--ink);border-radius:2px}.calm-line i:after{content:"";position:absolute;right:-3px;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--ink)}.calm-sub{font-size:12.5px;color:var(--soft)}.calm-stats{display:flex;align-items:center;gap:10px;padding-top:2px}.calm-stat{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--ink);text-shadow:var(--halo);background:none;border:0;padding:0}.calm-basket{cursor:pointer;padding:4px 10px 4px 6px;border-radius:999px;background:var(--veil);border:1px solid var(--veil-edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-shadow:none}.calm-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--soft);text-shadow:var(--halo)}.calm-alert{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:16px;background:var(--veil);border:1px solid var(--veil-edge);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:14px;font-weight:600;color:var(--ink)}.calm-alert>span{flex:1;min-width:0}.calm-alert small{display:block;font-weight:500;font-size:12px;color:var(--soft)}.calm-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.calm-tie{align-self:flex-start;background:var(--veil);border-color:var(--veil-edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:7px 14px}.calm-wish{align-self:flex-start;max-width:100%;display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:2px 0;color:var(--ink);text-shadow:var(--halo);cursor:pointer;text-align:left}.calm-wish-text{font-family:var(--f-display);font-size:16.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calm-wish-count{font-size:12px;color:var(--soft);flex:none}.calm-wish.true .calm-wish-text{color:var(--gold)}.calm-note{margin:2px 0 0;font-size:12.5px;color:var(--soft);text-shadow:var(--halo)}.calm-note.wide{font-size:14px;margin-top:10px}.calm-hint{align-self:center;background:none;border:0;padding:4px 8px;font-family:var(--f-display);font-size:17px;letter-spacing:.01em;color:var(--ink);text-shadow:var(--halo);cursor:pointer}.calm-hint.quiet{color:var(--soft);font-size:13.5px;cursor:default;margin:0}.calm-water-wrap{align-self:center;display:flex;flex-direction:column;align-items:center;gap:6px;margin:6px 0 10px}.calm-water{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ink);color:var(--ink);background:var(--veil);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 9px #ffffff1a;cursor:pointer;transition:transform .12s}.app.night .calm-water{border-color:#f2e2b8;color:#f6e8c4;box-shadow:0 0 0 9px #ffe6aa0f,0 0 30px #ffdc9640}.calm-water:active{transform:scale(.95)}.calm-water.done{opacity:.7;border-style:dashed}.calm-water-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);text-shadow:var(--halo)}.calm-slots{display:flex;gap:6px;font-size:11.5px;color:var(--soft);text-shadow:var(--halo)}.calm-slots .ok{color:var(--ink)}.calm-tabs{display:flex;justify-content:space-around;border-top:1px solid var(--hair);padding-top:10px}.calm-tabs .tab{color:var(--soft);background:none;font-weight:500;font-size:10.5px;letter-spacing:.05em;gap:4px;padding:4px 10px;text-shadow:var(--halo)}.calm-tabs .tab.on{color:var(--ink);background:none;font-weight:700}.hud.tabs-only .calm-tabs{background:var(--veil);border:1px solid var(--veil-edge);border-radius:18px;padding:8px 6px 6px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.calm-panel{padding:14px;border-radius:18px;background:var(--veil);border:1px solid var(--veil-edge);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--ink)}.me{display:flex;flex-direction:column;gap:12px}.me-who{display:flex;align-items:center;gap:10px}.me-who b{display:block;font-family:var(--f-display);font-weight:500;font-size:18px}.me-who small{font-size:12px;color:var(--soft)}.avatar{background:transparent;border:1.5px solid var(--ink);color:var(--ink);font-family:var(--f-display)}.primary{border-radius:999px;font-weight:600;letter-spacing:.01em;text-shadow:none}.secondary{border-radius:999px;background:transparent;border:1.5px solid var(--hair);color:var(--ink)}.primary.gold{background:linear-gradient(180deg,#e9c46a,#c9963a);color:#2a1f10}.sheet{background:var(--paper)!important;border:0;border-radius:26px 26px 0 0;box-shadow:0 -20px 50px -30px #0006;color:var(--ink)}.sheet h3{font-family:var(--f-display);font-weight:500;font-size:23px}.toast{background:var(--paper);color:var(--ink);border:0;border-radius:999px;box-shadow:0 14px 30px -16px #00000080;font-weight:500}.chip{border-radius:999px;background:var(--veil);border:1px solid var(--veil-edge);color:var(--soft)}.chip.on{background:var(--ink);color:var(--btn-fg);border-color:transparent}.inv-cell,.pick-row,.lm,.tag{background:#7f7f7f1a}.field input,.field select{background:var(--veil);border:1px solid var(--veil-edge);border-radius:12px}.ex-world{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip}.app.day .ex-world{background:linear-gradient(180deg,#b7d3e2,#cde3ea 60%,#cde3ea)}.app.night .ex-world{background:radial-gradient(120% 70% at 50% 10%,#26305a,#141a36 55%,#141a36)}.ex-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.ex-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.v-label{position:absolute;left:0;top:0;font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--soft);text-shadow:var(--halo);white-space:nowrap;transition:opacity .4s}.v-label.mine{color:var(--ink);font-size:10px}.v-label.mine:before{content:"● ";color:#b73a4c}.v-label.sel{color:var(--ink);font-size:11px}.v-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#eef3f2;opacity:0;pointer-events:none}.v-cloud{--mist: #eef3f2;position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:0;pointer-events:none;will-change:transform,opacity;background:radial-gradient(30% 22% at 22% 30%,var(--mist) 0%,transparent 70%),radial-gradient(34% 24% at 78% 26%,var(--mist) 0%,transparent 70%),radial-gradient(32% 26% at 50% 52%,var(--mist) 0%,transparent 72%),radial-gradient(30% 22% at 18% 74%,var(--mist) 0%,transparent 70%),radial-gradient(34% 24% at 82% 72%,var(--mist) 0%,transparent 70%),radial-gradient(60% 50% at 50% 50%,color-mix(in srgb,var(--mist) 70%,transparent) 0%,transparent 80%)}.app.night .v-veil{background:#141a36}.ex-hud{position:absolute;top:0;right:0;bottom:0;left:0;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:8px;padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 88px);pointer-events:none}.ex-hud>*:not(.spacer):not(.ex-hint){pointer-events:auto}.ex-head-row{display:flex;align-items:flex-start;gap:12px}.ex-back{width:40px;height:40px;flex:none;border-radius:50%;border:1.5px solid var(--hair);background:var(--veil);color:var(--ink);font-size:24px;line-height:1;padding:0 0 3px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.ex-tools{display:flex;gap:8px;align-items:center}.ex-search{flex:1}.ex-search input{width:100%;font:inherit;font-size:14px;color:var(--ink);background:var(--veil);border:1px solid var(--veil-edge);border-radius:999px;padding:9px 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ex-search input::placeholder{color:var(--soft)}.ex-chip{background:var(--veil);border-color:var(--veil-edge);padding:8px 12px;font-size:13px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ex-card{display:flex;flex-direction:column;gap:6px}.ex-card-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ex-card b{font-family:var(--f-display);font-weight:600;font-size:22px}.ex-pct{font-size:12px;letter-spacing:.06em;color:var(--soft)}.ex-card small{font-size:12px;color:var(--soft)}.ex-go{max-width:none;padding:11px 14px;margin-top:4px}.ex-go.is-done{opacity:.6}.ex-actions{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.ex-actions .ex-go{flex:1 1 140px;margin-top:0}.ex-wish{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-size:15px}.ex-wish span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-wish.true span{color:var(--gold)}.ex-hint{align-self:center}.ex-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.app.day .ex-overlay{background:linear-gradient(180deg,#a9c9dd,#cfe0e6 45%,#eae6dc)}.app.night .ex-overlay{background:radial-gradient(120% 70% at 50% 10%,#26305a,#141a36,#0b0e22)}.sheet:before{content:"";width:38px;height:4px;border-radius:4px;background:var(--hair);margin:-8px 0 6px;flex:none}.sheet-sub,.sheet-note{color:var(--soft)}.link{color:var(--soft);font-weight:500}.inv-cell,.pick-row,.lm{background:transparent;border:1px solid var(--hair)}.stepper button{background:transparent;border:1.5px solid var(--hair);color:var(--ink)}.wish-input{background:transparent;border:1px solid var(--hair)}.lm .bar{height:2px;background:var(--hair)}.lm .bar i{background:var(--ink)}.district{padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 88px)}.ex-head.row h2{font-family:var(--f-display);font-weight:500;font-size:30px;text-shadow:var(--halo)}.cards{display:flex;flex-direction:column;gap:0}.tcard{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:12px;padding:12px 52px 12px 2px;border-radius:0;border-bottom:1px solid var(--hair)}.tcard .temoji{flex:none}.tcard .tname{flex:1;font-family:var(--f-display);font-size:17px;padding-right:0}.tcard .tstage,.tcard .tbar,.tcard .ttags{flex-basis:100%;margin-left:56px}.tcard .tbar{height:2px}.tag{background:transparent;color:var(--soft);padding:0 4px 0 0}.qwater{top:50%;margin-top:-19px;right:2px;background:transparent;color:var(--ink);border:1.5px solid var(--ink);box-shadow:none}.qwater.done{border-style:dashed;background:transparent;opacity:.6}.visit{padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 88px)}.visit-who{display:flex;align-items:center;gap:10px;background:none;border:0;text-shadow:var(--halo)}.visit-who b{font-family:var(--f-display);font-weight:500;font-size:22px}.visit-who small{color:var(--soft);font-size:12px}.visit .stage{font-family:var(--f-display);font-weight:500;font-size:19px}.wish-card,.wish-card.true{background:none;border:0;border-left:2px solid var(--hair);border-radius:0;padding:4px 0 4px 14px}.wish-card.true{border-left-color:var(--gold)}.bless{background:transparent;color:var(--ink);border:1.5px solid var(--ink);box-shadow:none;display:inline-flex;align-items:center;gap:6px}.visit-actions .primary.is-done{background:transparent;border:1.5px dashed var(--hair);color:var(--soft)}.star{border-radius:50%;height:48px;width:48px;max-width:48px}.notice{background:var(--veil);border:1px solid var(--veil-edge)}.plant-step{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:var(--f-display);font-size:19px;font-weight:500;text-shadow:var(--halo)}.screen.center .emblem{filter:none;color:var(--ink)}.skip{background:transparent;border:1px solid currentColor;opacity:.7}.catch,.story .will{background:transparent;color:inherit;border:1.5px solid currentColor;box-shadow:0 0 30px #ffd76a59}.screen.center .display{font-weight:500;text-shadow:var(--halo)}.screen.center .calm-kicker{margin-bottom:-6px}.screen.center .emblem{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--hair);margin-bottom:6px}.screen.center .emblem .icon.line svg{stroke-width:1.1}.field input,.field select{background:transparent;border:0;border-bottom:1.5px solid var(--hair);border-radius:0;padding:10px 2px}.field input:focus{outline:none;border-bottom-color:var(--ink)}.field.row select{border:1px solid var(--hair);border-radius:999px;padding:6px 12px}.avatar.big{box-shadow:none;border-width:1px}.tcard .tname{min-width:0}.calm-slots span{display:inline-flex;align-items:center;gap:2px}.sheet-back{z-index:20}.primary.gold{background:#c9a35a;color:#231a0c;box-shadow:0 8px 20px -12px #8c641e99}.app.night .primary.gold{background:#e6c98a;box-shadow:0 0 24px #f0d28c40}.wall{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:clip}.wall-sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app.day .wall-sky{background:linear-gradient(180deg,#b9c2df,#d9d3e0 45%,#f0dcc8)}.app.night .wall-sky{background:radial-gradient(120% 70% at 50% 0%,#2c3466,#161b3c,#0b0e22)}.wall-stars{position:absolute;top:0;right:0;bottom:40%;left:0;background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent),radial-gradient(1px 1px at 72% 9%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 38% 30%,#fff 50%,transparent),radial-gradient(1px 1px at 86% 34%,#fff 50%,transparent),radial-gradient(1px 1px at 56% 14%,#fff 50%,transparent),radial-gradient(1px 1px at 22% 44%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 92% 20%,#fff 50%,transparent),radial-gradient(1px 1px at 5% 30%,#fff 50%,transparent);opacity:.7;animation:twinkle 6s ease-in-out infinite alternate}.app.day .wall-stars{opacity:0;animation:none}@keyframes twinkle{to{opacity:.35}}.wall-mist{position:absolute;left:-10%;right:-10%;bottom:0;height:45%;background:radial-gradient(60% 60% at 50% 100%,rgba(255,240,225,.55),transparent 70%)}.app.night .wall-mist{background:radial-gradient(60% 60% at 50% 100%,rgba(140,150,210,.22),transparent 70%)}.wall-lanterns,.wall-far{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wall-far i{--s: .4;position:absolute;bottom:-30px;width:calc(26px * var(--s));height:calc(34px * var(--s));border-radius:40%;background:radial-gradient(circle at 50% 60%,#ffe6b0,#f0a04a 80%);box-shadow:0 0 calc(30px * var(--s)) #ffb45a99;filter:blur(.4px);animation:riseFar 60s linear infinite}@keyframes riseFar{0%{transform:translateY(0);opacity:0}10%,80%{opacity:.5}to{transform:translateY(calc(-100vh - 80px));opacity:0}}.lantern{--s: 1;position:absolute;bottom:-70px;width:56px;height:70px;margin-left:-28px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;animation:rise 32s linear infinite;will-change:transform,opacity}.lantern-sway{display:block;width:100%;height:100%;animation:sway 5s ease-in-out infinite alternate;transform-origin:50% 0}.lantern-body{position:absolute;left:50%;top:50%;width:calc(26px * var(--s));height:calc(34px * var(--s));transform:translate(-50%,-50%);border-radius:42% 42% 36% 36%/46% 46% 30% 30%;background:radial-gradient(70% 60% at 50% 60%,#fff3cf,#ffcf7a 40%,#f0973f 78%,#c9612a);box-shadow:0 0 calc(22px * var(--s)) calc(4px * var(--s)) #ffba608c,0 0 calc(60px * var(--s)) #ffaa504d}.lantern-body:before,.lantern-body:after{content:"";position:absolute;left:22%;right:22%;height:3px;border-radius:2px;background:#6e32148c}.lantern-body:before{top:-2px}.lantern-body:after{bottom:-1px;left:30%;right:30%}.lantern.mine .lantern-body{background:radial-gradient(70% 60% at 50% 60%,#fffbe6,#ffe39a 40%,#e8b54a 78%,#b98a2a)}.lantern:focus-visible{outline:none}.lantern:focus-visible .lantern-body{outline:2px solid var(--ink);outline-offset:4px}@keyframes rise{0%{transform:translateY(0);opacity:0}8%{opacity:1}85%{opacity:1}to{transform:translateY(calc(-100vh - 140px));opacity:0}}@keyframes sway{0%{transform:translate(-6px) rotate(-3deg)}to{transform:translate(6px) rotate(3deg)}}.wall-hud{position:absolute;top:0;right:0;bottom:0;left:0;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 88px);pointer-events:none}.wall-hud>*{pointer-events:auto}.wall-hud>.spacer,.wall-hud>.wall-empty{pointer-events:none}.wall-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px;flex:none}.wall-filters::-webkit-scrollbar{display:none}.wall-filters .chip{flex:none;padding:6px 11px;font-size:12.5px;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wall-write{align-self:flex-start;background:var(--veil);border-color:var(--veil-edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wall-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;margin:0 -4px;padding:0 4px}.wall-row{padding:14px 2px;border-bottom:1px solid var(--hair);cursor:pointer;display:flex;flex-direction:column;gap:4px}.wall-wish{color:var(--soft);font-size:12.5px}.wall-story{margin:0;font-family:var(--f-display);font-size:17px;line-height:1.4;color:var(--ink);text-wrap:pretty}.wall-meta{color:var(--soft);font-size:11.5px}.wall-list .secondary{align-self:center;margin:14px 0;max-width:220px;padding:10px}.wall-empty{align-self:center;text-align:center;max-width:30ch;margin-bottom:8px!important}.wall-loading{align-self:center;margin:auto}.story-glow{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,210,120,.35),transparent 70%);margin:-4px 0 -6px}.story-wish{margin:0;display:inline-flex;gap:6px;align-items:baseline;color:var(--soft);font-size:13.5px;max-width:36ch}.story-true{margin:2px 0 4px;font-family:var(--f-display);font-size:21px;line-height:1.4;color:var(--ink);max-width:30ch;text-wrap:pretty}.story-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.story-actions .calm-pill.on{background:var(--ink);color:var(--btn-fg)}.story-actions .calm-pill:disabled{opacity:.7;cursor:default}.rank-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;padding:10px 4px;border:0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);border-radius:0;background:none;color:var(--ink);text-align:center;cursor:pointer}.rank-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.rank-cell small{font-size:9.5px;letter-spacing:.14em;font-weight:600;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-cell b{font-family:var(--f-display);font-weight:600;font-size:22px;display:flex;align-items:center;justify-content:center;gap:4px;min-height:28px}.lb-tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.lb-tabs .chip{padding:6px 12px;font-size:13px}.lb-list{width:100%;max-width:380px;display:flex;flex-direction:column;text-align:left;max-height:36vh;overflow-y:auto;min-height:60px}.lb-row{display:flex;align-items:baseline;gap:12px;padding:9px 4px;border-bottom:1px solid var(--hair);font-size:15px}.lb-row.mine{font-weight:700;background:#7f7f7f1a;border-radius:8px;border-bottom-color:transparent;padding-inline:8px;margin-inline:-4px}.lb-sep{margin-top:8px}.lb-rank{width:26px;flex:none;text-align:right;font-family:var(--f-display);font-size:17px;color:var(--soft)}.lb-row:nth-child(-n+3) .lb-rank{color:var(--ink);font-weight:700}.lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-name small{font-weight:400;color:var(--soft);font-size:12px}.lb-pts{flex:none;font-variant-numeric:tabular-nums;font-weight:600}.lb-how{width:100%;max-width:380px;display:flex;flex-direction:column;font-size:13.5px;text-align:left}.lb-how>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--hair);color:var(--soft)}.lb-how b{color:var(--ink);font-weight:600;text-align:right;flex:none}.share-preview{border-radius:14px;box-shadow:0 14px 30px -16px #00000080;object-fit:cover;background:#7f7f7f26;margin-bottom:2px}.me-invite{align-self:flex-start}.join-card{align-self:stretch;gap:10px}.join-card>span{font-size:13.5px;line-height:1.35}.join-card .icon{flex:none}.join-later{color:var(--soft);padding:4px 6px}.perks{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--hair);padding-top:10px}.perks-head{display:flex;align-items:center;gap:6px;font-family:var(--f-display);font-size:17px;margin-bottom:4px;color:var(--ink)}.perks-note{margin:0 0 8px;text-align:left;max-width:none}.perk{display:flex;align-items:center;gap:12px;padding:9px 0;border:0;border-bottom:1px solid var(--hair);background:none;color:var(--ink);text-align:left;font:inherit;width:100%}.perk.used{color:var(--soft)}.perk-text{flex:1;min-width:0;display:flex;flex-direction:column}.perk-text b{font-weight:600;font-size:14.5px}.perk-text small{font-size:11.5px;color:var(--soft)}.perk-state{flex:none;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft)}.perk.ready .perk-state,.perk.dew.ready .perk-state{color:var(--ink);font-weight:700}.perk.dew{cursor:pointer}.dew-drop{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--hair);background:radial-gradient(circle,rgba(160,210,255,.28),transparent 70%)}.guardian-leaf{color:var(--gold);margin-left:4px}.tag.guardian{color:var(--gold)}.sound-toggle{position:absolute;z-index:6;top:calc(var(--safe-top) + 14px);right:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--hair);background:var(--veil);color:var(--soft);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;padding:0}.sound-toggle.on{color:var(--ink);border-color:var(--ink)}.step-story .sound-toggle{right:auto;left:16px;color:#fdf6e3;border-color:#fdf6e380;background:#0000002e}.step-story .sound-toggle.on{border-color:#fdf6e3}.app:not(.step-story) .calm-top{padding-right:46px}.screen-back{position:absolute;z-index:6;top:calc(var(--safe-top) + 14px);left:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;padding:0 0 3px;border:1.5px solid var(--hair);background:var(--veil);color:var(--ink);font-size:24px;line-height:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.lantern,.wall-far i{bottom:auto;top:var(--y)}}