@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");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{--ink: #2a2238;--muted: #6e6580;--bg: #faf7fb;--surface: #ffffff;--line: rgb(42 34 56 / .1);--gold: #e9a23b;--gold-deep: #b9761a;--rose: #e77a8f;--sky: #b9c8e6;--night: #3b3256;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-lg: 20px;--radius-md: 12px;--tabbar-h: 64px;--font-display: "Bricolage Grotesque Variable", system-ui, sans-serif;--font-body: "Figtree Variable", system-ui, sans-serif;--shadow-soft: 0 1px 2px rgb(42 34 56 / .06), 0 4px 16px rgb(42 34 56 / .06);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;font-synthesis:none}h1,h2,h3{font-family:var(--font-display);line-height:1.15;margin:0;text-wrap:balance;font-weight:650}h1{font-size:2rem;letter-spacing:-.02em}h2{font-size:1.3rem;letter-spacing:-.01em}h3{font-size:1.05rem}p{margin:0;text-wrap:pretty}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{max-width:30rem;margin:0 auto;padding:var(--space-6) 20px calc(var(--tabbar-h) + var(--space-7) + env(safe-area-inset-bottom))}.stack>*+*{margin-top:var(--space-6)}.section-title{margin-bottom:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border:0;border-radius:999px;font:600 1rem var(--font-body);background:var(--ink);color:#fff;text-decoration:none;cursor:pointer;transition:transform .14s ease-out,background-color .14s ease-out}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-gold{background:var(--gold);color:var(--ink)}.btn-quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-block{width:100%}.link-btn{background:none;border:0;padding:var(--space-2) 0;min-height:44px;font:600 1rem var(--font-body);color:var(--ink);text-decoration:underline;cursor:pointer}.field{display:block}.field-label{display:block;font-weight:600;margin-bottom:var(--space-2)}.input{width:100%;min-height:52px;padding:0 var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:400 1.1rem var(--font-body)}.input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e9a23b40}.input-code{font:600 1.75rem var(--font-display);letter-spacing:.4em;text-align:center}.error{color:#b3261e;font-weight:500;margin-top:var(--space-2)}.tabbar{position:fixed;inset:auto 0 0 0;z-index:10;display:flex;justify-content:center;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar-inner{display:flex;width:100%;max-width:30rem}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--tabbar-h);color:var(--muted);text-decoration:none;font-size:.8rem;font-weight:600}.tab svg{width:24px;height:24px}.tab[aria-current=page]{color:var(--ink)}.tab[aria-current=page] svg{color:var(--gold-deep)}.greeting p{margin-top:var(--space-2);font-size:1.05rem}.next-visit{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-4) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-visit-date{flex:none;width:56px;text-align:center;font-family:var(--font-display);line-height:1.1}.next-visit-date b{display:block;font-size:1.6rem}.next-visit-date span{font-size:.85rem;color:var(--muted)}.member-line{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.member-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);flex:none}.package{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.package-body{padding:var(--space-4) 20px 20px}.package-name{font-size:1.15rem}.package-meta{font-size:.9rem;margin-top:var(--space-1)}.parts{list-style:none;margin:var(--space-4) 0 0;padding:0}.part{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-3);align-items:center;padding:var(--space-3) 0;border-top:1px solid var(--line)}.part-count{font-weight:600}.part-bar{grid-column:1 / -1;height:6px;border-radius:3px;background:#2a223814;overflow:hidden}.part-bar>span{display:block;height:100%;border-radius:inherit;background:var(--gold)}.milestone{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:#e9a23b24}.milestone p{margin:var(--space-1) 0 var(--space-3)}.photo-strip{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.photo-strip figure{margin:0}.photo-strip figcaption{font-size:.85rem;color:var(--muted);margin-top:var(--space-1)}.thumb{aspect-ratio:3 / 4;width:100%;border-radius:var(--radius-md);object-fit:cover;display:block;background:var(--sky)}.guide-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:64px;padding:var(--space-4) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none}.chev{width:20px;height:20px;flex:none;color:var(--muted)}.sunarc{display:block;width:100%;height:auto}.sunarc-count{font-family:var(--font-display);font-variant-numeric:tabular-nums}.photo-set+.photo-set{margin-top:var(--space-7)}.photo-set-head{margin-bottom:var(--space-3)}.ba{position:relative;aspect-ratio:3 / 4;width:100%;border-radius:var(--radius-lg);overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:var(--sky)}.ba img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba-after{clip-path:inset(0 0 0 var(--pos))}.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #2a223826;pointer-events:none}.ba-handle:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a2238' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E") center / 22px no-repeat;box-shadow:var(--shadow-soft)}.ba-tag{position:absolute;top:var(--space-3);padding:2px 10px;border-radius:999px;background:#2a223899;color:#fff;font-size:.8rem;font-weight:600;pointer-events:none}.ba-tag.before{left:var(--space-3)}.ba-tag.after{right:var(--space-3)}.ba input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize}.share-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-3);padding:var(--space-3) 0}.share-row p{font-size:.9rem}.switch{flex:none;position:relative;width:52px;height:32px;border-radius:999px;border:0;background:#2a223833;cursor:pointer;transition:background-color .2s ease-out}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #2a22384d;transition:transform .2s ease-out}.switch[aria-checked=true]{background:var(--gold)}.switch[aria-checked=true]:after{transform:translate(20px)}.stages{list-style:none;padding:0;margin:0;counter-reset:stage}.stage{position:relative;padding:0 0 var(--space-6) 44px}.stage:before{counter-increment:stage;content:counter(stage);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font:650 .95rem var(--font-display)}.stage:not(:last-child):after{content:"";position:absolute;left:14px;top:34px;bottom:6px;width:2px;background:var(--line)}.stage h3{margin:3px 0 var(--space-2)}.stage ul{margin:0;padding-left:1.1em}.stage li+li{margin-top:var(--space-1)}.back{display:inline-flex;align-items:center;gap:var(--space-1);min-height:44px;text-decoration:none;font-weight:600;margin-bottom:var(--space-3)}.login{min-height:100dvh;display:flex;flex-direction:column}.login-sky{position:relative;height:34vh;min-height:200px;background:linear-gradient(180deg,var(--sky) 0%,#e9c7d6 55%,#f5c98f 100%);overflow:hidden}.login-sun{position:absolute;left:50%;bottom:-48px;width:128px;height:128px;margin-left:-64px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 18px #e9a23b2e,0 0 0 44px #e9a23b1a}.login-body{flex:1;width:100%;max-width:30rem;margin:0 auto;padding:var(--space-6) 20px var(--space-7)}.login-body h1{margin-bottom:var(--space-2)}.login-form{margin-top:var(--space-5);display:grid;gap:var(--space-4)}.install{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line)}.install summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;font-weight:600;cursor:pointer;list-style:none}.install summary::-webkit-details-marker{display:none}.install summary:after{content:"+";font:400 1.5rem var(--font-body);color:var(--muted)}.install[open] summary:after{content:"–"}.install ol{margin:var(--space-2) 0 0;padding-left:1.2em}.install li+li{margin-top:var(--space-1)}.demo-flag{position:fixed;top:8px;right:8px;z-index:20;padding:2px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:.75rem;font-weight:600;opacity:.8;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}