@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/familjen-grotesk-vietnamese-wght-normal.3t0sib2ty5wk8.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/familjen-grotesk-latin-ext-wght-normal.1htirzghtg41r.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/familjen-grotesk-latin-wght-normal.0jhx1jsz-gd9n.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--moss:#3f5b45;--moss-deep:#2f4535;--lichen:#eef1ea;--lichen-2:#e1e7da;--lichen-3:#e6ebe1;--chalk:#f8f9f5;--slate:#23302a;--slate-2:#4b5a50;--muted:#66756a;--faint:#a3ada4;--line:#d5dcd2;--sand:#e7c98a;--sand-ink:#5b4210;--brick:#a6543f;--pebble:#c9d7b9;--pebble-ink:#2b3f2f;--on-moss:#eef1ea;--on-moss-2:#c9d7b9;--focus:#2f6fb0;--radius-pebble:18px 18px 15px 20px;--radius-card:20px;--font:"Familjen Grotesk Variable", "Familjen Grotesk", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--moss:#3d5a44;--moss-deep:#2a3d2f;--lichen:#161d18;--lichen-2:#26302a;--lichen-3:#222b25;--chalk:#1d2620;--slate:#e3e9de;--slate-2:#c2ccbf;--muted:#97a597;--faint:#5d6a60;--line:#2f3a33;--sand:#c9a65c;--sand-ink:#2a1f06;--brick:#d98a74;--pebble:#6f8a6f;--pebble-ink:#0f1a12;--on-moss:#eef1ea;--on-moss-2:#c9d7b9;--focus:#8fbaf0}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--lichen);color:var(--slate);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.page{flex:1;padding:16px 16px 40px}.head{background:var(--moss);color:var(--on-moss);border-radius:0 0 28px 28px;padding:18px 20px 24px}.head-top{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.head-kicker{color:var(--on-moss-2);margin:0;font-size:14px}.head-title{letter-spacing:-.02em;margin:6px 0 0;font-size:30px;font-weight:500;line-height:1.1}.head-sub{color:var(--on-moss-2);margin:8px 0 0;font-size:14px}.back{color:var(--on-moss-2);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:6px;padding:6px 10px 6px 4px;font-size:14px;text-decoration:none;display:inline-flex}.back:hover{color:var(--on-moss)}.pebbles{flex-wrap:wrap;gap:6px;margin-top:16px;padding:0;list-style:none;display:flex}.pebble{background:var(--pebble);height:30px;color:var(--pebble-ink);border-radius:15px 15px 13px 17px;align-items:center;padding:0 11px;font-size:13px;display:inline-flex}.pebble.waiting{border:1px dashed var(--on-moss-2);color:var(--on-moss-2);background:0 0}.pebble.me{box-shadow:inset 0 0 0 2px var(--on-moss)}.pebble.waiting.me{box-shadow:none;border:2px dashed var(--on-moss);color:var(--on-moss)}.section-title{color:var(--slate-2);margin:24px 4px 10px;font-size:15px;font-weight:500}.hint{color:var(--muted);margin:6px 4px 0;font-size:14px}.error{color:var(--brick);margin:8px 4px 0;font-size:14px}.slots{gap:8px;margin:0;padding:0;list-style:none;display:grid}.slot{background:var(--chalk);border-radius:var(--radius-card);padding:12px 12px 12px 10px}.slot-main{align-items:center;gap:12px;display:flex}.day{border-radius:var(--radius-pebble);background:var(--lichen-2);flex-direction:column;flex:none;justify-content:center;align-items:center;width:48px;height:52px;display:flex}.day-num{font-size:19px;font-weight:500;line-height:1}.day-name{color:var(--muted);margin-top:3px;font-size:12px}.time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:28px;line-height:1}.time-sub{color:var(--muted);margin-top:4px;font-size:13px}.new-mark{background:var(--sand);color:var(--sand-ink);vertical-align:2px;border-radius:10px;margin-left:6px;padding:2px 8px;font-size:12px;display:inline-block}.slot.struck{border:1px dashed var(--line);background:0 0}.slot.struck .time{color:var(--faint);text-decoration:line-through;text-decoration-thickness:2px}.slot.struck .day-num,.slot.struck .time-sub{color:var(--faint)}.slot.confirmed{box-shadow:inset 0 0 0 2px var(--moss)}.cal-hint{color:var(--muted);align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.cal-hint .dot{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px}.cal-hint.free .dot{background:var(--moss)}.cal-hint.busy{color:var(--brick)}.cal-hint.busy .dot{background:var(--brick)}.cal-hint.unknown .dot{border:1.5px solid var(--muted);background:0 0}@media (prefers-color-scheme:dark){.cal-hint.free .dot{background:var(--pebble)}}.answer{background:var(--lichen-3);border-radius:15px;flex:none;gap:2px;margin-left:auto;padding:3px;display:flex}.answer button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;display:flex}.answer button:hover{background:var(--lichen-2)}.answer button[aria-pressed=true].yes{background:var(--moss);color:var(--on-moss)}.answer button[aria-pressed=true].maybe{background:var(--sand);color:var(--sand-ink)}.answer button[aria-pressed=true].no{background:var(--brick);color:var(--chalk)}.answer button:disabled{cursor:not-allowed;opacity:.35}.who{flex-wrap:wrap;gap:4px;margin:10px 0 0 60px;padding:0;list-style:none;display:flex}.who li{background:var(--lichen-3);color:var(--muted);border-radius:10px;padding:2px 8px;font-size:12px}.who li.yes{background:var(--pebble);color:var(--pebble-ink)}.who li.maybe{background:color-mix(in srgb, var(--sand) 45%, transparent);color:var(--slate-2)}.who li.no{text-decoration:line-through}.btn{background:var(--slate);min-height:48px;color:var(--lichen);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:progress}.btn.block{width:100%}.btn.moss{background:var(--moss);color:var(--on-moss)}.btn.quiet{background:var(--lichen-2);color:var(--slate)}.btn.small{border-radius:12px;min-height:38px;padding:0 14px;font-size:15px}.field{gap:6px;margin-bottom:14px;display:grid}.field label{color:var(--slate-2);padding-left:4px;font-size:14px}.input{border:1px solid var(--line);background:var(--chalk);border-radius:14px;width:100%;min-height:48px;padding:0 14px}.input:focus{border-color:var(--moss);box-shadow:0 0 0 3px color-mix(in srgb, var(--moss) 25%, transparent);outline:none}.panel{background:var(--chalk);border-radius:var(--radius-card);padding:16px}.row{align-items:end;gap:8px;display:flex}.row>*{flex:1;min-width:0}.choice{gap:6px;display:grid}.choice label{background:var(--chalk);border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.choice label:has(input:checked){border-color:var(--moss);box-shadow:inset 0 0 0 1px var(--moss)}.choice input{accent-color:var(--moss)}.notice{background:var(--pebble);color:var(--pebble-ink);border-radius:var(--radius-card);margin-bottom:12px;padding:14px 16px}.notice.sand{background:var(--sand);color:var(--sand-ink)}.notice p{margin:0}.notice-title{font-weight:500}.sticky-send{background:linear-gradient(to bottom, transparent, var(--lichen) 30%);padding:12px 0 16px;position:sticky;bottom:0}.toast{background:var(--slate);color:var(--lichen);border-radius:14px;padding:10px 16px;font-size:15px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.item{border-radius:var(--radius-card);background:var(--chalk);align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.item:hover{background:color-mix(in srgb, var(--chalk) 70%, var(--lichen-2))}.item-body{flex:1;min-width:0}.item-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:500;overflow:hidden}.item-meta{color:var(--muted);margin:2px 0 0;font-size:14px}.badge{background:var(--sand);color:var(--sand-ink);border-radius:12px;flex:none;padding:4px 10px;font-size:13px}.badge.moss{background:var(--moss);color:var(--on-moss)}.badge.quiet{background:var(--lichen-2);color:var(--slate-2)}.empty{text-align:center;padding:40px 16px}.empty h2{margin:0 0 8px;font-size:22px;font-weight:500}.empty p{color:var(--muted);margin:0 0 20px}.testmode{color:var(--sand-ink);background:var(--sand);border-radius:12px;margin-top:12px;padding:8px 12px;font-size:13px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.foot{justify-content:center;gap:18px;padding:8px 16px 28px;font-size:13px;display:flex}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{color:var(--slate);text-decoration:underline}.doc{max-width:62ch;line-height:1.55}.doc h2{margin:26px 0 8px;font-size:18px;font-weight:500}.doc p,.doc li,.doc dd{color:var(--slate-2);font-size:15px}.doc ul{gap:6px;margin:0;padding-left:20px;display:grid}.doc dt{margin-top:12px;font-weight:500}.doc dd{margin:2px 0 0}.doc a{color:var(--moss)}.slot-panel{position:relative}.slot-remove{position:absolute;top:10px;right:10px}.slot-editor{border:0;min-width:0;margin:0;padding:0}.slot-editor-top{justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:12px;display:flex}.slot-panel:has(.slot-remove) .slot-editor-top{padding-right:56px}.slot-editor legend{float:left;color:var(--slate-2);padding:0 4px;font-size:15px;font-weight:500}.slot-editor-grid{grid-template-columns:1.3fr 1fr;gap:10px;display:grid}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:15px;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch span{background:var(--lichen-2);border-radius:13px;flex:none;width:42px;height:26px;transition:background-color .15s;position:relative}.switch span:after{content:"";background:var(--chalk);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch input:checked+span{background:var(--moss)}.switch input:checked+span:after{transform:translate(16px)}.switch input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.segmented{background:var(--lichen-2);border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;padding:4px;display:grid}.segmented button{min-height:44px;color:var(--slate-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0 10px;font-size:15px}.segmented button.on{background:var(--chalk);color:var(--slate);font-weight:600;box-shadow:0 1px 2px #0000001f}.segmented button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.timefield,.timefield-box{position:relative}.timefield-box .input{font-variant-numeric:tabular-nums;padding-right:44px}.timefield-btn{width:38px;height:38px;color:var(--moss);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.timefield-btn:hover{background:var(--lichen-3)}.input[aria-invalid=true]{border-color:var(--brick);box-shadow:0 0 0 3px color-mix(in srgb, var(--brick) 20%, transparent)}.dial{z-index:30;background:var(--chalk);box-shadow:0 16px 40px -12px #141e1859, 0 0 0 1px var(--line);border-radius:20px;padding:14px;position:absolute;top:calc(100% + 6px);right:0}.dial-head{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:4px;margin-bottom:10px;font-size:34px;display:flex}.dial-head button{font:inherit;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:2px 8px}.dial-head button.on{color:var(--moss);background:var(--lichen-3)}.dial-face{background:var(--lichen-3);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;margin:0 auto;position:relative}.dial-step{text-align:center;color:var(--muted);margin:-4px 0 10px;font-size:13px}.dial-knob{fill:color-mix(in srgb, var(--moss) 22%, transparent)}.dial-hand{pointer-events:none;position:absolute;inset:0}.dial-hand line{stroke:var(--moss);stroke-width:2px}.dial-hand circle{fill:var(--moss)}.dial-num{width:38px;height:38px;font:inherit;color:var(--slate);font-variant-numeric:tabular-nums;pointer-events:none;background:0 0;border:0;border-radius:50%;font-size:16px;position:absolute;transform:translate(-50%,-50%)}.dial-num.inner{color:var(--slate-2);width:34px;height:34px;font-size:14px}.dial-num.on{background:var(--moss);color:var(--on-moss)}.dial-num:focus-visible{outline:3px solid var(--focus)}.dial-foot{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.duration{margin-top:16px}.duration-head{color:var(--slate-2);justify-content:space-between;align-items:baseline;padding:0 4px;font-size:14px;display:flex}.duration-head output{color:var(--slate);font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.duration input[type=range]{width:100%;accent-color:var(--moss);height:28px;margin:10px 0 8px}.duration-quick{flex-wrap:wrap;gap:6px;display:flex}.duration-quick button{border:1px solid var(--line);color:var(--slate-2);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:6px 10px;font-size:13px}.duration-quick button:hover{background:var(--lichen-3)}.duration-quick button.on{background:var(--moss);border-color:var(--moss);color:var(--on-moss)}@media (max-width:640px){.dial{width:min(320px,100vw - 24px);position:fixed;inset:auto auto 12px 50%;transform:translate(-50%)}}.head-home{text-decoration:none}.head-home:hover{color:var(--on-moss);text-underline-offset:3px;text-decoration:underline}