:root{--bg: #f4f1ea;--surface: #ffffff;--surface-2: #faf8f3;--surface-sunk: #ebe6db;--border: #e0d9cb;--border-strong: #c9c0ae;--text: #1f2a27;--text-2: #4e5b57;--text-3: #626e6a;--primary: #2e6b5e;--primary-strong: #234f45;--on-primary: #ffffff;--primary-soft: #dcebe4;--on-primary-soft: #1d4a40;--danger: #a93a29;--danger-soft: #f8e1dc;--warn-soft: #fbf0d6;--success-soft: #dcefe3;--focus: #1b5fd0;--sky: #6f9fcf;--sky-soft: #e2edf8;--sun: #d89b2b;--sun-soft: #fbefd5;--clay: #d9775a;--clay-soft: #f9e3da;--lilac: #8a7cc6;--lilac-soft: #ebe7f8;--sage-soft: #e1eee8;--logo-bg: #2e6b5e;--logo-ring: #f4f1ea;--logo-leaf: #f2b28f;--piece-0: #6fa58f;--piece-1: #e19a6f;--piece-2: #7e9fd6;--piece-3: #d6b04f;--piece-4: #a68bd1;--piece-5: #d77f93;--piece-6: #5fb0b6;--piece-7: #a7b85e;--radius-lg: 22px;--radius: 16px;--radius-sm: 12px;--shadow: 0 1px 2px rgb(31 42 39 / 6%), 0 8px 24px rgb(31 42 39 / 6%);--shadow-lift: 0 2px 4px rgb(31 42 39 / 8%), 0 14px 32px rgb(31 42 39 / 10%);--font: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tap: 48px;--gutter: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--tabbar-h: 64px;color-scheme:light}:root[data-theme=dark]{--bg: #111816;--surface: #19211f;--surface-2: #1d2624;--surface-sunk: #0d1311;--border: #2b3633;--border-strong: #3d4a46;--text: #e8eeeb;--text-2: #b6c2be;--text-3: #9aa7a3;--primary: #7cc3ae;--primary-strong: #9bd5c3;--on-primary: #0c1f1a;--primary-soft: #1d3a32;--on-primary-soft: #bfe4d8;--danger: #f08a78;--danger-soft: #3b1f1a;--warn-soft: #382f1a;--success-soft: #1b3326;--focus: #8ab4ff;--sky-soft: #1c2a38;--sun-soft: #33291a;--clay-soft: #36231d;--lilac-soft: #262238;--sage-soft: #1b2d27;--logo-bg: #7cc3ae;--logo-ring: #111816;--logo-leaf: #f0a582;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px rgb(0 0 0 / 25%);--shadow-lift: 0 2px 4px rgb(0 0 0 / 35%), 0 14px 32px rgb(0 0 0 / 35%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;-webkit-tap-highlight-color:transparent}h1,h2,h3{line-height:1.2;margin:0 0 .4em;letter-spacing:-.01em}h1{font-size:1.75rem}h2{font-size:1.3rem}h3{font-size:1.1rem}p{margin:0 0 .8em}a{color:var(--primary);text-underline-offset:3px}img,svg{max-width:100%}ul,ol{padding-left:1.2em}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-60px;z-index:100;background:var(--surface);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{top:calc(8px + var(--safe-top))}.muted{color:var(--text-2)}.small{font-size:.9rem}.center{text-align:center}.stack>*+*{margin-top:12px}.stack-lg>*+*{margin-top:20px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row-between{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.app{min-height:100dvh;display:flex;flex-direction:column;padding-left:var(--safe-left);padding-right:var(--safe-right)}main{flex:1;outline:none;padding-bottom:calc(24px + var(--safe-bottom))}.has-tabbar main{padding-bottom:calc(var(--tabbar-h) + 24px + var(--safe-bottom))}.page{width:100%;max-width:640px;margin:0 auto;padding:8px var(--gutter) 0}.page-wide{max-width:1120px}.desk-nav{display:none}.demo-banner{background:var(--sun-soft);color:var(--text);text-align:center;font-size:.85rem;padding:calc(6px + var(--safe-top)) 12px 6px;border-bottom:1px solid var(--border)}.offline-banner{background:var(--surface-sunk);text-align:center;font-size:.85rem;padding:6px 12px}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:var(--tap) 1fr auto;align-items:center;gap:4px;min-height:56px;padding:calc(4px + var(--safe-top)) 8px 4px;margin:0 calc(-1 * var(--gutter)) 8px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.demo-mode .topbar{padding-top:4px}.topbar-title{font-size:1.1rem;margin:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;gap:2px;justify-content:flex-end;min-width:var(--tap)}.topbar-spacer{width:var(--tap)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border-top:1px solid var(--border);padding:4px max(4px,var(--safe-left)) calc(4px + var(--safe-bottom)) max(4px,var(--safe-right))}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;color:var(--text-2);text-decoration:none;font-size:.72rem;border-radius:12px}.tabbar a[aria-current=page]{color:var(--primary);font-weight:700}.tabbar a[aria-current=page] .icon{background:var(--primary-soft);border-radius:999px;padding:2px 12px;box-sizing:content-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);min-width:var(--tap);padding:10px 18px;border-radius:14px;border:1.5px solid transparent;font-weight:650;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .12s ease,background-color .15s ease,box-shadow .15s ease;touch-action:manipulation;user-select:none;text-align:center}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn-lg{min-height:56px;font-size:1.08rem;padding:12px 22px;border-radius:16px}.btn-sm{min-height:44px;padding:8px 14px;font-size:.95rem}.btn-block{display:flex;width:100%}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 28%,transparent)}.btn-primary:hover{background:var(--primary-strong)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-soft{background:var(--primary-soft);color:var(--on-primary-soft)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--surface-sunk)}.btn-danger{background:var(--danger);color:#fff}:root[data-theme=dark] .btn-danger{color:#1b0d0a}.icon-btn{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:14px;border:1.5px solid transparent;cursor:pointer;touch-action:manipulation;padding:0}.icon-btn.btn-secondary{border-color:var(--border-strong)}.icon-btn[disabled]{opacity:.4;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0}.tone-sky{background:var(--sky-soft);border-color:transparent}.tone-sun{background:var(--sun-soft);border-color:transparent}.tone-clay{background:var(--clay-soft);border-color:transparent}.tone-lilac{background:var(--lilac-soft);border-color:transparent}.tone-sage{background:var(--sage-soft);border-color:transparent}.tile-link{display:flex;gap:14px;align-items:center;color:inherit;text-decoration:none;border-radius:var(--radius-lg);padding:18px;min-height:88px;transition:transform .15s ease,box-shadow .15s ease;position:relative}.tile-link:hover{box-shadow:var(--shadow-lift)}.tile-link:active{transform:scale(.99)}.tile-icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--surface);color:var(--primary)}.tile-icon .icon{width:28px;height:28px}.tile-text h2{font-size:1.15rem;margin:0 0 2px}.tile-text p{margin:0;color:var(--text-2);font-size:.95rem}.tile-chevron{margin-left:auto;color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface);color:var(--text-2)}.field-label{display:block;font-weight:650;font-size:.95rem;margin-bottom:6px}.input,.textarea{width:100%;min-height:var(--tap);border-radius:14px;border:1.5px solid var(--border-strong);background:var(--surface);padding:12px 14px;font-size:1.05rem}.textarea{min-height:96px;resize:vertical}.input:focus,.textarea:focus{outline:3px solid var(--focus);outline-offset:1px;border-color:var(--focus)}.code-input{letter-spacing:.4em;font-size:1.6rem;text-align:center;font-variant-numeric:tabular-nums}.field-error{color:var(--danger);font-size:.92rem;margin-top:6px}.segmented-field{border:0;margin:0;padding:0;min-width:0}.segmented{display:flex;gap:6px;background:var(--surface-sunk);padding:4px;border-radius:16px;flex-wrap:wrap}.seg-option{flex:1 1 0;min-width:72px;position:relative}.seg-option input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.seg-option span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border-radius:12px;font-weight:600;font-size:.95rem;text-align:center;color:var(--text-2)}.seg-option.is-on span{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.seg-option input:focus-visible+span{outline:3px solid var(--focus);outline-offset:1px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;font-size:.95rem;touch-action:manipulation}.chip.is-on{background:var(--primary-soft);border-color:var(--primary);color:var(--on-primary-soft);font-weight:650}.stepper-row{display:flex;align-items:center;gap:10px}.stepper-value{min-width:7ch;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap);cursor:pointer}.switch{appearance:none;-webkit-appearance:none;flex:none;width:52px;height:32px;border-radius:999px;background:var(--border-strong);position:relative;cursor:pointer;transition:background .2s;margin:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--primary)}.switch:checked:after{transform:translate(20px)}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--sky-soft);font-size:.95rem}.notice .icon{flex:none;margin-top:2px}.notice-warn{background:var(--warn-soft)}.notice-error{background:var(--danger-soft)}.notice-success{background:var(--success-soft)}.notice p:last-child{margin-bottom:0}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + 16px + var(--safe-bottom));z-index:60;width:max-content;max-width:calc(100vw - 32px);background:var(--text);color:var(--bg);padding:12px 18px;border-radius:14px;box-shadow:var(--shadow-lift);font-size:.95rem;display:flex;gap:12px;align-items:center}.toast .btn{min-height:40px;padding:6px 12px}.spinner-wrap{display:flex;gap:10px;align-items:center;justify-content:center;padding:32px 0;color:var(--text-2)}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--primary-soft);border-top-color:var(--primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dialog{border:0;padding:0;border-radius:var(--radius-lg);background:var(--surface);color:var(--text);width:min(92vw,460px);max-height:85dvh;box-shadow:var(--shadow-lift)}.dialog::backdrop{background:#0a100e73}.dialog-body{padding:22px}.dialog-title{font-size:1.2rem}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(10px + var(--safe-top)) var(--gutter) 6px;max-width:1120px;margin:0 auto}.demo-mode .landing-header{padding-top:10px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--text);text-decoration:none}.hero{display:grid;gap:20px;padding:18px 0 8px}.eyebrow{display:inline-block;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.hero h1{font-size:2rem}.hero-lead{font-size:1.08rem;color:var(--text-2)}.hero-visual{display:grid;place-items:center;aspect-ratio:1.4;border-radius:28px;background:radial-gradient(circle at 50% 55%,var(--primary-soft),var(--sky-soft) 70%);overflow:hidden}.hero-orb{width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffc,color-mix(in srgb,var(--primary) 55%,white) 70%);box-shadow:0 0 0 18px color-mix(in srgb,var(--primary) 10%,transparent),0 0 0 40px color-mix(in srgb,var(--primary) 6%,transparent);animation:orb-breathe 10s ease-in-out infinite}@keyframes orb-breathe{0%,to{transform:scale(.82)}40%{transform:scale(1.05)}}.features{display:grid;gap:12px;padding:0;margin:0;list-style:none}.feature h3{margin-bottom:4px}.feature p{margin:0;color:var(--text-2)}.section{padding:28px 0 0}.disclaimer{font-size:.9rem;color:var(--text-2);border-top:1px solid var(--border);padding-top:18px;margin-top:28px}.plan-grid{display:grid;gap:14px}.plan{display:flex;flex-direction:column;gap:10px}.plan-highlight{border:2px solid var(--primary)}.plan-price{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.plan ul{margin:0;padding:0;list-style:none}.plan li{display:flex;gap:8px;align-items:flex-start;padding:3px 0;color:var(--text-2)}.plan li .icon{color:var(--primary);flex:none;margin-top:2px}.home-head{padding:calc(14px + var(--safe-top)) 0 6px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.demo-mode .home-head{padding-top:14px}.home-grid{display:grid;gap:12px}.calm-tile{min-height:132px}.calm-tile .tile-icon{width:64px;height:64px;border-radius:50%}.reason-peek{font-style:italic;color:var(--text)}.plan-chip{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:650;padding:6px 12px;border-radius:999px;background:var(--primary-soft);color:var(--on-primary-soft)}.breathe-stage{position:relative;display:grid;place-items:center;width:min(100%,420px);aspect-ratio:1;margin:8px auto 0}.breathe-ring{position:absolute;inset:4%;border-radius:50%;border:2px dashed color-mix(in srgb,var(--primary) 35%,transparent)}.breathe-orb{width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--sky-soft) 60%,white),color-mix(in srgb,var(--primary) 70%,var(--sky)) 75%);box-shadow:0 10px 40px color-mix(in srgb,var(--primary) 25%,transparent);will-change:transform,opacity;transform:scale(.45)}.breathe-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.breathe-word{font-size:1.7rem;font-weight:800;color:var(--text);text-shadow:0 1px 12px var(--bg)}.breathe-count{font-size:1.1rem;font-variant-numeric:tabular-nums;color:var(--text-2)}.breathe-bar{height:8px;border-radius:99px;background:var(--surface-sunk);overflow:hidden}.breathe-bar>span{display:block;height:100%;background:var(--primary);border-radius:99px}.breathe-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.breathe-off .breathe-word{font-size:2.2rem}.game-layout{display:grid;gap:14px}.game-status{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.95rem;color:var(--text-2)}.game-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.game-toolbar .btn{flex-direction:column;gap:2px;font-size:.8rem;padding:6px 4px;min-height:56px}.board-wrap{display:grid;place-items:center}.paths-board{--cell: calc(min(100vw - 2 * var(--gutter) - 48px, 560px, 62dvh) / var(--cols));display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-auto-rows:var(--cell);gap:0;padding:6px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);position:relative}.paths-row{display:flex;align-items:center;gap:4px}.paths-port{display:flex;flex-direction:column;align-items:center;width:20px;color:var(--primary)}.paths-port-col{display:grid;grid-auto-rows:var(--cell);padding:6px 0}.paths-tile{border:0;padding:0;margin:0;background:transparent;cursor:pointer;touch-action:manipulation;display:grid;place-items:center;border-radius:10px}.paths-tile:hover{background:var(--surface-2)}.paths-tile svg{width:100%;height:100%;transition:transform .18s ease}.pipe{stroke:var(--border-strong)}.lit .pipe,.paths-solved .pipe{stroke:var(--primary)}.hint-flash{animation:hint-pulse 1.2s ease 2}@keyframes hint-pulse{50%{background:var(--sun-soft)}}.memory-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:8px;width:min(100%,var(--max, 520px));margin:0 auto}.mem-card{aspect-ratio:3 / 4;border:0;padding:0;background:transparent;cursor:pointer;perspective:600px;touch-action:manipulation;border-radius:14px;min-height:44px}.mem-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s ease}.mem-card.is-open .mem-inner{transform:rotateY(180deg)}.mem-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mem-back{background:repeating-linear-gradient(45deg,var(--primary) 0 10px,color-mix(in srgb,var(--primary) 85%,white) 10px 20px);box-shadow:var(--shadow)}.mem-front{background:var(--surface);border:1.5px solid var(--border);transform:rotateY(180deg)}.mem-front svg{width:62%;height:62%}.mem-card.is-matched .mem-front{background:var(--primary-soft);border-color:var(--primary)}.shapes-board{--cell: calc(min(100vw - 2 * var(--gutter) - 16px, 520px, 52dvh) / var(--cols));display:grid;grid-template-columns:repeat(var(--cols),var(--cell));grid-auto-rows:var(--cell);padding:6px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.shape-cell{border:0;margin:0;padding:0;background:transparent}.shape-cell.in-board{background:var(--surface-sunk);border-radius:6px;margin:2px;cursor:pointer;touch-action:manipulation}.shape-cell.filled{margin:1px;border-radius:7px;box-shadow:inset 0 -3px #0000001f}.shape-cell.preview{outline:3px dashed var(--primary);outline-offset:-3px}.tray{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0;margin:0;list-style:none}.tray-piece{border:2px solid var(--border);background:var(--surface);border-radius:14px;padding:8px;cursor:pointer;min-width:56px;min-height:56px;display:grid;place-items:center;touch-action:manipulation}.tray-piece.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.mini-piece{display:grid;grid-template-columns:repeat(var(--w),var(--m, 14px));grid-auto-rows:var(--m, 14px);gap:2px}.mini-piece i{border-radius:3px}.mini-piece i.anchor:after{content:"";display:block;width:40%;height:40%;margin:30%;border-radius:50%;background:#ffffffd9}.pc-0{--pc: var(--piece-0)}.pc-1{--pc: var(--piece-1)}.pc-2{--pc: var(--piece-2)}.pc-3{--pc: var(--piece-3)}.pc-4{--pc: var(--piece-4)}.pc-5{--pc: var(--piece-5)}.pc-6{--pc: var(--piece-6)}.pc-7{--pc: var(--piece-7)}.shape-cell.in-board.filled,.mini-piece i.mp-on{background:var(--pc)}.mini-piece i.mp-off{background:transparent}.selected-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.level-btn{min-height:56px;border-radius:14px;border:1.5px solid var(--border-strong);background:var(--surface);font-weight:700;cursor:pointer;display:grid;place-items:center;position:relative}.level-btn.is-done{background:var(--primary-soft);border-color:var(--primary);color:var(--on-primary-soft)}.level-btn.is-current{outline:3px solid var(--sun);outline-offset:1px}.level-btn .icon{position:absolute;top:4px;right:4px;width:14px;height:14px}.win{text-align:center;padding:20px}.win h2{font-size:1.4rem}.reason-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.reason-item{display:flex;gap:8px;align-items:flex-start;padding:12px 8px 12px 16px}.reason-item p{flex:1;margin:10px 0 0;overflow-wrap:anywhere}.day-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;padding:0;margin:0}.day-cell{aspect-ratio:1;min-height:48px;display:grid;place-items:center;border-radius:14px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-3);font-weight:700;text-decoration:none;position:relative}a.day-cell{color:var(--text)}.day-cell.is-done{background:var(--primary-soft);border-color:var(--primary);color:var(--on-primary-soft)}.day-cell.is-next{border:2px solid var(--sun);background:var(--sun-soft);color:var(--text)}.day-cell .icon{position:absolute;bottom:4px;right:4px;width:14px;height:14px}.progress{height:10px;border-radius:99px;background:var(--surface-sunk);overflow:hidden}.progress>span{display:block;height:100%;background:var(--primary)}.step-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;position:sticky;top:calc(56px + var(--safe-top));z-index:10;background:var(--bg);padding:6px 0}.step-tab{min-height:44px;border:0;border-radius:12px;background:var(--surface-sunk);font-weight:650;font-size:.9rem;cursor:pointer;display:flex;gap:4px;align-items:center;justify-content:center}.step-tab[aria-selected=true]{background:var(--primary);color:var(--on-primary)}.figure-box{display:grid;place-items:center;background:var(--surface-2);border-radius:18px;border:1px solid var(--border);padding:8px}.figure-box svg{width:min(100%,300px);height:auto}.quote{margin:0;padding:18px 18px 18px 20px;border-left:4px solid var(--lilac);background:var(--lilac-soft);border-radius:0 18px 18px 0;font-size:1.15rem;line-height:1.5}.quote footer{margin-top:10px;font-size:.92rem;color:var(--text-2)}.kind-tag{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--surface);margin-left:6px}.mood-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.mood-btn{min-height:64px;border-radius:14px;border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.72rem;padding:4px 2px;line-height:1.15;text-align:center}.mood-btn svg{width:26px;height:26px}.mood-btn[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);font-weight:700}details.more{border-radius:14px;background:var(--surface-2);border:1px solid var(--border);padding:4px 14px}details.more summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}.settings-list{list-style:none;padding:0;margin:0}.settings-list>li+li{border-top:1px solid var(--border)}.settings-list>li{padding:14px 0}.kv{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.kv dt{color:var(--text-2)}.kv dd{margin:0;font-weight:650;overflow-wrap:anywhere}.order-row{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--border)}.steps-list li{margin-bottom:6px}@media(min-width:560px){.home-grid{grid-template-columns:1fr 1fr}.home-grid .calm-tile,.home-grid .span-2{grid-column:span 2}.features,.plan-grid{grid-template-columns:1fr 1fr}.day-grid{grid-template-columns:repeat(6,1fr)}.mood-btn{font-size:.8rem}}@media(min-width:900px){:root{--gutter: 28px}body{font-size:17px}.has-tabbar main{padding-bottom:40px}.tabbar{display:none}.toast{bottom:24px}.desk-nav{display:flex;align-items:center;gap:24px;max-width:1120px;width:100%;margin:0 auto;padding:14px var(--gutter)}.desk-nav nav{display:flex;gap:4px;margin-left:auto}.desk-nav nav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border-radius:12px;color:var(--text-2);text-decoration:none;font-weight:600}.desk-nav nav a[aria-current=page]{background:var(--primary-soft);color:var(--on-primary-soft)}.has-desknav .topbar{position:static;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:4px}.has-desknav .home-head{padding-top:8px}.page{max-width:760px}.page-wide{max-width:1120px}h1{font-size:2rem}.hero{grid-template-columns:1.1fr 1fr;align-items:center;padding:40px 0 16px}.hero h1{font-size:2.8rem}.features,.home-grid{grid-template-columns:repeat(4,1fr)}.home-grid .calm-tile{grid-column:span 2;grid-row:span 2;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:280px}.home-grid .calm-tile .tile-icon{width:88px;height:88px}.home-grid .calm-tile .tile-text h2{font-size:1.6rem}.home-grid .calm-tile .tile-chevron{position:absolute;top:20px;right:20px}.home-grid .span-2{grid-column:span 2}.game-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px}.game-side{position:sticky;top:16px;display:grid;gap:14px}.paths-board{--cell: calc(min(640px, 70dvh) / var(--cols))}.shapes-board{--cell: calc(min(600px, 64dvh) / var(--cols))}.memory-grid{--max: 640px}.breathe-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.day-grid{grid-template-columns:repeat(10,1fr)}.journey-day-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after,:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root[data-motion=reduced] .hero-orb,:root[data-motion=off] .hero-orb{animation:none;transform:scale(.95)}:root[data-motion=reduced] .spinner,:root[data-motion=off] .spinner{animation:spin 1.6s linear infinite!important;animation-duration:1.6s!important;animation-iteration-count:infinite!important}@media(forced-colors:active){.btn,.chip,.card,.tray-piece,.level-btn,.day-cell{border:1px solid CanvasText}}.lang-select{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 4px 0 10px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-2)}.lang-select select{border:0;background:transparent;min-height:42px;font-size:.95rem;max-width:9em;color:var(--text);cursor:pointer}.only-mobile{display:inline-flex}.danger-text{color:var(--danger)}.figure{display:block;width:100%;height:auto}.fig-near{stroke:var(--primary)}.fig-far{stroke:color-mix(in srgb,var(--primary) 42%,var(--surface-2))}.fig-head{fill:var(--primary)}.fig-face{fill:var(--surface-2)}.fig-prop{fill:var(--sky)}.figure-static{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:4px;width:100%}.figure-static svg{width:100%}cite{font-style:normal}@media(min-width:900px){.only-mobile{display:none}}.icon{flex:none}@media(max-width:899px){.hero-visual{aspect-ratio:2.2}}@media(max-width:400px){.landing-header .brand span{display:none}}.brand,.lang-select select{min-height:44px}@media(min-width:560px)and (max-width:899px){.home-grid .settings-tile{grid-column:span 2}}.paths-row{--cell: min(calc((min(100vw, 640px) - 2 * var(--gutter) - 68px) / var(--cols)), 84px, calc(56dvh / var(--rows)));align-items:stretch}.paths-row .paths-board{--cell: inherit;gap:4px;padding:8px}.paths-port-col{grid-auto-rows:var(--cell);row-gap:4px;padding:8px 0}.paths-port{justify-content:center}.port-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--primary);color:var(--on-primary)}.paths-tile{background:var(--surface-2);border:1px solid var(--border);overflow:hidden}.paths-tile.lit{background:var(--primary-soft)}.pipe-hub{fill:var(--border-strong)}.lit .pipe-hub,.paths-solved .pipe-hub{fill:var(--primary)}.shapes-board{--cell: min(calc((min(100vw, 640px) - 2 * var(--gutter) - 16px) / var(--cols)), 72px, 50dvh / var(--cols))}.breathe-stage.is-preview{width:min(60%,240px)}.toast .btn{min-height:44px}@media(min-width:900px){.paths-row{--cell: min(calc(600px / var(--cols)), 96px, calc(64dvh / var(--rows)))}.shapes-board{--cell: min(calc(600px / var(--cols)), 84px, calc(62dvh / var(--cols)))}.breathe-stage.is-preview{width:min(100%,380px)}}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.seg-option{min-width:0}.segmented-field{margin:0}.stack-lg>.segmented-field+.segmented-field,.stack-lg>*+.segmented-field{margin-top:20px}@media(max-width:400px){.step-num{display:none}.step-tab{font-size:.85rem}}@media(max-width:420px){.segmented:has(>:nth-child(4)){grid-template-columns:1fr 1fr}}.owned-list,.checklist{list-style:none;padding:0;margin:0;display:grid;gap:6px}.owned-list li,.checklist li{display:flex;gap:8px;align-items:center}.owned-list .icon,.checklist li.is-ok .icon{color:var(--primary)}.checklist li{color:var(--text-2)}.checklist li.is-ok{color:var(--text);font-weight:600}.wait-card{padding:22px 18px}.countdown{margin:0;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.day-cell.is-waiting{border-style:dashed;border-color:var(--border-strong);color:var(--text-2)}.story p{font-size:1.05rem;max-width:60ch}.offer-section .plan{max-width:520px}