:root{--kolam: #fbfaf6;--kolam-2: #f1efe7;--ink: #1f3b40;--ink-soft: #5a6f72;--line: rgba(31, 59, 64, .12);--marigold: #e7a13a;--marigold-ink: #7a4a0c;--jasmine: #6e9b7b;--danger: #b24a3c;--shadow: 0 10px 30px -12px rgba(31, 59, 64, .35), 0 2px 6px rgba(31, 59, 64, .08);--font: ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI Variable Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gutter: 16px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#e8e3d2}body{font-family:var(--font);color:var(--ink);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2.5px solid var(--marigold);outline-offset:2px}#stage{position:fixed;inset:0}#stage canvas{display:block;width:100%;height:100%}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.topbar{pointer-events:none}#boot{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#f6f1e4;transition:opacity .9s ease}#boot.gone{opacity:0;pointer-events:none}.boot-mark{display:grid;justify-items:center;gap:14px}.boot-word{font-size:34px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.boot-steps{display:flex;gap:10px}.boot-steps span{width:9px;height:13px;border-radius:50% 50% 45% 45%;background:var(--marigold);opacity:.25;animation:step 1.6s ease-in-out infinite}.boot-steps span:nth-child(2){animation-delay:.4s;transform:translateY(5px)}.boot-steps span:nth-child(3){animation-delay:.8s}.boot-steps span:nth-child(4){animation-delay:1.2s;transform:translateY(5px)}@keyframes step{0%,to{opacity:.2}40%{opacity:1}}.boot-error{max-width:34ch;text-align:center;color:var(--ink-soft)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;gap:12px;padding:calc(env(safe-area-inset-top) + 12px) var(--gutter) 0;pointer-events:none}.topbar>*{pointer-events:auto}.brand{font-weight:700;font-size:19px;letter-spacing:-.01em;padding:10px 2px;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.7)}.dock{display:flex;gap:10px;flex:1;justify-content:center}.actions{display:flex;gap:8px}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--kolam);box-shadow:var(--shadow);color:var(--ink)}.icon-btn:active{transform:scale(.96)}.dock-item,.dock-add{position:relative;width:52px;height:52px;padding:0;border:0;background:transparent;border-radius:50%;display:grid;place-items:center}.dock-item .ring{position:absolute;inset:0;width:100%;height:100%}.dock-item .ring circle{stroke:var(--marigold);transition:stroke-dashoffset .25s linear}.dock-item .avatar{box-shadow:0 0 0 3px var(--kolam),var(--shadow);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.dock-item:not(.active) .avatar{transform:scale(.82)}.dock-name{position:absolute;top:56px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;white-space:nowrap;padding:1px 8px;border-radius:999px;background:var(--kolam);box-shadow:0 2px 8px -2px #1f3b4040;opacity:0;transition:opacity .3s}.dock-item.active .dock-name{opacity:1}.dock-add .avatar,.dock-add span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1.5px dashed rgba(31,59,64,.35);background:#fbfaf6bf;font-size:22px;font-weight:500;color:var(--ink-soft)}.avatar{--size: 40px;position:relative;width:var(--size);height:var(--size);border-radius:50%;background:var(--top);overflow:hidden;display:block;flex:none}.avatar-lg{--size: 48px}.avatar-face{position:absolute;left:50%;top:18%;width:54%;height:54%;transform:translate(-50%);border-radius:50%;background:var(--skin)}.avatar-face:before{content:"";position:absolute;inset:-6% -8% 52%;border-radius:50% 50% 30% 30%;background:var(--hair)}.avatar-face:after{content:"";position:absolute;top:56%;left:30%;width:40%;height:9%;background:radial-gradient(circle,#2b2a33 45%,transparent 50%) left / 22% 100% no-repeat,radial-gradient(circle,#2b2a33 45%,transparent 50%) right / 22% 100% no-repeat}.trip{position:absolute;left:var(--gutter);right:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + var(--gutter));max-width:400px;background:var(--kolam);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow)}.trip[hidden]{display:none}.trip-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.trip-title .who{margin:0;font-size:13px;color:var(--ink-soft)}.trip-title h2{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.01em;font-weight:700}.progress{height:6px;border-radius:999px;background:var(--kolam-2);overflow:hidden}.progress-fill{display:block;height:100%;width:100%;background:var(--marigold);border-radius:inherit;transform-origin:left center;transform:scaleX(0);transition:transform .25s linear}.trip-meta{display:flex;justify-content:space-between;gap:12px;margin:8px 0 14px;font-size:13px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.trip-actions{display:flex;gap:10px;align-items:center;justify-content:space-between}.segmented{display:inline-flex;padding:3px;border-radius:999px;background:var(--kolam-2)}.seg{min-width:52px;height:38px;border:0;border-radius:999px;background:transparent;font-weight:600;color:var(--ink-soft);font-variant-numeric:tabular-nums;transition:background .2s,color .2s}.seg.on{background:var(--kolam);color:var(--ink);box-shadow:0 1px 4px #1f3b4026}.btn{height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--kolam);font-weight:600;color:var(--ink)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fbfaf6}.btn.quiet{background:transparent}.btn.danger{color:var(--danger);border-color:#b24a3c4d}.btn.wide{width:100%;margin-top:16px;height:48px}.btn:not(:disabled):active{transform:scale(.98)}.plan{display:grid;gap:10px}.plan .btn.primary{margin-top:4px;height:48px}.field{display:grid;gap:4px}.field-label{font-size:13px;font-weight:600;color:var(--ink-soft)}.fixed-from{margin:0;height:44px;display:flex;align-items:center;padding:0 14px;border-radius:14px;background:var(--kolam-2);color:var(--ink)}.search{position:relative}.search-input,.text-input{width:100%;height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:#fff;font-size:16px}.search-input:focus,.text-input:focus{outline:none;border-color:var(--marigold);box-shadow:0 0 0 3px #e7a13a40}.search-list{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:5;margin:0;padding:6px;list-style:none;max-height:min(46vh,320px);overflow:auto;background:var(--kolam);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.opt{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;cursor:pointer}.opt.active,.opt:hover{background:var(--kolam-2)}.opt.empty{color:var(--ink-soft);cursor:default}.opt-icon{width:22px;text-align:center}.toast{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 92px);transform:translate(-50%,-8px);opacity:0;background:var(--ink);color:#fbfaf6;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:500;max-width:calc(100% - 32px);text-align:center;transition:opacity .3s,transform .3s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.banner{position:absolute;inset:0;z-index:40;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;background:#f6f1e4e0;text-align:center}.banner[hidden]{display:none}.banner p{max-width:32ch;margin:0;font-size:17px}.scrim{position:fixed;inset:0;z-index:30;display:grid;align-items:end;justify-items:center;background:#1f3b4047;animation:fade .25s ease}.modal{width:100%;max-width:520px;max-height:92vh;overflow:auto;background:var(--kolam);border-radius:24px 24px 0 0;padding:18px var(--gutter) calc(env(safe-area-inset-bottom) + 20px);box-shadow:var(--shadow);animation:rise .35s cubic-bezier(.2,.8,.2,1)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal-head h2{margin:0;font-size:22px;letter-spacing:-.01em}.modal .icon-btn{box-shadow:none}.lede{margin:0 0 14px;color:var(--ink-soft);max-width:46ch}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:14px}.pick{display:grid;justify-items:start;gap:6px;text-align:left;padding:12px;border-radius:18px;border:1.5px solid var(--line);background:#fff;transition:border-color .2s,background .2s}.pick.on{border-color:var(--marigold);background:#fff8ec}.pick-name{font-weight:700}.pick-blurb{font-size:13px;color:var(--ink-soft);line-height:1.35}.setting-group{display:grid;gap:8px;margin:14px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}.setting-row>span{display:grid;gap:2px}.hint{font-size:13px;color:var(--ink-soft);margin:0}.row{display:flex;flex-wrap:wrap;gap:10px}.danger-zone{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.switch{appearance:none;-webkit-appearance:none;flex:none;width:48px;height:28px;border-radius:999px;background:#d9d5c8;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.switch:checked{background:var(--jasmine)}.switch:checked:after{transform:translate(20px)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(24px);opacity:0}}@media(min-width:760px){:root{--gutter: 24px}.dock{justify-content:flex-start;padding-left:12px}.trip{right:auto;width:380px}.scrim{align-items:center}.modal{border-radius:24px;padding-bottom:22px}}@media(max-width:360px){.brand{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.place-label,.chip{position:absolute;left:0;top:0;will-change:transform;white-space:nowrap}.place-label{pointer-events:none!important;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#fbfaf6eb;color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.2;box-shadow:0 4px 14px -6px #1f3b4066;border:1px solid var(--line);margin-top:-6px}.pl-icon{font-size:13px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;border:0;background:var(--kolam);color:var(--ink);font-size:12.5px;line-height:1.2;cursor:pointer;box-shadow:0 6px 18px -8px #1f3b4080,0 0 0 1px var(--line);margin-top:-8px;transition:box-shadow .2s}.chip.active{box-shadow:0 6px 18px -8px #1f3b4080,0 0 0 2px var(--marigold)}.chip-dot{width:18px;height:18px;border-radius:50%;background:var(--top);box-shadow:inset 0 -5px 0 0 var(--skin);flex:none}.chip-text{font-weight:700}.chip-meta{color:var(--ink-soft);font-variant-numeric:tabular-nums}.chip-arrow{display:none;color:var(--marigold);font-size:12px}.chip.offscreen .chip-arrow{display:inline-block}.goal{position:relative;width:44px;height:44px;border-radius:50%;padding:0;border:1px solid var(--line);background:var(--kolam);box-shadow:var(--shadow);display:grid;place-items:center;flex:none}.goal .ring{position:absolute;inset:0;width:100%;height:100%}.goal .ring circle{stroke:var(--marigold)}.goal-icon{font-size:15px;line-height:1;margin-top:-6px;filter:grayscale(.85);opacity:.6}.goal.done .goal-icon{filter:none;opacity:1}.goal-streak{position:absolute;bottom:6px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.icon-btn.small{width:40px;height:40px;box-shadow:none;flex:none}.trip.min{cursor:pointer}.trip-head .trip-title{flex:1;min-width:0}.trip-title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-btn{position:relative;padding:0;border:0;background:none;border-radius:50%;flex:none}.lv{position:absolute;right:-4px;bottom:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--marigold);color:#2a1a00;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px var(--kolam)}.motion{display:flex;gap:8px;flex-wrap:wrap}.trip-actions{flex-wrap:wrap}.status{margin:-6px 0 12px;font-size:13px;font-weight:600;color:var(--jasmine);min-height:0}.status:empty{display:none}.status.waiting{color:#b24a3c}.trip.min{padding:8px;width:auto;max-width:min(400px,calc(100% - 2 * var(--gutter)))}.pill{display:flex;align-items:center;gap:10px;cursor:pointer}.pill .avatar{--size: 32px}.pill-text{flex:1;min-width:0;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.pick.locked{opacity:.55}.pick.locked .avatar{filter:grayscale(1)}.level-row{display:flex;align-items:center;gap:16px;margin:4px 0 14px}.level-ring{position:relative;width:72px;height:72px;display:grid;place-items:center;flex:none}.level-ring .ring{position:absolute;inset:0;width:100%;height:100%}.level-ring .ring circle{stroke:var(--marigold)}.level-n{margin:0;font-size:20px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{background:var(--kolam-2);border-radius:14px;padding:10px 12px;display:grid;gap:2px;min-width:0}.stat-v{font-weight:700;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-l{font-size:12px;color:var(--ink-soft)}.sub{margin:18px 0 8px;font-size:15px}.stamps{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.stamp{display:grid;justify-items:center;gap:4px;padding:10px 6px;border-radius:14px;text-align:center;border:1.5px dashed rgba(31,59,64,.2);font-size:22px;opacity:.45;filter:grayscale(1)}.stamp.on{opacity:1;filter:none;border-style:solid;border-color:var(--marigold);background:#fff8ec}.stamp-n{font-size:11px;line-height:1.2;color:var(--ink)}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.badge{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:8px 10px;border-radius:14px;background:var(--kolam-2);opacity:.6}.badge.on{opacity:1;background:#fff8ec;box-shadow:inset 0 0 0 1.5px var(--marigold)}.badge-i{grid-row:span 2;font-size:22px;width:28px;text-align:center}.badge-n{font-weight:700;font-size:13px}.badge-h{font-size:11.5px;color:var(--ink-soft)}.outfits{display:flex;gap:8px;flex-wrap:wrap}.outfit{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 6px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:600;font-size:13px}.outfit.on{border-color:var(--marigold);background:#fff8ec}.outfit.locked{opacity:.5}.swatch{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;height:120px;margin:8px 0 4px}.day{display:grid;grid-template-rows:1fr auto;gap:6px;height:100%;justify-items:center}.day-bar{width:100%;max-width:30px;align-self:end;height:max(4px,var(--p) * 100%);background:var(--kolam-2);border-radius:8px;box-shadow:inset 0 0 0 1px var(--line)}.day.done .day-bar{background:var(--marigold);box-shadow:none}.day-l{font-size:12px;color:var(--ink-soft)}@media(max-width:520px){.brand{display:none}.actions{gap:6px}.icon-btn,.goal{width:40px;height:40px}.dock{justify-content:flex-start;gap:6px}.dock-item,.dock-add{width:46px;height:46px}.dock-name{top:50px}.motion .seg{min-width:42px;height:34px;padding:0 8px;font-size:14px}.motion{gap:6px}.trip{padding:12px}.trip-head{margin-bottom:8px}.trip-title h2{font-size:18px}.trip-meta{margin:6px 0 10px}.trip-actions{flex-wrap:nowrap;gap:6px}.trip-actions .btn{height:40px;padding:0 12px;font-size:14px;white-space:nowrap}.avatar-lg{--size: 42px}}.history{list-style:none;margin:0;padding:0;display:grid;gap:6px}.history li{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:var(--kolam-2)}.hist-route{font-weight:700;font-size:14px;display:flex;gap:8px;align-items:center}.hist-tag{font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;background:#f6e1dc;color:var(--danger)}.hist-meta{font-size:12.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums}.day{grid-template-rows:auto 1fr auto}.day-steps{font-size:10.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums;min-height:14px}.week{height:140px}.slider{width:100%;accent-color:var(--marigold);height:32px}.credit{position:absolute;right:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + 10px);font-size:11.5px;color:#1f3b408c;letter-spacing:.01em;padding:3px 10px;border-radius:999px;background:#fbfaf6b8;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.credit .heart{color:#c8423b;font-size:11px}.credit a{color:#1f3b40cc;font-weight:600;text-decoration:underline;text-decoration-color:#e7a13acc;text-underline-offset:2px}.credit a:hover{color:var(--ink)}@media(max-width:759px){.credit{left:0;right:0;margin:0 auto;width:max-content;bottom:calc(env(safe-area-inset-bottom) + 4px);padding:2px 10px}.trip{bottom:calc(env(safe-area-inset-bottom) + 28px)}}.search-list{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.opt{touch-action:pan-y;user-select:none;-webkit-user-select:none}