@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/josefin-sans-vietnamese-200-normal-CSAHfK9H.woff2) format("woff2"),url(/assets/josefin-sans-vietnamese-200-normal-Cf1DmPby.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/josefin-sans-latin-ext-200-normal-Ds6AwTlt.woff2) format("woff2"),url(/assets/josefin-sans-latin-ext-200-normal-DPSHedZB.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/josefin-sans-latin-200-normal-B1T6NtCP.woff2) format("woff2"),url(/assets/josefin-sans-latin-200-normal-BMLZwDMO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/josefin-sans-vietnamese-300-normal-CYSpmMwP.woff2) format("woff2"),url(/assets/josefin-sans-vietnamese-300-normal-CIl7uc20.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/josefin-sans-latin-ext-300-normal-Bd7KVg_i.woff2) format("woff2"),url(/assets/josefin-sans-latin-ext-300-normal-C3BJt8Gj.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/josefin-sans-latin-300-normal-jK6vcIgA.woff2) format("woff2"),url(/assets/josefin-sans-latin-300-normal-BxpWkS1B.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2) format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2) format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2) format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2) format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dancing-script-vietnamese-700-normal-DHSNEjs8.woff2) format("woff2"),url(/assets/dancing-script-vietnamese-700-normal-BxaLPXNn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dancing-script-latin-ext-700-normal-DuhEb1O2.woff2) format("woff2"),url(/assets/dancing-script-latin-ext-700-normal-vV212RL9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dancing-script-latin-700-normal-CX8AaSVl.woff2) format("woff2"),url(/assets/dancing-script-latin-700-normal-LI5MgW9m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream: #fffaf4;--ink: #3a2e29;--ink-soft: #7a6a62;--line: rgb(58 46 41 / .12);--radius: 18px;--font-ui: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num: "Josefin Sans", "Nunito", system-ui, sans-serif;--shadow: 0 12px 40px rgb(40 25 15 / .18);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--focus, #b8612f) 60%,white);outline-offset:2px}.app{position:relative;height:100%;height:100dvh;overflow:hidden;background:#1c1a24}.stage{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;height:100%}.panel{--pale: color-mix(in srgb, var(--c) 16%, var(--cream));--deep: color-mix(in srgb, var(--c) 72%, #2a1d18);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2.2vh,26px);padding:clamp(120px,18vh,200px) 24px clamp(110px,13vh,150px);overflow:hidden;color:#fff;transition:background-color .9s ease,color .9s ease;isolation:isolate}.mode-palette .panel.is-active.is-light{color:color-mix(in srgb,var(--c) 30%,#2b1d18)}.mode-palette .panel.panel.is-idle{background:var(--pale);background-image:none;color:color-mix(in srgb,var(--c) 78%,#3a2a20)}.panel__label{margin:0;font-family:var(--font-num);font-weight:300;font-size:clamp(18px,2.5vw,34px);letter-spacing:.28em;text-indent:.28em}.panel__ring{position:relative;width:min(42vmin,30vh,330px);aspect-ratio:1;display:grid;place-items:center}.panel__ring .ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg);overflow:visible}.ring-dots,.ring-solid{fill:none;stroke:currentColor;stroke-linecap:round}.ring-dots{stroke-width:1.8;stroke-dasharray:0 1.25;opacity:.8}.ring-solid{stroke-width:3.2;transition:stroke-dasharray .6s linear,stroke-dashoffset .6s linear}.panel__icon{width:46%;height:46%}.panel.is-running .panel__icon{animation:breathe-icon 6s ease-in-out infinite}@keyframes breathe-icon{50%{transform:translateY(-3px) scale(1.02)}}.panel__time{font-family:var(--font-num);font-weight:200;font-size:clamp(56px,min(12.5vw,17vh),200px);line-height:.9;letter-spacing:.01em;font-variant-numeric:tabular-nums;padding-top:.08em}.panel__extra{min-height:74px;display:grid;place-items:center}.panel.is-idle .panel__extra:empty{visibility:hidden}.mode-scene .panel{background:transparent;color:#fff}.mode-scene .panel.is-active{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 22%,transparent),transparent 85%)}.mode-scene .panel.is-idle{color:#fff9;background:#0808101f}.mode-scene .panel__time,.mode-scene .panel__label{text-shadow:0 2px 24px rgb(0 0 0 / .35)}.mode-scene .panel+.panel{border-left:1px solid rgb(255 255 255 / .12)}.topbar{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;pointer-events:none;transition:opacity .6s ease,transform .6s ease}.topbar>*{pointer-events:auto}.brand,.progress-info,.now-chip{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;color:var(--ink);background:#fffaf4c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 18px #28190f14}.brand{padding:0 18px 0 16px}.brand__logo{font-family:Dancing Script,Brush Script MT,cursive;font-size:23px;font-weight:700;line-height:1;letter-spacing:.01em;color:color-mix(in srgb,var(--focus) 70%,#2b1d18);padding-top:2px}.progress-info{position:absolute;left:50%;transform:translate(-50%);font-weight:600}.rounds{display:flex;gap:5px}.rounds i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--focus)}.rounds i.is-done{background:var(--focus)}.rounds i.is-current{background:color-mix(in srgb,var(--focus) 35%,transparent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.25)}}.now-chip{max-width:300px;font-weight:600}.now-chip span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.now-chip.is-on svg{color:var(--focus);animation:pulse 2.4s ease-in-out infinite}.controls{position:absolute;z-index:6;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:8px;border-radius:999px;background:#fffaf4db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);transition:opacity .6s ease,transform .6s ease}.controls-hidden .controls{opacity:0;transform:translate(-50%,24px)}.controls-hidden .topbar .brand,.controls-hidden .topbar .progress-info,.controls-hidden .topbar .now-chip,.controls-hidden:not(.pin-presence) .topbar .presence{opacity:0;transform:translateY(-12px)}.topbar .brand,.topbar .now-chip,.topbar .presence{transition:opacity .6s ease,transform .6s ease}.controls-hidden{cursor:none}.icon-btn{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--ink-soft);transition:background .2s,color .2s,transform .15s}.icon-btn:hover{background:#3a2e2912;color:var(--ink)}.icon-btn:active{transform:scale(.94)}.icon-btn.is-on{color:var(--focus);background:color-mix(in srgb,var(--focus) 14%,transparent)}.icon-btn--sm{width:30px;height:30px}.badge{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:11px;line-height:18px;color:#fff;background:#e0703a}.play-btn{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 26px 0 20px;margin:0 6px;border-radius:999px;font-weight:800;font-size:17px;letter-spacing:.02em;color:#fff;background:var(--focus);transition:transform .15s,background .9s}.phase-break .play-btn{background:color-mix(in srgb,var(--break) 70%,#3a2a20)}.play-btn:hover{transform:translateY(-1px)}.play-btn:active{transform:scale(.97)}.controls__sep{width:1px;height:28px;margin:0 6px;background:var(--line)}.companion{display:flex;align-items:center;gap:18px}.breath{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:1.5px solid currentColor;font-size:11px;font-weight:700;text-align:center;transition:transform 4s ease-in-out,background 4s;transform:scale(.82)}.breath--0{transform:scale(1.12);background:#ffffff2e;transition-duration:4s}.breath--1{transform:scale(1.12);background:#ffffff2e}.breath--2{transform:scale(.82);transition-duration:6s}.companion__tip{margin:0;max-width:220px;font-weight:700;font-size:15px;animation:fade-in .8s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.flow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;animation:fade-in .6s ease}.pill{height:34px;padding:0 14px;border-radius:999px;font-weight:800;font-size:13px;color:#fff;background:#fff3;border:1.5px solid rgb(255 255 255 / .6);transition:background .2s}.pill:hover,.pill.is-on{background:#ffffff59}.toast,.muted-pill{position:absolute;z-index:30;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:999px;font-weight:700;color:var(--ink);background:var(--cream);box-shadow:var(--shadow)}.toast{bottom:104px;animation:fade-in .4s ease}.muted-pill{top:70px;font-size:13px;padding:8px 14px}.pip-body{margin:0;overflow:hidden}.pip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;height:100vh;padding:0 18px;color:#fff;background:var(--c);font-family:var(--font-num)}.pip__progress{position:absolute;inset:auto 0 0 0;height:4px;background:#ffffffb3}.pip__label{position:absolute;top:12px;left:18px;font-size:12px;letter-spacing:.25em}.pip__time{font-size:58px;font-weight:200;font-variant-numeric:tabular-nums;padding-top:18px}.pip__btn{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--c);background:#fff}@media(max-width:760px){.stage{grid-template-columns:1fr;grid-template-rows:1.35fr .65fr}.phase-break .stage{grid-template-rows:.65fr 1.35fr}.panel{padding:64px 16px 12px;gap:6px}.panel__extra{min-height:0}.panel__extra:empty{display:none}.panel.is-idle{flex-direction:row;gap:16px;padding:12px 16px 92px}.phase-break .panel.is-idle{padding:60px 16px 12px}.phase-break .panel.is-active{padding:16px 16px 100px}.panel.is-idle .panel__ring{width:64px}.panel.is-idle .panel__time{font-size:44px}.panel.is-idle .panel__extra{display:none}.panel.is-active .panel__ring{width:min(46vw,26vh)}.panel.is-active .panel__time{font-size:clamp(64px,22vw,120px)}.mode-scene .panel+.panel{border-left:0;border-top:1px solid rgb(255 255 255 / .12)}.topbar{padding:12px}.brand{display:none}.progress-info{position:static;transform:none;font-size:13px;padding:0 12px}.now-chip{max-width:50vw;font-size:13px;padding:0 12px}.controls{gap:0;padding:6px;max-width:calc(100vw - 16px)}.icon-btn{width:40px;height:40px}.play-btn{height:50px;padding:0 16px;margin:0 2px}.play-btn span,.hide-sm,.controls__sep{display:none}.companion__tip{font-size:13px;max-width:160px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.rounds i.is-skipped{border-style:dashed;opacity:.55}.topbar__left{display:flex;align-items:center;gap:10px;min-width:0}.presence{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink);background:#fffaf4b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 18px #28190f14;white-space:nowrap;animation:fade-in .6s ease}.presence__short{display:none}@media(max-width:1100px){.presence__long{display:none}.presence__short{display:inline}}.is-single .stage{grid-template-columns:1fr;grid-template-rows:1fr}.is-single .panel__time{font-size:clamp(64px,min(16vw,19vh),240px)}.is-single .panel__ring{width:min(40vmin,32vh,340px)}.zen-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition:background-color .9s}.is-zen .stage{opacity:0;pointer-events:none;transition:opacity .8s ease}.is-zen .topbar .brand,.is-zen .topbar .progress-info,.is-zen:not(.pin-presence) .topbar .presence{opacity:0;pointer-events:none}.zen-clock{position:absolute;z-index:5;top:18px;left:50%;transform:translate(-50%);display:inline-flex;align-items:baseline;gap:10px;padding:6px 16px;border-radius:999px;color:#fff;background:#0a0a1447;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-num);transition:opacity .6s ease;animation:fade-in .6s ease}.zen-clock span{font-size:11px;letter-spacing:.2em;opacity:.85}.zen-clock strong{font-weight:300;font-size:22px;font-variant-numeric:tabular-nums}.controls-hidden .zen-clock{opacity:0}@media(max-width:760px){.is-single .stage{grid-template-rows:1fr}.is-single .panel.is-active{padding-bottom:110px}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.panel.no-ring .panel__time{font-size:clamp(80px,min(17vw,26vh),260px)}.is-single .panel.no-ring .panel__time{font-size:clamp(90px,min(20vw,30vh),320px)}.panel.no-ring.is-idle .panel__time{font-size:clamp(64px,11vw,170px)}@media(max-width:760px){.panel.no-ring.is-active .panel__time{font-size:clamp(80px,26vw,150px)}}:root[data-script=jp]{--font-ui: "Nunito", "Noto Sans JP", system-ui, sans-serif;--font-num: "Josefin Sans", "Noto Sans JP", system-ui, sans-serif}:root[data-script=kr]{--font-ui: "Nunito", "Noto Sans KR", system-ui, sans-serif;--font-num: "Josefin Sans", "Noto Sans KR", system-ui, sans-serif}:root[data-script=arabic]{--font-ui: "Noto Sans Arabic", "Nunito", system-ui, sans-serif;--font-num: "Josefin Sans", "Noto Sans Arabic", system-ui, sans-serif}:root[data-script=thai]{--font-ui: "Nunito", "Noto Sans Thai", system-ui, sans-serif;--font-num: "Josefin Sans", "Noto Sans Thai", system-ui, sans-serif}:root[data-script=devanagari]{--font-ui: "Nunito", "Noto Sans Devanagari", system-ui, sans-serif;--font-num: "Josefin Sans", "Noto Sans Devanagari", system-ui, sans-serif}:root[lang=ru]{--font-num: "Josefin Sans", "Nunito", system-ui, sans-serif}:root:not([data-script=latin]) .panel__label,:root:not([data-script=latin]) .zen-clock span,:root:not([data-script=latin]) .pip__label{letter-spacing:.04em;text-indent:0}:root[data-script=arabic] .panel__label,:root[data-script=arabic] .zen-clock span{letter-spacing:0}[dir=rtl] .sheet{right:auto;left:12px;transform:translate(calc(-100% - 24px))}[dir=rtl] .sheet.is-open{transform:none}[dir=rtl] .privacy-notice{left:auto;right:18px}[dir=rtl] .channel__remove{right:auto;left:8px}[dir=rtl] .channel__text{padding-right:0;padding-left:24px}[dir=rtl] .photo-card__check{right:auto;left:8px}[dir=rtl] .stepper input,[dir=rtl] .panel__time,[dir=rtl] .zen-clock strong,[dir=rtl] .pip__time{direction:ltr}[dir=rtl] kbd{margin-right:0;margin-left:10px}@media(max-width:760px){[dir=rtl] .sheet{left:0;transform:translateY(100%)}[dir=rtl] .privacy-notice{right:8px;left:8px}}.seo-fallback{display:grid;place-content:center;gap:8px;min-height:100dvh;padding:24px;text-align:center;color:var(--ink);background:var(--cream)}.seo-fallback h1{margin:0;font:700 48px Dancing Script,cursive;color:#b8612f}.seo-fallback p{max-width:560px;margin:0 auto;color:var(--ink-soft)}.seo-fallback a{color:var(--ink-soft)}.notfound{min-height:100vh;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px;padding:32px 16px;text-align:center;color:#fff;background:radial-gradient(120% 80% at 50% 0%,rgb(255 255 255 / .12),transparent 60%),#b8612f}.notfound__ring{width:min(220px,56vw);aspect-ratio:1;border-radius:50%;border:2px solid rgb(255 255 255 / .55);display:grid;place-items:center;margin-bottom:10px}.notfound__ring span{font-family:Josefin Sans,system-ui,sans-serif;font-weight:200;font-size:clamp(52px,15vw,84px);letter-spacing:.04em;line-height:1}.notfound h1{margin:0;font-weight:700;font-size:clamp(22px,5vw,30px)}.notfound p{margin:0;max-width:440px;opacity:.9;line-height:1.55}.notfound__btn{margin-top:10px;padding:12px 26px;border-radius:999px;background:#fff;color:#5a2c12;font-weight:700;text-decoration:none}.notfound__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.notfound__brand{margin-top:28px;font-family:Dancing Script,cursive;font-size:26px;opacity:.85}.pattern-plain{background-color:var(--c);background-image:radial-gradient(120% 90% at 30% 20%,rgb(255 255 255 / .1),transparent 60%)}.pattern-gingham{background-color:var(--c);background-image:linear-gradient(90deg,rgb(255 255 255 / .2) 50%,transparent 50%),linear-gradient(rgb(255 255 255 / .2) 50%,transparent 50%);background-size:52px 52px}.pattern-argyle{background-color:var(--c);background-image:repeating-linear-gradient(120deg,rgb(255 255 255 / .16) 0 1px,transparent 1px 60px),repeating-linear-gradient(60deg,rgb(255 255 255 / .16) 0 1px,transparent 1px 60px),linear-gradient(60deg,rgb(40 10 30 / .14) 25%,transparent 25%,transparent 75%,rgb(40 10 30 / .14) 75%),linear-gradient(120deg,rgb(40 10 30 / .14) 25%,transparent 25%,transparent 75%,rgb(40 10 30 / .14) 75%);background-size:70px 120px}.pattern-stripes{background-color:var(--c);background-image:repeating-linear-gradient(-45deg,rgb(255 255 255 / .13) 0 16px,transparent 16px 34px)}.pattern-dots{background-color:var(--c);background-image:radial-gradient(rgb(255 255 255 / .22) 22%,transparent 24%),radial-gradient(rgb(255 255 255 / .22) 22%,transparent 24%);background-position:0 0,18px 18px;background-size:36px 36px}.mode-palette .panel.is-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.18;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.scene__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene--rainyWindow{background:radial-gradient(70% 45% at 30% 95%,rgb(255 170 90 / .22),transparent 70%),radial-gradient(60% 40% at 80% 90%,rgb(120 170 255 / .18),transparent 70%),linear-gradient(180deg,#0f1726,#1c2a40,#2a3a52)}.scene__bokeh{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(14px)}.scene__bokeh span{position:absolute;border-radius:50%;opacity:.75;animation:bokeh 9s ease-in-out infinite alternate}@keyframes bokeh{to{opacity:.35;transform:translate(8px,-5px) scale(1.12)}}.scene__frost{position:absolute;top:-20%;right:0;bottom:0;left:0;opacity:.35;background-image:repeating-linear-gradient(100deg,transparent 0 18px,rgb(190 210 240 / .18) 18px 19px,transparent 19px 41px),repeating-linear-gradient(97deg,transparent 0 27px,rgb(190 210 240 / .12) 27px 28px,transparent 28px 63px);background-size:100% 240px;animation:rain-fall .9s linear infinite}@keyframes rain-fall{to{background-position:-40px 240px}}.scene--nightCity{background:linear-gradient(180deg,#1d1838,#3b2756 42%,#8a4b6a 68%,#e08e6d 86%,#f2b98b)}.scene__stars{position:absolute;top:0;right:0;bottom:40%;left:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 28% 32%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 44% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 63% 26%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 78% 9%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 90% 34%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 44%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 52% 40%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 35% 6%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 70% 46%,#fff 50%,transparent 51%);animation:twinkle 5s ease-in-out infinite alternate}.scene__stars--dim{opacity:.5}@keyframes twinkle{to{opacity:.55}}.scene__moon{position:absolute;top:12%;right:16%;width:70px;height:70px;border-radius:50%;background:#fbefd9;box-shadow:0 0 60px 18px #fbefd959}.scene__skyline,.scene__trees{position:absolute;inset:auto 0 0 0;width:100%;height:58%}.scene__skyline .window{fill:#ffd38a;opacity:.85;animation:window-flicker 24s steps(1) infinite}@keyframes window-flicker{0%,70%{opacity:.85}71%,86%{opacity:.12}87%{opacity:.85}}.scene--fireplace{background:radial-gradient(55% 45% at 50% 85%,rgb(255 140 60 / .42),transparent 70%),radial-gradient(90% 70% at 50% 100%,rgb(120 50 20 / .5),transparent 75%),linear-gradient(180deg,#1c0f0b,#2e1913 55%,#3a2018);animation:room-glow 3.2s ease-in-out infinite alternate}@keyframes room-glow{to{filter:brightness(1.08)}}.scene__hearth{position:absolute;left:50%;bottom:0;width:min(620px,86vw);height:48%;transform:translate(-50%)}.hearth__mantel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px 8px 0 0;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .22) 0 2px,transparent 2px 30px),repeating-linear-gradient(90deg,rgb(0 0 0 / .16) 0 2px,transparent 2px 60px),linear-gradient(180deg,#5c3022,#3c2017);box-shadow:0 -10px 0 -2px #6d3b2a,0 -14px 30px #ff8c3c26;opacity:.85}.hearth__opening{position:absolute;left:50%;bottom:0;width:60%;height:74%;transform:translate(-50%);border-radius:48% 48% 0 0/30% 30% 0 0;background:radial-gradient(80% 70% at 50% 100%,#3a120a,#120604 75%);overflow:hidden}.hearth__glow{position:absolute;top:10%;right:5%;bottom:18%;left:5%;background:radial-gradient(50% 60% at 50% 100%,rgb(255 160 70 / .8),transparent 70%);animation:glow 2.2s ease-in-out infinite alternate}@keyframes glow{to{opacity:.7;transform:scale(1.05)}}.flame{position:absolute;bottom:31%;left:50%;width:22%;height:58%;border-radius:50% 50% 45% 45%/70% 70% 30% 30%;background:radial-gradient(60% 70% at 50% 85%,#fff4c2,#ffc14d,#ff7a1f 60%,#c8320a00 75%);filter:blur(4px);transform-origin:50% 100%;mix-blend-mode:screen;animation:flicker 1.6s ease-in-out infinite alternate}.flame--1{margin-left:-18%;height:48%;animation-duration:1.3s}.flame--2{margin-left:-11%;width:24%;height:64%}.flame--3{margin-left:-3%;height:52%;animation-duration:1.9s;animation-delay:-.4s}.flame--4{margin-left:-26%;width:16%;height:34%;animation-duration:1.1s;animation-delay:-.8s}@keyframes flicker{0%{transform:scaleY(1) skew(0)}40%{transform:scaleY(1.12) skew(3deg) translate(2px)}70%{transform:scaleY(.92) skew(-2deg)}to{transform:scaleY(1.06) skew(1deg) translate(-2px)}}.hearth__logs{position:absolute;left:18%;right:18%;bottom:24%;height:12%;border-radius:40px;background:linear-gradient(8deg,transparent 45%,#5a2e1c 46% 70%,transparent 71%),linear-gradient(-8deg,transparent 30%,#4a2416 31% 60%,transparent 61%)}.scene--forest{background:linear-gradient(180deg,#1b2c3a,#2f4f4f 45%,#6c8a6a 75%,#a7b88c)}.scene__mist{position:absolute;top:40%;right:-10%;bottom:10%;left:-10%;background:radial-gradient(50% 40% at 50% 60%,rgb(230 240 230 / .25),transparent 70%);filter:blur(20px);animation:mist 30s ease-in-out infinite alternate}@keyframes mist{to{transform:translate(6%)}}.scene__fireflies span{position:absolute;width:5px;height:5px;border-radius:50%;background:#fbf6b8;box-shadow:0 0 14px 5px #f7f1a1bf,0 0 2px 1px #fff;animation:firefly-move 10s ease-in-out infinite alternate,firefly-blink 2.4s ease-in-out infinite alternate}@keyframes firefly-move{to{transform:translate(var(--dx),var(--dy))}}@keyframes firefly-blink{to{opacity:.1}}.swatch-scene--rainyWindow{background:linear-gradient(180deg,#1b2433,#3d4a5e)}.swatch-scene--nightCity{background:linear-gradient(180deg,#1d1838,#8a4b6a 70%,#f2b98b)}.swatch-scene--fireplace{background:radial-gradient(50% 50% at 50% 80%,#ffb14d,#3a2018 70%)}.swatch-scene--forest{background:linear-gradient(180deg,#1b2c3a,#6c8a6a 75%,#a7b88c)}.scene--photo{background:#1a1f2a}.photo{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;background-size:cover;background-position:center;animation:ken-burns 70s ease-in-out infinite alternate;transform-origin:60% 40%}.photo--empty{background:linear-gradient(160deg,#3a4658,#1b2230)}@keyframes ken-burns{0%{transform:scale(1) translate(0)}to{transform:scale(1.09) translate(-1.5%,-1%)}}.photo__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(75% 60% at 50% 45%,rgb(10 15 25 / .32),transparent 78%),linear-gradient(180deg,#0000004d,#00000014 30%,#00000014 65%,#00000061)}.photo__mist{position:absolute;top:35%;right:-30%;bottom:10%;left:-30%;background:radial-gradient(45% 40% at 40% 55%,rgb(255 255 255 / .35),transparent 70%);filter:blur(30px);animation:mist-drift 45s ease-in-out infinite alternate}.photo__mist--2{top:50%;right:-20%;bottom:0;left:-20%;opacity:.7;animation-duration:60s;animation-direction:alternate-reverse}@keyframes mist-drift{to{transform:translate(18%)}}.photo__stars{top:0;right:0;bottom:50%;left:0;opacity:.8;animation-duration:3.5s}.mode-scene .scene--photo~.stage .panel.is-active{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 16%,transparent),transparent 80%)}.mode-scene .scene--photo~.stage .panel.is-idle{color:#ffffffd1;background:#0808101a}.mode-scene .scene--photo~.stage .panel__time,.mode-scene .scene--photo~.stage .panel__label{text-shadow:0 2px 30px rgb(0 0 0 / .45),0 1px 3px rgb(0 0 0 / .25)}.mode-scene .scene--photo~.stage .panel__ring{filter:drop-shadow(0 2px 12px rgb(0 0 0 / .25))}.swatch-photo{background-size:cover;background-position:center}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#140c0840;opacity:0;pointer-events:none;transition:opacity .3s}.scrim.is-open{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:21;top:12px;right:12px;bottom:12px;width:min(440px,calc(100vw - 24px));display:flex;flex-direction:column;border-radius:24px;color:var(--ink);background:var(--cream);box-shadow:0 20px 60px #28190f4d;transform:translate(calc(100% + 24px));transition:transform .38s cubic-bezier(.2,.8,.2,1)}.sheet.is-open{transform:none}.sheet__head{display:flex;align-items:center;gap:8px;padding:14px 14px 10px 18px;border-bottom:1px solid var(--line)}.tabs{display:flex;flex:1;gap:2px;padding:4px;border-radius:999px;background:#3a2e290f}.tabs button{flex:1;height:34px;border-radius:999px;font-size:13px;font-weight:700;color:var(--ink-soft)}.tabs button.is-on{color:var(--ink);background:#fff;box-shadow:0 2px 8px #28190f1a}.sheet__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 18px 28px}.sheet-section h3{margin:22px 0 10px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.sheet-section h3 small{font-weight:600;letter-spacing:0}.hint{margin:8px 0;font-size:13px;color:var(--ink-soft)}.hint--box{margin-top:16px;padding:12px 14px;border-radius:14px;color:var(--ink);background:color-mix(in srgb,var(--focus) 10%,white)}.form-error{margin:8px 0;font-size:13px;font-weight:700;color:#b23a2a}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;background:#fff;border:1.5px solid var(--line);transition:border-color .2s,background .2s}.chip:hover{border-color:color-mix(in srgb,var(--focus) 50%,transparent)}.chip.is-on{color:#fff;background:var(--focus);border-color:var(--focus)}.chip-swatch{width:16px;height:16px;border-radius:5px}.btn{height:40px;padding:0 16px;border-radius:12px;font-weight:800;font-size:14px}.btn--sm{height:32px;padding:0 12px;font-size:13px}.btn--primary{width:100%;height:46px;color:#fff;background:var(--focus)}.btn--primary:disabled{opacity:.6}.btn--ghost{margin-top:10px;color:var(--focus);background:color-mix(in srgb,var(--focus) 10%,white)}.seg{display:flex;gap:2px;padding:4px;border-radius:12px;background:#3a2e290f}.seg button{flex:1;height:34px;border-radius:9px;font-weight:700;font-size:14px;color:var(--ink-soft)}.seg button.is-on{color:var(--ink);background:#fff;box-shadow:0 2px 6px #28190f14}input[type=range]{--v: 50%;width:100%;height:22px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--focus) var(--v),rgb(58 46 41 / .12) var(--v))}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--focus) var(--v),rgb(58 46 41 / .12) var(--v))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid var(--focus);box-shadow:0 2px 6px #28190f33}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--focus)}.channels{display:grid;gap:8px}.channel{position:relative;padding:10px 12px;border-radius:14px;background:#fff;border:1.5px solid var(--line);transition:border-color .2s,background .2s}.channel.is-on{border-color:color-mix(in srgb,var(--focus) 55%,transparent);background:color-mix(in srgb,var(--focus) 6%,white)}.channel__toggle{display:flex;align-items:center;gap:12px;width:100%;text-align:start}.channel__icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;font-size:20px;background:#3a2e290d}.channel__text{display:grid;gap:1px;padding-right:24px}.channel__text small{color:var(--ink-soft);font-size:12px}.channel input[type=range]{margin-top:8px}.channel__remove{position:absolute;top:10px;right:8px}.music-sources{display:grid;grid-template-columns:1fr 1fr;gap:8px}.source{display:grid;gap:2px;padding:12px;border-radius:14px;text-align:start;background:#fff;border:1.5px solid var(--line)}.source small{font-size:12px;color:var(--ink-soft)}.source.is-on{border-color:var(--focus);background:color-mix(in srgb,var(--focus) 8%,white)}.music-controls{margin-top:12px}.now-playing{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;font-size:13px;font-weight:700;color:var(--ink-soft)}.custom-list{display:grid;gap:6px;margin-top:10px}.custom-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:10px;font-size:14px;background:#fff}.toggle-row{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px;font-weight:600;cursor:pointer}.toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;position:relative;width:42px;height:24px;margin:0;border-radius:12px;background:#3a2e292e;transition:background .2s;cursor:pointer}.toggle-row input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s}.toggle-row input:checked{background:var(--focus)}.toggle-row input:checked:after{transform:translate(18px)}.sfx-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sfx-row .btn{margin:0;flex:none}.range-row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:12px;padding:6px 0;font-size:14px;font-weight:600}.num-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.num-field{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:#fff;border:1.5px solid var(--line);font-size:13px;font-weight:700;color:var(--ink-soft)}.num-field small{font-weight:600}.stepper{display:flex;align-items:center}.stepper button{width:30px;height:30px;border-radius:9px;font-size:18px;font-weight:800;background:#3a2e290f}.stepper input{width:100%;min-width:0;border:0;text-align:center;font:300 26px var(--font-num);color:var(--ink);background:transparent;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.shortcuts{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-size:14px}kbd{display:inline-block;min-width:56px;margin-right:10px;padding:2px 8px;border-radius:6px;text-align:center;font:700 12px var(--font-ui);background:#fff;border:1px solid var(--line);border-bottom-width:2px}.theme-grid{display:grid;grid-template-columns:1fr;gap:8px}.theme-card{padding:10px;border-radius:16px;background:#fff;border:1.5px solid var(--line)}.theme-card.is-on{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 15%,transparent)}.theme-card__pick{display:flex;align-items:center;gap:12px;width:100%;text-align:start}.theme-swatch{position:relative;flex:none;width:76px;height:52px;border-radius:12px;overflow:hidden;background-size:26px 26px}.theme-swatch.pattern-argyle{background-size:35px 60px}.theme-swatch i{position:absolute;top:0;right:0;bottom:0;left:50%}.swatch-scene i{opacity:.35}.theme-card__text{display:grid;gap:2px}.theme-card__text small{font-size:12px;color:var(--ink-soft)}.tier{margin-top:10px;font-size:12px;font-weight:700}.tier__row{display:flex;justify-content:space-between}.tier small{display:block;margin-top:4px;color:var(--ink-soft);font-weight:600}.tier__bar{height:6px;margin-top:6px;border-radius:3px;overflow:hidden;background:#3a2e291a}.tier__bar i{display:block;height:100%;border-radius:3px;background:var(--focus)}.custom-theme{display:grid;gap:10px}.color-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:12px;font-size:14px;font-weight:700;background:#fff;border:1.5px solid var(--line)}.color-row input{width:44px;height:30px;padding:0;border:0;border-radius:8px;background:none;cursor:pointer}.auth{display:grid;gap:12px;margin-top:16px}.field{display:grid;gap:4px;font-size:13px;font-weight:700;color:var(--ink-soft)}.field input{height:44px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);font:600 15px var(--font-ui);color:var(--ink);background:#fff}.field input:focus{border-color:var(--focus);outline:none}.field small{font-weight:600}.profile{display:flex;align-items:center;gap:12px;margin-top:16px}.profile>div:nth-child(2){display:grid;flex:1}.profile small{font-size:12px;color:var(--ink-soft)}.avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-weight:800;font-size:20px;color:#fff;background:var(--focus)}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.stat{display:grid;gap:2px;padding:12px;border-radius:14px;background:#fff;border:1.5px solid var(--line)}.stat span,.stat small{font-size:12px;font-weight:700;color:var(--ink-soft)}.stat strong{font:300 32px var(--font-num)}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:120px}.week__day{display:grid;grid-template-rows:1fr auto;gap:6px;text-align:center;font-size:11px;font-weight:700;color:var(--ink-soft)}.week__bar{display:flex;align-items:flex-end;border-radius:8px;overflow:hidden;background:#3a2e290f}.week__bar i{display:block;width:100%;min-height:3px;border-radius:8px 8px 0 0;background:var(--focus)}.theme-stats{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:14px}.theme-stats li{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;background:#fff}.theme-stats li span:last-child{color:var(--ink-soft);font-weight:700}.achievements{display:grid;grid-template-columns:1fr 1fr;gap:8px}.achievement{display:grid;gap:3px;padding:10px 12px;border-radius:14px;font-size:13px;background:#3a2e290a;color:var(--ink-soft)}.achievement small{font-size:11px}.achievement.is-on{color:var(--ink);background:color-mix(in srgb,var(--focus) 12%,white)}@media(max-width:760px){.sheet{top:auto;left:0;right:0;bottom:0;width:100%;height:86dvh;border-radius:24px 24px 0 0;transform:translateY(100%)}.tabs button{font-size:12px}}.photo-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-picker button{aspect-ratio:16 / 10;border-radius:12px;background-size:cover;background-position:center;border:2px solid transparent;box-shadow:inset 0 0 0 1px #00000014}.photo-picker button.is-on{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 20%,transparent)}.photo-picker__upload{font-size:12px;font-weight:800;color:var(--focus);background:color-mix(in srgb,var(--focus) 8%,white);border:1.5px dashed color-mix(in srgb,var(--focus) 45%,transparent)!important}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-card{display:grid;gap:6px}.photo-card__pick{position:relative;display:block;width:100%;aspect-ratio:16 / 11;border-radius:16px;overflow:hidden;text-align:start;box-shadow:0 4px 14px #28190f1f;transition:transform .2s,box-shadow .2s}.photo-card__pick:hover{transform:translateY(-2px);box-shadow:0 8px 22px #28190f2e}.photo-card.is-on .photo-card__pick{box-shadow:0 0 0 3px var(--cream),0 0 0 6px var(--focus),0 8px 22px #28190f2e}.thumb{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.photo-card__pick:hover .thumb img{transform:scale(1.06)}.thumb em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;color:#ffffffe6;padding:4px 10px;border-radius:999px;background:#0000002e}.photo-card__label{position:absolute;inset:auto 0 0 0;display:grid;gap:1px;padding:26px 10px 9px;color:#fff;background:linear-gradient(180deg,transparent,rgb(0 0 0 / .62))}.photo-card__label strong{font-size:13px;line-height:1.2}.photo-card__label small{font-size:11px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-card__check{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:13px;font-weight:800;color:#fff;background:var(--focus);box-shadow:0 2px 6px #00000040}.photo-card .tier{margin-top:0;padding:0 2px}.photo-picker button{position:relative;overflow:hidden}.suggestion{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:10px 12px;border-radius:14px;font-size:13px;background:color-mix(in srgb,var(--focus) 8%,white)}.suggestion .btn{margin:0}.now-on{margin-top:14px;padding:12px 14px 6px;border-radius:16px;background:#fff;border:1.5px solid var(--line)}.now-on__head{display:flex;align-items:center;justify-content:space-between}.now-on__head h3,.now-on__head .btn{margin:0}.now-on .chips{margin-top:10px}.chip--active{padding-right:6px;color:var(--ink);background:color-mix(in srgb,var(--focus) 10%,white);border-color:color-mix(in srgb,var(--focus) 35%,transparent)}.chip--active button{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--ink-soft);background:#3a2e2914}.chip--active button:hover{color:#fff;background:var(--focus)}.mini-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#1c1a24}.mini-scene__inner{position:absolute;top:0;left:0;width:800px;height:550px;transform-origin:0 0}.mini-scene__inner .scene{position:absolute;top:0;right:0;bottom:0;left:0}.guest-card{margin-top:16px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--focus) 8%,white)}.guest-card p{margin:6px 0 0;font-size:13px;color:var(--ink-soft)}.privacy{margin-top:8px;padding-top:4px;border-top:1px solid var(--line)}.privacy__list{display:grid;gap:8px;margin:0 0 6px;padding:0;list-style:none;font-size:13px;color:var(--ink-soft)}.privacy__list strong{color:var(--ink)}.privacy__list code{padding:1px 6px;border-radius:6px;font-size:12px;background:#3a2e2912}.privacy__actions{display:flex;flex-wrap:wrap;gap:8px}.privacy__actions .btn{margin:0}.btn--danger{color:#a1352a;background:#fbe9e6}.privacy-notice{position:absolute;z-index:25;left:18px;bottom:22px;max-width:262px;padding:12px 14px;border-radius:18px;font-size:13px;color:var(--ink);background:var(--cream);box-shadow:var(--shadow);animation:fade-in .5s ease}.privacy-notice p{margin:0 0 10px;color:var(--ink-soft)}.privacy-notice p strong{color:var(--ink)}.privacy-notice__actions{display:flex;gap:8px;justify-content:flex-end}.privacy-notice__actions .btn{margin:0}.privacy-notice__actions .btn--primary{width:auto;height:32px;padding:0 14px;font-size:13px}@media(max-width:1100px){.privacy-notice{bottom:96px;max-width:300px}}@media(max-width:760px){.privacy-notice{left:8px;right:8px;bottom:84px;max-width:none}}.auth__title{margin:4px 0 0;font-size:16px;font-weight:800}.auth__switch{margin:0;text-align:center;font-size:14px;color:var(--ink-soft)}.link-btn{padding:0;font-weight:800;color:var(--focus);text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:color-mix(in srgb,var(--focus) 75%,#000)}.tier small b{color:var(--ink)}.tier-legend{margin-top:14px;padding:10px 14px;border-radius:14px;font-size:13px;background:#fff;border:1.5px solid var(--line)}.tier-legend summary{font-weight:800;cursor:pointer}.tier-legend p{margin:8px 0 6px;color:var(--ink-soft)}.tier-legend ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.tier-legend li{display:flex;justify-content:space-between;font-weight:700}.tier-legend li span:last-child{color:var(--ink-soft)}.photo-grid{grid-auto-flow:row dense}.grid-span{grid-column:1 / -1}.grid-span .suggestion{margin-top:0}.theme-suggest{margin-top:14px}.sound-ask-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:12px;background:#140c0847;animation:fade-in .25s ease}.sound-ask{width:min(400px,100%);padding:18px 18px 16px;border-radius:20px;font-size:15px;color:var(--ink);background:var(--cream);box-shadow:0 20px 60px #28190f59}.sound-ask p{margin:0 0 10px;color:var(--ink-soft)}.sound-ask p strong,.sound-ask p b{color:var(--ink)}.sound-ask__actions{display:flex;gap:8px;justify-content:flex-end}.sound-ask__actions .btn{margin:0}.sound-ask__actions .btn--primary{width:auto;height:32px;padding:0 14px;font-size:13px}.suggestion__on{font-weight:800;color:var(--focus)}.select{width:100%;height:42px;padding:0 12px;border-radius:12px;border:1.5px solid var(--line);font:700 15px var(--font-ui);color:var(--ink);background:#fff;cursor:pointer}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.tour__dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a080680}.tour__spot{position:absolute;border-radius:18px;box-shadow:0 0 0 9999px #0a08068c,0 0 0 3px #ffffffe6;transition:all .3s ease;pointer-events:none}.tour__card{position:absolute;width:320px;max-width:calc(100vw - 24px);padding:16px;border-radius:18px;font-size:14px;color:var(--ink);background:var(--cream);box-shadow:var(--shadow);animation:fade-in .3s ease}.tour__card--center{left:50%;top:50%;transform:translate(-50%,-50%)}.tour__card p{margin:0 0 12px;line-height:1.45}.tour__nav{display:flex;align-items:center;gap:6px}.tour__nav .btn{margin:0}.tour__nav .btn--primary{width:auto;height:34px;padding:0 14px;font-size:13px}.tour__count{margin-inline-end:auto;font-size:12px;font-weight:800;color:var(--ink-soft)}.tour-prompt{max-width:300px}.sheet__foot{padding:10px 18px 14px;border-top:1px solid var(--line);text-align:center;font-size:12px}.sheet__foot a{color:var(--ink-soft);text-decoration:none}.sheet__foot a:hover{color:var(--focus)}