:root{color-scheme:dark;--bg: #0e1116;--panel: #161a22;--panel-2: #1e2430;--panel-3: #262d3b;--border: #2a3140;--text: #e9edf3;--muted: #8d97a8;--accent: #6fb7ff;--accent-2: #3b8cf0;--accent-soft: rgba(59, 140, 240, .16);--ok: #3dcf7d;--ok-soft: rgba(61, 207, 125, .14);--warn: #f3b73f;--warn-soft: rgba(243, 183, 63, .14);--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .14);--on-primary: #06162b;--shadow: 0 1px 0 rgba(255,255,255,.02) inset;--sheet-shadow: 0 -8px 40px rgba(0,0,0,.5);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--tap: 44px;--nav-h: 60px;--ff: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", Roboto, system-ui, sans-serif}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){color-scheme:light;--bg: #f3f5f9;--panel: #ffffff;--panel-2: #eef1f6;--panel-3: #e3e8f0;--border: #dde2ea;--text: #131824;--muted: #626c7d;--accent: #1f6feb;--accent-2: #2b76e6;--accent-soft: rgba(43,118,230,.12);--ok: #1d9b57;--ok-soft: rgba(29,155,87,.12);--warn: #a8731a;--warn-soft: rgba(168,115,26,.14);--danger: #d33d3d;--danger-soft: rgba(211,61,61,.12);--on-primary: #ffffff;--shadow: 0 1px 2px rgba(19,24,36,.06), 0 0 0 1px rgba(19,24,36,.02);--sheet-shadow: 0 -8px 40px rgba(19,24,36,.18)}}:root[data-theme=light]{color-scheme:light;--bg: #f3f5f9;--panel: #ffffff;--panel-2: #eef1f6;--panel-3: #e3e8f0;--border: #dde2ea;--text: #131824;--muted: #626c7d;--accent: #1f6feb;--accent-2: #2b76e6;--accent-soft: rgba(43,118,230,.12);--ok: #1d9b57;--ok-soft: rgba(29,155,87,.12);--warn: #a8731a;--warn-soft: rgba(168,115,26,.14);--danger: #d33d3d;--danger-soft: rgba(211,61,61,.12);--on-primary: #ffffff;--shadow: 0 1px 2px rgba(19,24,36,.06), 0 0 0 1px rgba(19,24,36,.02);--sheet-shadow: 0 -8px 40px rgba(19,24,36,.18)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 var(--ff);-webkit-font-smoothing:antialiased}body{min-height:100dvh;overscroll-behavior-y:none}h1{font-size:22px;line-height:1.2;margin:0;letter-spacing:-.01em}h2{font-size:17px;margin:0}p{margin:0}a{color:var(--accent);text-decoration:none}ul{list-style:none;margin:0;padding:0}button,input,select{font:inherit;color:inherit}.muted{color:var(--muted);font-size:14px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.strike{text-decoration:line-through;opacity:.6}.dim{opacity:.62}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.icon{flex:0 0 auto;vertical-align:-.2em}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:calc(var(--s-3) + env(safe-area-inset-top)) var(--s-4) var(--s-3);background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.brand{display:inline-flex;align-items:center;gap:var(--s-2);font-weight:700;font-size:16px}.page{flex:1;width:100%;max-width:640px;margin:0 auto;padding:var(--s-4);padding-bottom:calc(var(--nav-h) + var(--s-5) + env(safe-area-inset-bottom))}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-4)}.page-head .muted{margin-top:var(--s-1)}.section{margin-top:var(--s-5)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:var(--s-4) 0 var(--s-2);font-weight:600}.center-row{display:flex;justify-content:center;padding:var(--s-6)}.tabs{display:flex}.tabs a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);border-radius:var(--r-sm)}.tabs a.active{color:var(--text)}.tabs-top{display:none;gap:var(--s-1)}.tabs-top a{padding:8px 12px;font-size:14px}.tabs-top a.active{background:var(--panel-2)}.tabs-bottom{position:fixed;left:0;right:0;bottom:0;z-index:5;justify-content:space-around;background:var(--panel);border-top:1px solid var(--border);padding:6px var(--s-2) calc(6px + env(safe-area-inset-bottom))}.tabs-bottom a{flex:1;flex-direction:column;gap:2px;min-height:var(--nav-h);justify-content:center;font-size:11px;font-weight:500}.tabs-bottom a.active{color:var(--accent)}@media (min-width: 720px){.tabs-top{display:flex}.tabs-bottom{display:none}.page{padding:var(--s-5) var(--s-4);padding-bottom:var(--s-6)}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--shadow)}.cards{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-3)}.cards .card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4)}.card-main{flex:1;min-width:0}.as-button{background:none;border:0;padding:0;text-align:left;cursor:pointer;color:inherit;width:100%}.card-title{display:flex;align-items:center;gap:var(--s-2);font-weight:600;flex-wrap:wrap}.card-pills{display:inline-flex;gap:6px;margin-left:auto}.card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:13px}.card-meta span{display:inline-flex;align-items:center;gap:4px}.user-name{display:flex;flex-direction:column;min-width:0}.user-note{font-weight:400;font-size:13px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto}.avatar.lg{width:52px;height:52px;font-size:22px}.identity{display:flex;align-items:center;gap:var(--s-4)}.identity-name{font-size:20px;font-weight:700;margin:2px 0 6px}.feed{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.feed-item{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border)}.feed-item:last-child{border-bottom:0}.feed-item.clickable{cursor:pointer}.feed-item.clickable:hover{background:var(--panel-2)}.feed-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.feed-icon.ok{background:var(--ok-soft);color:var(--ok)}.feed-icon.err{background:var(--danger-soft);color:var(--danger)}.feed-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:15px}.feed-text .muted{font-size:13px;overflow:hidden;text-overflow:ellipsis}.feed-time{font-size:12px;white-space:nowrap;padding-top:2px}.feed-details{margin-top:6px;color:var(--muted);overflow-wrap:anywhere}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-off,.pill-err{background:var(--danger-soft);color:var(--danger)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-muted{background:var(--panel-2);color:var(--muted)}.banner{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:14px;margin-bottom:var(--s-4)}.banner .dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft);flex:0 0 auto}.banner-ok{background:var(--panel);border:1px solid var(--border)}.banner-off{background:var(--danger-soft);color:var(--text)}.banner-off .icon{color:var(--danger)}.banner-muted{background:var(--panel);border:1px solid var(--border);color:var(--muted)}.banner-meta{margin-left:auto;color:var(--muted);display:inline-flex;gap:var(--s-3);font-size:13px}.banner-meta span{display:inline-flex;align-items:center;gap:4px}.banner .field-hint{display:block;margin-top:2px}.toasts{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--s-4) + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;gap:var(--s-2);z-index:20;pointer-events:none;width:min(92vw,420px)}@media (min-width: 720px){.toasts{bottom:var(--s-5)}}.toast{display:flex;align-items:center;gap:var(--s-2);padding:12px 14px;border-radius:var(--r-md);background:var(--panel-3);color:var(--text);box-shadow:0 10px 30px #00000059;font-size:14px;animation:toast-in .2s ease-out}.toast-ok .icon{color:var(--ok)}.toast-err .icon{color:var(--danger)}.toast-info .icon{color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 16px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--panel-3)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:var(--accent-2);border-color:var(--accent-2);color:var(--on-primary);font-weight:600}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--panel-2)}.btn.danger{color:var(--danger)}.btn-sm{min-height:36px;padding:0 12px;font-size:14px}.btn-block{width:100%;margin-top:var(--s-3)}.btn-row{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.btn-row .btn{flex:1}.icon-btn{width:var(--tap);height:var(--tap);border-radius:50%;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.icon-btn.inside{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:40px;height:40px}.field{margin-bottom:var(--s-4)}.field>label,.group-title{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}input:not([type=checkbox]),select{width:100%;min-height:var(--tap);padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-soft)}input:disabled{opacity:.6}input::placeholder{color:var(--muted);opacity:.8}.has-error input{border-color:var(--danger)}.field-hint{display:block;font-size:12.5px;color:var(--muted);margin-top:6px}.field-error{font-size:13px;color:var(--danger);margin-top:6px}.input-wrap{position:relative}.input-wrap input{padding-right:44px}.input-row{display:flex;gap:var(--s-2)}.input-row .input-wrap{flex:1}.select-sm{min-height:36px;padding:6px 28px 6px 10px;font-size:14px;width:auto}.prefs{display:flex;gap:var(--s-2);justify-content:center;flex-wrap:wrap}.group{background:var(--panel-2);border-radius:var(--r-md);padding:var(--s-3) var(--s-4) var(--s-2);margin-bottom:var(--s-4)}.group .switch-row{padding:10px 0}.group .field{margin:var(--s-2) 0 var(--s-2)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--accent-2)}.chip.on{background:var(--accent-soft);border-color:var(--accent-2);color:var(--accent);font-weight:600}.chip:disabled{opacity:.4;cursor:default}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:12px 0;cursor:pointer;border-bottom:1px solid var(--border)}.switch-row:last-of-type{border-bottom:0}.switch-row.disabled{opacity:.5;cursor:default}.switch-text{display:flex;flex-direction:column;font-size:15px}.switch-row input{position:absolute;opacity:0;width:0;height:0}.switch{position:relative;width:48px;height:28px;border-radius:999px;background:var(--panel-3);border:1px solid var(--border);flex:0 0 auto;transition:background .2s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000059;transition:transform .2s}.switch-row input:checked+.switch{background:var(--accent-2);border-color:var(--accent-2)}.switch-row input:checked+.switch:after{transform:translate(20px)}.switch-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.actions{display:grid;gap:var(--s-3);grid-template-columns:1fr}.actions.two{grid-template-columns:1fr 1fr}.hold{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:196px;padding:var(--s-4) var(--s-3);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow);transition:border-color .2s,background .2s,transform .08s}.hold:active:not(:disabled){transform:scale(.985)}.hold:disabled{opacity:.45;cursor:default}.hold-ring{position:relative;width:92px;height:92px}.hold-ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.hold-ring .track{fill:none;stroke:var(--panel-3);stroke-width:7}.hold-ring .progress{fill:none;stroke:var(--accent-2);stroke-width:7;stroke-linecap:round;stroke-dasharray:276.5;stroke-dashoffset:276.5}.hold-holding .hold-ring .progress{transition:stroke-dashoffset .6s linear;stroke-dashoffset:0}.hold-sending .hold-ring>svg{animation:spin 1s linear infinite}.hold-sending .hold-ring .progress{stroke-dashoffset:0;stroke-dasharray:90 186.5}.hold-done .hold-ring .progress{stroke-dashoffset:0;stroke:var(--ok)}.hold-fail .hold-ring .progress{stroke-dashoffset:0;stroke:var(--danger)}.hold-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--accent)}.hold-done .hold-icon{color:var(--ok)}.hold-fail .hold-icon{color:var(--danger)}.hold-done{border-color:var(--ok)}.hold-fail{border-color:var(--danger)}.hold-holding{border-color:var(--accent-2);background:var(--accent-soft)}.hold-label{font-size:17px;font-weight:700;margin-top:4px}.hold-hint{font-size:12.5px;color:var(--muted);min-height:18px;text-align:center}.hold-done .hold-hint{color:var(--ok);font-weight:600}.hold-fail .hold-hint{color:var(--danger);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 380px){.actions.two{grid-template-columns:1fr}.hold{min-height:150px}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:10;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease-out}.sheet{width:100%;max-height:92dvh;display:flex;flex-direction:column;background:var(--panel);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--sheet-shadow);animation:up .22s cubic-bezier(.2,.8,.2,1)}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-3) var(--s-2) var(--s-4)}.sheet-head:before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;border-radius:2px;background:var(--border);transform:translate(-50%)}.sheet-body{padding:var(--s-2) var(--s-4) var(--s-4);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom))}.sheet-foot{padding:0 var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom))}@media (min-width: 720px){.sheet-backdrop{align-items:center}.sheet{max-width:480px;border-radius:var(--r-lg);max-height:86vh}.sheet-head:before{display:none}}@keyframes up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.screen-center{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--s-4);padding-top:calc(var(--s-4) + env(safe-area-inset-top))}.auth-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5) var(--s-4) var(--s-4);box-shadow:var(--shadow)}.auth-card h1{text-align:center;margin-bottom:var(--s-4)}.auth-logo{width:60px;height:60px;border-radius:18px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto var(--s-3)}.auth-foot{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--border)}.guest .auth-card{max-width:440px}.guest-label{text-align:center;font-size:18px;font-weight:600;margin:-6px 0 var(--s-3)}.guest-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-bottom:var(--s-4)}.guest-meta .muted{display:inline-flex;align-items:center;gap:4px}.guest-dead{text-align:center;padding:var(--s-3) 0}.countdown{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.created input{margin-bottom:4px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-2);padding:var(--s-6) var(--s-4);color:var(--muted);background:var(--panel);border:1px dashed var(--border);border-radius:var(--r-md)}.empty-title{color:var(--text);font-weight:600;font-size:16px}.empty .btn{margin-top:var(--s-2)}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block}.qr{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);margin:var(--s-3) 0}.qr canvas{border-radius:var(--r-md);background:#fff;padding:0;box-shadow:var(--shadow);max-width:100%;height:auto}.qr-caption{text-align:center}.share-tabs{margin-bottom:var(--s-3)}.perm-list{display:flex;flex-direction:column;gap:6px;margin:var(--s-2) 0 var(--s-4)}.perm-list span{display:inline-flex;align-items:center;gap:8px}.perm-list .icon{color:var(--ok)}.card-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.invite-card .card-meta{margin-top:2px}.btn-group{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:flex-end}@media (max-width: 420px){.page-head{flex-direction:column}.btn-group{width:100%}.btn-group .btn{flex:1}}.screen-top{min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:var(--s-4);padding-top:calc(var(--s-4) + env(safe-area-inset-top))}.terms-card{max-width:680px}.terms-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);flex-wrap:wrap}.terms h3{font-size:15px;margin:var(--s-4) 0 var(--s-1)}.terms p{font-size:14.5px;line-height:1.55;margin:0 0 var(--s-2);color:var(--text)}.terms-intro{font-weight:500}.terms-scroll{max-height:46dvh;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-2) var(--s-4);background:var(--panel-2);margin-bottom:var(--s-3);-webkit-overflow-scrolling:touch}.terms-compact p{font-size:14px}.check-row{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-2) 0;cursor:pointer;font-size:15px}.check-row input{width:22px;height:22px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--accent-2)}.legal-links{text-align:center;font-size:13px;color:var(--muted);margin-top:var(--s-3)}.icon.flip{transform:rotate(180deg)}a.btn{text-decoration:none}.danger-card{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.spacer{height:var(--s-4)}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-3)}.pager .muted{font-variant-numeric:tabular-nums}.stepper{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel-2);overflow:hidden;height:var(--tap)}.stepper.disabled{opacity:.5}.stepper-btn{width:var(--tap);border:0;background:transparent;color:var(--text);font-size:22px;line-height:1;cursor:pointer}.stepper-btn:hover:not(:disabled){background:var(--panel-3)}.stepper-btn:disabled{opacity:.35;cursor:default}.stepper-value{width:72px;min-height:0;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:0;text-align:center;font-weight:600;background:var(--panel);padding:0 6px;-moz-appearance:textfield}.stepper-value::-webkit-outer-spin-button,.stepper-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-text{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:72px;padding:0 12px;font-weight:500;color:var(--muted);white-space:nowrap}