:root{--bg-top: #0a1120;--bg-bottom: #0b1a2e;--panel: rgba(150, 180, 225, .06);--panel-strong: rgba(150, 180, 225, .1);--border: rgba(150, 180, 225, .14);--border-strong: rgba(150, 180, 225, .28);--text: #eaf1fb;--muted: #90a4c4;--accent: #38bdf8;--accent-2: #2dd4bf;--accent-3: #fbbf24;--mine: #34d399;--danger: #fb7185;--radius: 16px;--radius-sm: 10px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--tap: 44px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:var(--bg-top);min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em}.muted{color:var(--muted)}.fleet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(165deg,var(--bg-top),var(--bg-bottom) 60%,#0a1526)}.fleet-bg-grid{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:radial-gradient(rgba(150,180,225,.16) 1px,transparent 1.4px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 50% 12%,#000 0%,transparent 72%);mask-image:radial-gradient(circle at 50% 12%,#000 0%,transparent 72%);opacity:.5}.fleet-bg-glow{position:absolute;top:-18vh;left:50%;transform:translate(-50%);width:120vw;height:70vh;background:radial-gradient(ellipse at center,rgba(56,189,248,.16),rgba(45,212,191,.06) 40%,transparent 70%);filter:blur(10px)}.fleet-plane{position:absolute;left:-12vw;width:46px;height:46px;fill:#bcd6f5;transform:scale(var(--plane-scale, 1));animation-name:fleet-fly;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fleet-fly{0%{transform:translate(0) translateY(0) scale(var(--plane-scale, 1))}to{transform:translate(128vw) translateY(-6vh) scale(var(--plane-scale, 1))}}@media (prefers-reduced-motion: reduce){.fleet-plane{animation:none}}.app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}.content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:20px 16px 40px}.footer{text-align:center;padding:18px;color:var(--muted);font-size:13px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.loading{text-align:center;color:var(--muted);padding:60px 0}.brand-mark{color:var(--accent);filter:drop-shadow(0 0 10px rgba(56,189,248,.5))}.header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0a1120b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-.01em}.header-title{font-size:18px}.header-me{display:flex;align-items:center;gap:10px}.header-name{font-weight:600;font-size:15px;max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:16px;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;gap:10px}.banner.error{background:#fb718524;border:1px solid rgba(251,113,133,.4);color:#ffd9df}.banner-dismiss{opacity:.6}.avatar{display:inline-block;border-radius:50%;overflow:hidden;background:var(--panel-strong);flex:none;line-height:0}.avatar svg{display:block;width:100%;height:100%}.welcome-head{text-align:center;margin:18px 0 26px}.brand{font-size:clamp(34px,9vw,54px);display:inline-flex;align-items:center;gap:12px}.tagline{color:var(--muted);margin:8px 0 0;font-size:16px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px}.person-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:transform .14s ease,border-color .14s ease,background .14s ease}.person-card:hover:not(:disabled){transform:translateY(-3px);border-color:var(--border-strong);background:var(--panel-strong)}.person-card:active:not(:disabled){transform:translateY(-1px) scale(.99)}.person-card:disabled{opacity:.6}.person-avatar{box-shadow:0 6px 18px #00000059;width:100%!important;height:auto!important;aspect-ratio:1 / 1;max-width:84px}.person-name{font-weight:600;font-size:15px}.planner-head{margin:6px 0 18px}.planner-q{font-size:clamp(23px,6vw,32px)}.planner-sub{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.45;max-width:60ch}.viewtoggle{display:inline-flex;padding:4px;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:999px;margin-bottom:20px}.viewtoggle-opt{border:0;background:transparent;color:var(--muted);padding:8px 18px;border-radius:999px;font-weight:600;font-size:14px;transition:color .15s,background .15s}.viewtoggle-opt.active{color:#04222e;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.calendar{display:flex;flex-direction:column;gap:26px}.month{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 14px 18px}.month-label{font-size:17px;margin-bottom:12px}.weekday-row,.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekday{text-align:center;color:var(--muted);font-size:12px;font-weight:600;padding-bottom:6px}.day{position:relative;border:1px solid var(--border);background:#96b4e108;border-radius:var(--radius-sm);min-height:58px;padding:5px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;transition:border-color .12s,background .12s,transform .08s;overflow:hidden}.day.empty{border:0;background:transparent;min-height:0}.day:not(:disabled):hover{border-color:var(--border-strong);transform:translateY(-1px)}.day:not(:disabled):active{transform:scale(.97)}.day.past{opacity:.32;cursor:default}.day-num{font-size:13px;font-weight:600;color:var(--muted)}.day.today .day-num{color:var(--accent-3)}.day.today{border-color:#fbbf2480}.day.has-votes{background:rgba(56,189,248,calc(.07 + .34 * var(--tint, 0)));border-color:#38bdf859}.day.mine{border-color:var(--mine);box-shadow:inset 0 0 0 1.5px #34d399b3}.day-voters{display:flex;align-items:center;margin-top:auto}.day-voter{margin-right:-7px;border-radius:50%;box-shadow:0 0 0 2px var(--bg-bottom);line-height:0}.day-more{font-size:11px;font-weight:700;color:var(--accent);margin-left:3px}.ranked{display:flex;flex-direction:column;gap:10px}.rank-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.rank-row.best{border-color:#34d3998c;background:linear-gradient(100deg,rgba(52,211,153,.12),var(--panel) 55%)}.rank-row.past{opacity:.45}.rank-badge{font-weight:800;font-size:14px;color:var(--muted);width:30px;flex:none}.rank-main{flex:1;min-width:0}.rank-date{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.best-pill{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#04241a;background:var(--mine);padding:2px 8px;border-radius:999px}.rank-rel{font-size:13px}.rank-count{font-size:15px;flex:none;text-align:right;min-width:52px}.empty-state{text-align:center;padding:48px 16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.empty-state p{margin:4px 0}.voter-stack{display:flex;align-items:center;flex:none}.voter-stack-item{margin-left:-8px;border-radius:50%;box-shadow:0 0 0 2px var(--bg-bottom);line-height:0}.voter-stack-item:first-child{margin-left:0}.voter-stack-more{margin-left:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--accent);background:var(--panel-strong);border-radius:50%}.btn{border:1px solid var(--border-strong);background:var(--panel-strong);color:var(--text);border-radius:999px;padding:9px 16px;font-weight:600;font-size:14px;transition:border-color .12s,background .12s,transform .08s,opacity .12s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent}.btn.ghost:hover:not(:disabled){border-color:var(--accent)}.btn.small{padding:6px 12px;font-size:13px}.btn.more{align-self:center;margin-top:4px}.me-toggle{flex:none;min-width:96px;text-align:center}.me-toggle.on{color:#04241a;background:var(--mine);border-color:var(--mine)}@media (max-width: 560px){.content{padding:16px 12px 32px}.people-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}.month{padding:12px 8px 14px}.weekday-row,.month-grid{gap:4px}.day{min-height:50px;padding:4px;border-radius:9px}.day-voter :where(.avatar){width:15px!important;height:15px!important}.rank-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"badge main count" "voters voters toggle";align-items:center;column-gap:10px;row-gap:10px}.rank-badge{grid-area:badge;width:22px}.rank-main{grid-area:main}.rank-count{grid-area:count;min-width:0}.voter-stack{grid-area:voters}.me-toggle{grid-area:toggle;min-width:92px}}.header-brand{border:0;background:transparent;padding:0}.profile-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:4px 12px 4px 4px;transition:border-color .14s,background .14s}.profile-chip:hover{border-color:var(--border-strong);background:var(--panel-strong)}.profile-chip-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.header-tz{font-size:11px;letter-spacing:.03em}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0408109e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}.sheet{width:100%;max-width:460px;max-height:90vh;overflow-y:auto;background:#0f1c31;border:1px solid var(--border-strong);border-radius:20px;box-shadow:var(--shadow);padding:14px 16px 16px;animation:sheet-in .18s ease}@keyframes sheet-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-grab{display:none}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.sheet-title{font-size:19px;font-weight:700}.sheet-sub{font-size:13px;margin-top:2px}.sheet-close{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:50%;width:32px;height:32px;flex:none;font-size:14px}.mode-switch{display:inline-flex;padding:4px;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:999px;margin-bottom:16px}.mode-opt{border:0;background:transparent;color:var(--muted);padding:7px 16px;border-radius:999px;font-weight:600;font-size:13px}.mode-opt.active{color:#04222e;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.buckets{display:flex;flex-direction:column;gap:10px}.bucket{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);background:#96b4e108;border-radius:var(--radius);text-align:left;transition:border-color .12s,background .12s}.bucket-icon{font-size:20px}.bucket-label{font-weight:600;font-size:16px}.bucket-range{font-size:12px}.bucket-check{font-weight:800;width:18px;text-align:center;color:var(--mine)}.bucket.on{border-color:var(--mine);background:#34d39924}.bucket.partial{border-color:#34d39980;background:#34d3990f}.bucket.partial .bucket-check{color:var(--accent-3)}.hour-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.hour-btn{border:1px solid var(--border);background:#96b4e108;color:var(--muted);border-radius:10px;padding:10px 0;font-size:13px;font-weight:600;transition:border-color .1s,background .1s,color .1s}.hour-btn.on{border-color:var(--mine);background:#34d39929;color:var(--text)}.sheet-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:14px}.day-crew{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.day-crew-title{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.day-crew-empty{font-size:13px;margin:0}.day-crew-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.day-crew-row{display:flex;align-items:center;gap:10px}.day-crew-face{flex:none}.day-crew-name{font-weight:600;font-size:14px;flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-crew-hours{margin-left:auto;text-align:right;font-size:13px;color:var(--text)}.day-crew-tz{font-size:12px}.results{display:flex;flex-direction:column;gap:16px}.filter{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.filter-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.filter-title{font-weight:600;font-size:14px}.filter-actions{display:flex;gap:6px}.btn.xs{padding:5px 10px;font-size:12px}.filter-people{display:flex;flex-wrap:wrap;gap:8px}.filter-person{display:flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border:1px solid var(--border);background:#96b4e108;border-radius:999px;font-size:13px;font-weight:600;transition:opacity .12s,border-color .12s,background .12s}.filter-person.on{border-color:#38bdf880;background:#38bdf81a}.filter-person.off{opacity:.4}.filter-person.off .avatar{filter:grayscale(.7)}.results-note{font-size:13px;padding:0 2px}.slot-list{display:flex;flex-direction:column;gap:10px}.slot-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.slot-row.best{border-color:#34d3998c;background:linear-gradient(100deg,rgba(52,211,153,.12),var(--panel) 55%)}.slot-badge{font-weight:800;font-size:14px;color:var(--muted);width:30px;flex:none}.slot-main{flex:1;min-width:0}.slot-when{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.slot-time{font-size:13px;margin-top:1px}.slot-count{flex:none;text-align:right;min-width:48px;font-size:15px}.profile{display:flex;flex-direction:column;gap:18px;max-width:560px}.back{align-self:flex-start}.profile-head{display:flex;align-items:center;gap:16px}.profile-avatar{box-shadow:0 6px 18px #00000059}.profile-name{font-size:26px}.profile-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.profile-card.soon{opacity:.7}.field-label{font-weight:700;font-size:15px}.field-hint{font-size:13px;margin:6px 0 14px;line-height:1.45}.tz-select{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#0d1a2e;color:var(--text);font:inherit;font-size:15px}.tz-current{font-size:13px;margin-top:12px}.use-detected{margin-top:12px}@media (max-width: 560px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet{max-width:none;border-radius:20px 20px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));animation:sheet-up .2s ease}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-grab{display:block;width:40px;height:4px;border-radius:999px;background:var(--border-strong);margin:2px auto 12px}.header-name{max-width:24vw}.slot-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"badge main count" "voters voters voters";row-gap:8px}.slot-badge{grid-area:badge;width:22px}.slot-main{grid-area:main}.slot-count{grid-area:count}.slot-row .voter-stack{grid-area:voters}}.avatar-editor{display:flex;flex-direction:column}.editor-stage{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 16px;background:linear-gradient(180deg,#0a1120 0%,rgba(10,17,32,.92) 72%,transparent)}.editor-stage .back{align-self:flex-start}.editor-preview{width:150px;height:150px;border-radius:50%;overflow:hidden;line-height:0;box-shadow:0 12px 34px #00000073;background:var(--panel-strong);border:1px solid var(--border)}.editor-preview svg{width:100%;height:100%;display:block}.editor-actions{display:flex;gap:10px}.btn.primary{color:#04222e;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.btn.primary:disabled{opacity:.5}.editor-sections{display:flex;flex-direction:column;gap:14px;padding-bottom:28px}.section-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}.option-row{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 10px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;-webkit-overflow-scrolling:touch}.option-row::-webkit-scrollbar{height:6px}.option-row::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.opt{flex:none;border:2px solid transparent;background:var(--panel);padding:0;overflow:hidden;transition:border-color .12s,transform .08s}.opt:active{transform:scale(.94)}.opt.selected{border-color:var(--accent);box-shadow:0 0 0 3px #38bdf840}.opt.thumb{width:62px;height:62px;border-radius:14px;display:flex;align-items:center;justify-content:center}.opt-face{width:100%;height:100%;line-height:0}.opt-face svg{width:100%;height:100%;display:block}.opt-none{font-size:12px;font-weight:600;color:var(--muted)}.opt.color{width:42px;height:42px;border-radius:50%}.opt.color.transparent{background-color:#0d1a2e;background-image:linear-gradient(45deg,#2a3550 25%,transparent 25%,transparent 75%,#2a3550 75%),linear-gradient(45deg,#2a3550 25%,transparent 25%,transparent 75%,#2a3550 75%);background-size:12px 12px;background-position:0 0,6px 6px}.face-row{display:flex;align-items:center;gap:16px;margin-top:12px}.face-preview{box-shadow:0 6px 18px #00000059;border:1px solid var(--border)}.join-card{border-style:dashed;border-color:var(--border-strong);justify-content:center;gap:8px}.join-card:hover:not(:disabled){border-color:var(--accent)}.join-plus{width:100%;max-width:84px;aspect-ratio:1 / 1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:300;color:var(--accent);background:#38bdf81a;border:1px solid rgba(56,189,248,.3)}.join-name{width:100%;max-width:340px;text-align:left;margin-top:4px}.join-name label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.name-input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#0d1a2e;color:var(--text);font:inherit;font-size:16px}.name-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #38bdf833}.profile-card.danger{border-color:#fb718559}.btn.danger{color:#2a0a0f;background:var(--danger);border-color:transparent}.btn.danger:hover:not(:disabled){filter:brightness(1.05)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#040810a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:400px;background:#0f1c31;border:1px solid var(--border-strong);border-radius:18px;box-shadow:var(--shadow);padding:20px;animation:sheet-in .16s ease}.modal-title{font-size:19px;margin-bottom:8px}.modal-body{font-size:14px;line-height:1.5;margin:0 0 18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.name-edit-row{display:flex;gap:10px;align-items:stretch;margin-top:12px}.name-edit-row .name-input{flex:1}.name-edit-row .btn{flex:none}