:root{--ink:#1c2033;--ink-2:#3c4257;--muted:#6b7188;--muted-2:#8a90a6;--brand:#4f6df5;--brand-2:#6f5cf0;--ok:#046c4e;--warn:#9a5b00;--bad:#b42318;--glass:#ffffff85;--glass-solid:#ffffffd6;--glass-brd:#ffffffbf;--shadow:0 10px 34px #24305e1a;--shadow-sm:0 2px 8px #24305e0f;--r-lg:22px;--r-md:15px;--r-sm:11px;--tap:48px;--pad:14px;--safe-b:env(safe-area-inset-bottom,0px);--tabbar:62px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#eef0f7;background-image:radial-gradient(900px 600px at 8% 0,#7ea0ff8c,#0000 60%),radial-gradient(800px 600px at 100% 20%,#ffb0be73,#0000 60%),radial-gradient(700px 500px at 60% 110%,#96e6d273,#0000 60%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;background-origin:padding-box;background-clip:border-box;min-height:100dvh;font-family:Golos Text,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45}h1,h2,h3{margin:0;font-family:Manrope,system-ui,sans-serif}h1{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.15}h2{font-size:16px;font-weight:700}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700}button{font:inherit;color:inherit}a{color:#3b5bdb;text-decoration:none}.muted{color:var(--muted)}.small{font-size:13px}.num{font-variant-numeric:tabular-nums}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.grow{flex:1;min-width:0}.trunc{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(170%);border:1px solid var(--glass-brd);border-radius:var(--r-lg);box-shadow:inset 0 1px 0 #ffffffe6, var(--shadow);position:relative}.glass.solid{background:var(--glass-solid)}.card{padding:16px}@media (prefers-reduced-transparency:reduce){.glass{-webkit-backdrop-filter:none;background:#fff}}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 8px 12px;font-family:Manrope,system-ui,sans-serif;font-size:18px;font-weight:800;display:flex}.brand .dot{background:linear-gradient(135deg, var(--brand), #8b5cf6);border-radius:9px;flex-shrink:0;width:28px;height:28px;box-shadow:0 6px 14px #4f6df559}.login{min-height:100dvh;padding:var(--pad);justify-content:center;align-items:center;display:flex}.login form{width:100%;max-width:380px}.rolepick{cursor:pointer;background:0 0;border:none}.app{min-height:100dvh;display:flex}.content{min-width:0;padding:var(--pad);padding-bottom:calc(var(--tabbar) + var(--safe-b) + 16px);flex-direction:column;flex:1;gap:12px;display:flex}.topbar{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar .who{flex-direction:column;gap:0;line-height:1.15;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:inline-flex}.avatar.g{background:linear-gradient(135deg,#10b981,#0ea5a4)}.avatar.b{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.iconbtn{width:var(--tap);height:var(--tap);border-radius:var(--r-md);color:var(--ink-2);border:1px solid var(--glass-brd);background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(170%);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.iconbtn svg{width:20px;height:20px}.iconbtn .pip{background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:11px;right:12px;box-shadow:0 0 0 2px #ffffffe6}.btn{min-height:var(--tap);border-radius:var(--r-md);border:1px solid var(--glass-brd);color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff9e;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.btn.primary{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;border-color:#0000;box-shadow:0 8px 20px #4f6df559,inset 0 1px #ffffff59}.btn.ghost{box-shadow:none;color:var(--ink-2);background:0 0;border-color:#0000}.btn.wide{width:100%}.btn.sm{border-radius:var(--r-sm);min-height:38px;padding:0 14px;font-size:14px}.btn svg{flex-shrink:0;width:18px;height:18px}.btn:disabled{opacity:.45}.btn:active{transform:translateY(1px)}.badge{white-space:nowrap;border-radius:999px;flex-shrink:0;align-self:flex-start;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.b-draft{color:var(--ink-2);background:#7882a029}.b-proc{color:#2f4ac0;background:#4f6df524}.b-mod{color:var(--warn);background:#f59e0b2e}.b-ok{color:var(--ok);background:#10b98129}.b-ret{color:var(--bad);background:#ef444424}.ch{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:800;display:inline-flex}.ch.lg{border-radius:9px;width:28px;height:28px;font-size:10px}.ch-tg{background:#2aabee}.ch-vk{background:#07f}.ch-max{background:#7c3aed}.ch-ig{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.chip{white-space:nowrap;min-height:34px;color:var(--ink-2);background:#ffffffb8;border:1px solid #ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip.sel{color:#2f4ac0;background:#4f6df521;border-color:#4f6df580;font-weight:600}.tabbar{z-index:40;height:calc(var(--tabbar) + var(--safe-b));padding-bottom:var(--safe-b);-webkit-backdrop-filter:blur(28px)saturate(170%);background:#ffffffb8;border-top:1px solid #fffc;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #24305e1a}.tabbar a{color:var(--muted);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:flex}.tabbar a.active{color:var(--brand)}.tabbar a svg{width:22px;height:22px}.fab{z-index:41;right:16px;bottom:calc(var(--tabbar) + var(--safe-b) + 16px);color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-2));border:none;border-radius:18px;align-items:center;gap:9px;height:56px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 12px 28px #4f6df56b}.fab svg{width:20px;height:20px}.rolepick{flex-shrink:0;align-items:center;gap:8px;display:inline-flex;position:relative}.rolepick select{opacity:0;width:100%;height:100%;position:absolute;inset:0}.rolename,.sidebar{display:none}.plist{flex-direction:column;gap:10px;display:flex}.pcard{color:var(--ink);flex-direction:column;gap:10px;padding:14px;display:flex}.pcard .ttl{font-size:15px;font-weight:600}.pcard .meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.thumb{color:#fff;background:linear-gradient(135deg,#c7d2fe,#a5b4fc);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.thumb svg{width:22px;height:22px}.preview{border-radius:var(--r-lg);background:#0d1020;width:100%;max-height:46vh;display:block}.track{border-radius:var(--r-md);border:1px solid var(--glass-brd);touch-action:none;cursor:pointer;background:#1c20331a;height:52px;position:relative;overflow:visible}.track .sel{border-radius:var(--r-sm);border-left:2px solid var(--brand);border-right:2px solid var(--brand);background:linear-gradient(135deg,#4f6df552,#6f5cf052);position:absolute;top:0;bottom:0}.track .handle{touch-action:none;justify-content:center;align-items:center;width:44px;margin-left:-22px;display:flex;position:absolute;top:0;bottom:0}.track .handle:after{content:"";background:var(--brand);border-radius:3px;width:6px;height:30px;box-shadow:0 2px 6px #24305e59}.dgrid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.dgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.dcard{flex-direction:column;gap:5px;min-width:0;display:flex}.dframe{border-radius:var(--r-sm);background:#1c203314;justify-content:center;align-items:center;width:auto;max-width:100%;max-height:40vh;margin:0 auto;display:flex;overflow:hidden}.dframe img{object-fit:cover;width:100%;height:100%;display:block}.dframe.a16x9{aspect-ratio:16/9}.dframe.a9x16{aspect-ratio:9/16}.dframe.a1x1{aspect-ratio:1}.dframe.a4x5{aspect-ratio:4/5}.post{border-radius:var(--r-md);background:#ffffffb8;border:1px solid #1c203314;flex-direction:column;gap:10px;padding:12px;display:flex}.shot{border-radius:var(--r-sm);object-fit:cover;background:#1c203314;width:100%;display:block}.shot.empty{justify-content:center;align-items:center;display:flex}.shot.a16x9{aspect-ratio:16/9}.shot.a9x16{aspect-ratio:9/16;width:auto;max-height:46vh;margin:0 auto}.shot.a1x1{aspect-ratio:1}.shot.a4x5{aspect-ratio:4/5}.ptext{white-space:pre-line;margin:0;line-height:1.45}.calbar{flex-wrap:wrap;gap:8px}.slot{text-align:left;border:1px solid #0000;border-radius:11px;flex-direction:column;gap:2px;width:100%;min-height:54px;padding:7px 9px;font-size:12px;line-height:1.3;display:flex}.slot.busy{background:#ffffffc7;border-color:#1c203314}.slot.mine{background:#4f6df51f;border-color:#4f6df559}.slot.free{color:var(--muted);cursor:default;background:0 0;border:1.5px dashed #8a90a68c;justify-content:center;align-items:flex-start}.slot.free.pick{border-color:var(--brand);color:#2f4ac0;cursor:pointer;background:#4f6df512}.slot.free.pick:active{transform:translateY(1px)}.slotx{cursor:pointer;color:var(--muted-2);background:0 0;border:none;flex-shrink:0;padding:0;display:inline-flex}.slotx svg{width:13px;height:13px}.over{color:var(--warn);font-weight:700}.calgrid{display:none}.daylist{flex-direction:column;gap:12px;display:flex}.daylist .thin{padding:12px 16px}.daylist .now,.calgrid .dayhead.now b{color:var(--brand)}.monthgrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.mday{cursor:pointer;min-height:62px;font:inherit;color:inherit;background:#ffffff8c;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:7px 2px;display:flex}.mday:active{transform:translateY(1px)}.mday.hot{background:#f59e0b29}.mday.now{outline:2px solid var(--brand);outline-offset:-2px}.mday .bar{background:#1c20331a;border-radius:3px;width:100%;height:5px;overflow:hidden}.mday .bar i{background:linear-gradient(135deg, var(--brand), var(--brand-2));height:100%;display:block}@media (min-width:1024px){.daylist{display:none}.calgrid{grid-template-columns:132px repeat(7,minmax(0,1fr));align-items:start;gap:6px;display:grid}.dayhead{border-radius:12px;flex-direction:column;align-items:center;gap:0;padding:6px 0;display:flex}.dayhead.hot{background:#f59e0b29}.dayhead.now{background:#4f6df51a}.chrow{align-self:start;gap:6px;padding-top:6px}.cell{border-radius:11px;flex-direction:column;gap:5px;min-height:120px;padding:5px;display:flex}.cell.full{background:#f59e0b17}.monthgrid{gap:8px}.mday{min-height:74px}}.mthumb{object-fit:cover;border-radius:13px;flex-shrink:0;width:56px;height:56px;display:block}.mtext{max-height:4.4em;color:var(--ink-2);white-space:pre-line;margin:0;overflow:hidden}.pcard.off{opacity:.62}.pass{letter-spacing:.06em;border-radius:var(--r-sm);-webkit-user-select:all;user-select:all;background:#1c20330f;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px}.steps{gap:5px;display:flex}.steps i{background:#1c20331f;border-radius:2px;flex:1;height:4px}.steps i.on{background:linear-gradient(135deg, var(--brand), var(--brand-2))}.content.wizard{padding-bottom:calc(var(--tap) + 32px + var(--safe-b))}.stepfoot{z-index:42;padding:12px var(--pad) calc(12px + var(--safe-b));-webkit-backdrop-filter:blur(28px)saturate(170%);background:#ffffffc7;border-top:1px solid #fffc;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.tile{border-radius:var(--r-lg);min-height:108px;color:var(--ink-2);cursor:pointer;background:#ffffff8c;border:1px dashed #4f6df573;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.tile svg{width:26px;height:26px;color:var(--brand)}.tile{min-height:96px}.opt{border-radius:var(--r-md);min-height:var(--tap);cursor:pointer;background:#fff9;border:1px solid #fffc;align-items:center;gap:12px;padding:12px;display:flex}.opt.on{background:#4f6df51a;border-color:#4f6df573}.box{color:#fff;background:#ffffffb3;border:1.5px solid #1c203338;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.opt.on .box{background:var(--brand);border-color:var(--brand)}.optgrid{flex-direction:column;gap:8px;display:flex}@media (min-width:768px){.optgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}}.drop{border-radius:var(--r-lg);min-height:150px;color:var(--ink-2);cursor:pointer;background:#ffffff8c;border:1.5px dashed #4f6df573;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:600;display:none}.drop.over{border-color:var(--brand);background:#4f6df51a}.drop svg{width:30px;height:30px;color:var(--brand)}.box svg{width:15px;height:15px}.field{width:100%;min-height:var(--tap);border-radius:var(--r-md);font:inherit;color:var(--ink);resize:vertical;background:#ffffffe6;border:1px solid #1c20331a;padding:12px 14px;box-shadow:inset 0 1px 2px #1c20330a}.field:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #4f6df52e}.field::placeholder{color:var(--muted-2)}@media (min-width:768px){:root{--pad:20px}h1{font-size:26px}.content{gap:16px}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}}@media (min-width:1024px){:root{--pad:22px}.tabbar,.phone-only{display:none}.content{padding-bottom:var(--pad)}.sidebar{flex-direction:column;flex-shrink:0;gap:3px;width:244px;height:calc(100dvh - 32px);margin:16px 0 16px 16px;padding:16px 12px;display:flex;position:sticky;top:16px}.navsec{letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2);padding:14px 12px 4px;font-size:10px;font-weight:700}.nav{border-radius:var(--r-sm);color:var(--ink-2);align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.nav.active{color:var(--ink);box-shadow:var(--shadow-sm);background:#ffffffd1}.nav svg{flex-shrink:0;width:18px;height:18px}.nav .cnt{background:var(--brand);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.nav .cnt.q{color:#4b5266;background:#1c20331f}.rolename{font-size:13px;font-weight:600;display:inline}.stepfoot{border-radius:var(--r-lg);border:1px solid var(--glass-brd);justify-content:flex-end;position:sticky;bottom:0;left:auto;right:auto}.plist{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.content.wizard{max-width:1020px}.content>.btn.wide{align-self:flex-start;width:auto}.drop{display:flex}}