:root{color-scheme:light;--ink:var(--clay-ink);--cream:var(--clay-paper);--rec:var(--clay-action);--amber:var(--clay-action);--stage:var(--clay-stage);--stage-deep:var(--clay-stage-deep);--bg:var(--clay-paper);--surface:var(--clay-light);--surface-2:var(--clay-surface-2);--surface-3:var(--clay-surface-3);--border:var(--clay-line);--border-strong:var(--clay-line-strong);--text:var(--clay-ink);--text-2:var(--clay-text-2);--text-3:var(--clay-muted);--text-disabled:var(--clay-disabled);--accent:var(--clay-blue-edge);--accent-hover:var(--clay-accent-hover);--accent-soft:var(--clay-accent-soft);--on-accent:var(--clay-on-accent);--action:var(--clay-action);--action-hover:var(--clay-action-hover);--action-border:var(--clay-action-border);--action-edge:var(--clay-edge);--on-action:var(--clay-action-ink);--focus:var(--clay-focus);--ok:var(--clay-ok);--ok-bg:var(--clay-ok-bg);--warn:var(--clay-warn);--warn-bg:var(--clay-warn-bg);--bad:var(--clay-bad);--bad-bg:var(--clay-bad-bg);--info:var(--clay-info);--info-bg:var(--clay-info-bg);--press:var(--clay-press);--settle:var(--clay-settle);--enter:var(--clay-enter);--soft-out:cubic-bezier(0.2,0.75,0.25,1);--font:var(--clay-font-body);--mono:var(--clay-font-mono);--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--r-sm:10px;--r:var(--clay-r-card);--r-lg:20px;--card-pad:20px;--shadow-pop:0 10px 30px rgba(32,43,93,0.18),0 2px 0 rgba(63,82,167,0.12);font-family:var(--font);color:var(--text);background:var(--bg);font-size:var(--fs-md);line-height:1.45}*{box-sizing:border-box}body,html{margin:0}body{min-height:100dvh;background:var(--bg);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}h1,h2,h3,h4,p{margin:0}a{color:var(--accent);text-underline-offset:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:var(--fs-sm)}.muted{color:var(--text-3)}.sub{color:var(--text-2)}.xs{font-size:var(--fs-xs)}.sm{font-size:var(--fs-sm)}.strong{font-weight:600}.sr-only{clip:rect(0 0 0 0)}.skeleton-card,.stack{gap:var(--s3)}.skeleton-card,.stack,.stack-lg{display:flex;flex-direction:column}.stack-lg{gap:var(--s5)}.row{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.row.between{justify-content:space-between}.flex,.page-actions{display:flex;align-items:center}.gap-8{gap:var(--s2)}.page-actions{gap:var(--s2);flex-wrap:wrap}.gap-12{gap:var(--s3)}.gap-16{gap:var(--s4)}.mb-8{margin-bottom:var(--s2)}.mb-12{margin-bottom:var(--s3)}.w-50{width:50%}.mb-16{margin-bottom:var(--s4)}.w-full{width:100%}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:var(--s4)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s5);align-items:start}.divider{height:1px;background:var(--border);border:0;margin:var(--s2) 0}.auth-card-head h1,.h1{font-size:var(--fs-2xl);font-weight:650;line-height:1.2;letter-spacing:-.01em}.h2{font-size:var(--fs-xl);font-weight:650;line-height:1.25}.h3{font-size:var(--fs-lg);font-weight:600}.label-caps{font-family:var(--mono);font-size:var(--fs-xs);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:36px;padding:0 var(--s4);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:550;font-size:var(--fs-md);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .12s ease-out,border-color .12s ease-out}.btn:hover{background:var(--surface-2)}.btn-primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover,.btn.primary:hover{background:var(--accent-hover)}.btn-danger,.btn.danger{background:var(--surface);color:var(--bad)}.btn-ghost,.btn.ghost{border-color:transparent;background:transparent;color:var(--text-2)}.btn-sm,.btn.sm{min-height:32px;padding:0 var(--s3);font-size:var(--fs-sm)}input[type=file]{min-height:32px}.btn-lg{min-height:44px;padding:0 var(--s5);font-size:var(--fs-lg)}.btn-block{width:100%}.btn[aria-disabled=true],.btn[disabled]{opacity:.55;cursor:not-allowed}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid;border-right:2px solid transparent;display:inline-block}.field{display:flex;flex-direction:column;gap:var(--s1)}.field>label,.label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.input,.select,.textarea{width:100%;min-height:40px;padding:var(--s2) var(--s3);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-lg)}.textarea{min-height:88px;resize:vertical}.input[readonly]{background:var(--surface-2);color:var(--text-2)}.input.invalid,.select.invalid{border-color:var(--bad)}.hint{color:var(--text-3)}.field-error,.hint{font-size:var(--fs-sm)}.field-error{color:var(--bad);font-weight:550}.check{display:flex;gap:var(--s2);align-items:flex-start;font-size:var(--fs-md)}.phone-picker .btn,.phone-picker .check{min-height:var(--s7);align-items:center}.check .box{flex:none;width:18px;height:18px;margin-top:1px;border-radius:4px;border:1.5px solid var(--border-strong);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--on-accent);font-size:12px}.check .box.on{background:var(--accent);border-color:var(--accent)}.check .box.invalid{border-color:var(--bad)}@media (pointer:coarse){.btn,.btn-sm,.btn.sm,.check:not(.fp-apply .check),.input,.select,input[type=file]{min-height:44px}.row>.check:not(.fp-apply .check){align-items:center}.tabs>a,main .seg>button{min-height:44px}.tabs>a{display:inline-flex;align-items:center}.alert summary{padding-block:12px}}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-sm);overflow:hidden}.seg>:is(span,button){padding:var(--s2) var(--s4);font-weight:550;cursor:pointer;white-space:nowrap}.seg>button{min-height:32px;padding:0 var(--s3);border:0;background:transparent;color:inherit;font-family:inherit;font-size:inherit}.seg>button:focus-visible{outline-offset:-2px}.seg>.on{background:var(--accent-soft);color:var(--accent)}.seg>*+*{border-left:1px solid var(--border-strong)}.auth-card,.card,.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}.auth-card,.skeleton-card,.stat{padding:var(--s4)}.card-b,.card-body,.card:not(:has(>.card-h,>.card-head,>.card-b,>.card-body,>.card-f,>.card-foot,>.table-wrap,>.tbl,>.empty)){padding:var(--card-pad)}.card-h,.card-head{padding:var(--s3) var(--card-pad);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.card-h .h3,.card-head h2{font-size:var(--fs-md)}.card-f,.card-foot{padding:var(--s3) var(--card-pad);border-top:1px solid var(--border)}.inset{background:var(--surface-2);border-radius:var(--r-sm);padding:var(--s3)}.list{list-style:none;margin:0;padding:0}.list>li{padding:var(--s3) var(--s4);border-top:1px solid var(--border)}.list>li:first-child{border-top:0}.list>li.link{cursor:pointer}.list>li.link:hover{background:var(--surface-2)}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--s2) var(--s4);margin:0}.kv dt{color:var(--text-3);font-size:var(--fs-sm)}.kv dd{margin:0}.badge{display:inline-flex;align-items:center;gap:var(--s1);padding:1px var(--s2);border-radius:999px;font-size:var(--fs-xs);font-weight:600;white-space:nowrap;background:var(--surface-3);color:var(--text-2)}.b-ok,.badge.ok,.badge.success{background:var(--ok-bg);color:var(--ok)}.b-warn,.badge.warn{background:var(--warn-bg);color:var(--warn)}.b-bad,.badge.bad,.badge.danger{background:var(--bad-bg);color:var(--bad)}.b-info,.badge.info{background:var(--info-bg);color:var(--info)}.b-accent,.badge.accent{background:var(--accent-soft);color:var(--accent)}.badge-dot,.dot,.fresh-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor}.alert{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2)}.alert .alert-t,.alert-title{font-weight:600}.alert-ok,.alert.ok,.alert.success{background:var(--ok-bg);border-color:transparent}.alert-warn,.alert.warn{background:var(--warn-bg);border-color:transparent}.alert-bad,.alert.bad,.alert.danger{background:var(--bad-bg);border-color:transparent}.alert-info,.alert.info{background:var(--info-bg);border-color:transparent}.chip{display:inline-flex;align-items:center;gap:var(--s1);padding:2px var(--s2);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-sm);background:var(--surface)}.chip .x{cursor:pointer}.chip .x,.fresh{color:var(--text-3)}.fresh{font-size:var(--fs-xs);display:inline-flex;gap:var(--s1);align-items:center}.fresh.stale{color:var(--warn);font-weight:600}.stat .stat-l,.stat-label{font-family:var(--mono);font-size:var(--fs-xs);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.stat .stat-v,.stat-value{font-size:28px;font-weight:650;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.15}.stat .stat-s,.stat-foot,.stat-unit{font-size:var(--fs-sm);color:var(--text-2)}.bar{height:8px;background:var(--surface-3);overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);border-radius:inherit}.bar.warn>i{background:var(--warn)}.tracker{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:var(--s2);list-style:none;margin:0;padding:0}.tracker li{border-top:3px solid var(--surface-3);padding-top:var(--s2);font-size:var(--fs-sm);color:var(--text-3)}.tracker li.done{border-color:var(--ok);color:var(--text)}.tracker li.now{border-color:var(--amber);color:var(--text);font-weight:600}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 var(--s4) var(--s5)}.timeline li:before{content:"";position:absolute;left:5px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.timeline li:after{content:"";position:absolute;left:8.5px;top:18px;bottom:0;width:1px;background:var(--border)}.timeline li:last-child:after{display:none}.timeline li.done:before,.timeline li.now:before{background:var(--accent)}.timeline li.now:before{box-shadow:0 0 0 3px var(--accent-soft)}.timeline li.bad:before{background:var(--bad)}.timeline .t-when{font-size:var(--fs-xs);color:var(--text-3)}.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.tbl th{text-align:left;font-family:var(--mono);font-size:var(--fs-xs);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tbl td,.tbl th{padding:var(--s2) var(--s3);border-bottom:1px solid var(--border)}.tbl td{vertical-align:top}.tbl tr:last-child td{border-bottom:0}.tbl tr.link{cursor:pointer}.tbl tr.link:hover td{background:var(--surface-2)}.tbl td.r,.tbl th.r{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sk,.skeleton{background:var(--surface-3);border-radius:var(--r-sm);height:14px}.sk.lg,.skeleton.tall{height:28px}.sk.block{height:72px}.empty{text-align:center;padding:var(--s7) var(--s4);display:flex;flex-direction:column;gap:var(--s3);align-items:center}.empty .empty-t,.empty h3{font-size:var(--fs-lg);font-weight:600}.empty p{color:var(--text-2);max-width:44ch}.denied{max-width:480px;margin:var(--s7) auto;text-align:center;display:flex;flex-direction:column;gap:var(--s3);align-items:center}.denied .code{font-family:var(--mono);color:var(--text-3);font-size:var(--fs-sm)}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs>a,.tabs>span{text-decoration:none;padding:var(--s2) var(--s3);font-weight:550;color:var(--text-3);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;cursor:pointer}.tabs>a.on,.tabs>span.on{color:var(--text);border-color:var(--accent)}.scrim{position:fixed;inset:0;background:rgba(32,43,93,.36);display:flex;align-items:center;justify-content:center;padding:var(--s4);z-index:20}.dialog{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto}.dialog .card-b,.dialog .card-h{padding:var(--s4)}.dialog .card-f{display:flex;justify-content:flex-end;gap:var(--s2);flex-wrap:wrap}.brand{font-family:var(--font);font-weight:800;letter-spacing:-.01em;text-transform:none;gap:var(--s2);color:var(--text);text-decoration:none}.brand,.brand .mark{display:inline-flex;align-items:center}.brand .mark{width:22px;height:22px;border-radius:6px;background:var(--accent);color:var(--on-accent);justify-content:center;font-size:12px;font-weight:700}.topbar{height:56px;display:flex;align-items:center;gap:var(--s4);padding:0 var(--s5);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar .spacer{flex:1 1}.iconbtn{position:relative;width:36px;height:36px;border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;border:0;background:transparent}.iconbtn,.iconbtn .count{display:inline-flex;align-items:center;justify-content:center}.iconbtn .count{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--bad);color:var(--on-accent);font-size:10px;font-weight:700}.avatar{width:32px;height:32px;border-radius:50%;background:var(--surface-3);color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:650;flex:none;overflow:hidden}.avatar.lg{width:72px;height:72px;font-size:24px}.clay-welcome{padding:0;margin:0 0 var(--s4);overflow:hidden}.clay-welcome img{display:block;width:100%;height:auto}.clay-welcome--compact{display:none}@media (max-width:767px){.clay-welcome--compact{display:block;float:right;width:96px;height:96px;margin:var(--s1) 0 var(--s3) var(--s3)}.clay-welcome--compact img{width:96px;height:96px;object-fit:cover}}.c-nav{display:flex;gap:var(--s1)}.c-nav>a{display:inline-flex;align-items:center;gap:var(--s2);white-space:nowrap;padding:var(--s2) var(--s3);text-decoration:none;border-radius:var(--r-sm);color:var(--text-2);font-weight:550;cursor:pointer}.c-nav>a.on{background:var(--accent-soft);color:var(--accent)}@media (max-width:1100px){.c-nav .clay-icon{display:none}}.c-main{max-width:960px;margin:0 auto;padding:var(--s5) var(--s5) var(--s7)}.public-main{max-width:none;padding-inline:max(var(--s5),calc((100% - 960px) / 2 + var(--s5)));min-height:calc(100dvh - 56px)}.c-tabbar{display:none}.o-app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.o-side{background:var(--surface);border-right:1px solid var(--border);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s1)}.o-side .grp{font-size:var(--fs-xs);font-weight:600;color:var(--text-3);padding:var(--s3) var(--s2) var(--s1);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}.o-side .nav{display:flex;justify-content:space-between;align-items:center;padding:6px var(--s2);border-radius:var(--r-sm);color:var(--text-2);font-weight:550;cursor:pointer}.o-side .nav.on{background:var(--accent-soft);color:var(--accent)}.o-side .nav .n{font-size:var(--fs-xs);color:var(--text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.o-main{min-width:0}.o-top{height:52px;gap:var(--s3);padding:0 var(--s5);background:var(--surface);border-bottom:1px solid var(--border)}.o-search,.o-top{display:flex;align-items:center}.o-search{flex:1 1;max-width:420px;gap:var(--s2);height:34px;padding:0 var(--s3);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text-3);background:var(--surface-2);cursor:pointer;min-width:0}.o-search-t{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-spacer{flex:1 1}.kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--border-strong);border-radius:4px;padding:0 4px;color:var(--text-3);background:var(--surface)}.o-content{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}.o-menu{display:none}.page-h,.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s3);flex-wrap:wrap}.page-h .h1,.page-head h1{font-size:var(--fs-xl)}.a-wrap,.auth{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--s7) var(--s4);gap:var(--s5)}.a-card,.auth-main{width:min(440px,100%)}.a-card.wide{width:min(640px,100%)}.auth-head{width:min(640px,100%);justify-content:space-between;gap:var(--s4)}.auth-foot,.auth-head{display:flex;align-items:center;flex-wrap:wrap}.auth-foot{justify-content:center;gap:var(--s3);font-size:var(--fs-xs);color:var(--text-3)}.auth-head [aria-current=true]{font-weight:600;color:var(--accent)}.auth-card-head{margin-bottom:var(--s4)}.lead{color:var(--text-3);margin-top:var(--s1)}.table-wrap{overflow-x:auto}.imp{position:sticky;top:0;z-index:10;background:var(--ink);color:var(--surface);display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s5);font-size:var(--fs-sm);flex-wrap:wrap}.imp .sub{color:inherit}.imp .btn{min-height:32px;background:var(--surface);color:var(--ink);border-color:transparent}.shot{aspect-ratio:9/16;width:120px;border-radius:var(--r);background:var(--surface-3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:var(--fs-xs);text-align:center;padding:var(--s2);flex:none}.guide-illustration{display:block;width:180px;max-width:100%;height:auto;margin:0 auto var(--s2)}.guide-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r);background:var(--accent-soft);color:var(--accent)}.guide-step{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:flex-start}.guide-step>.stack{flex:1 1 180px}.guide-shot{width:120px;height:auto;border-radius:var(--r);border:1px solid var(--border);flex:none}.qr{width:112px;height:112px;border-radius:var(--r-sm);border:8px solid var(--surface);outline:1px solid var(--border);background:repeating-conic-gradient(var(--text) 0 25%,var(--surface) 0 50%) 0 0 /16px 16px;flex:none}@media (max-width:767px){:root{font-size:15px;--card-pad:var(--s4)}.grid-2,.grid-3,.split{grid-template-columns:minmax(0,1fr)}.grid-4,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-card-head h1,.h1{font-size:22px}.topbar{padding:var(--s2) var(--s4);height:auto;min-height:52px}.c-nav{display:none}.c-main{padding:var(--s4) var(--s4) 96px}.public-main{min-height:calc(100dvh - 52px)}.c-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);z-index:6}.c-tabbar>a{display:flex;text-decoration:none;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:600;color:var(--text-3);cursor:pointer}.c-tabbar>a.on{color:var(--accent)}.c-tabbar .ti{width:20px;height:20px;flex:none}.o-app{grid-template-columns:minmax(0,1fr)}.o-side{display:none}.o-top{padding:0 var(--s3)}.o-menu{display:inline-flex}.o-search .kbd,.o-spacer,.o-who{display:none}.o-search{max-width:none}.o-content{padding:var(--s4) var(--s3)}.tbl,.tbl tbody,.tbl td,.tbl tr{display:block;width:100%}.tbl thead{display:none}.tbl tr{padding:var(--s2) var(--s3);border-bottom:1px solid var(--border)}.tbl tr:last-child{border-bottom:0}.tbl td{border:0;padding:2px 0;display:flex;justify-content:space-between;gap:var(--s3);text-align:right}.tbl td:before{content:attr(data-label);color:var(--text-3);font-size:var(--fs-sm);text-align:left;flex:none}.tbl td.r{text-align:right}.tbl td.lead{font-weight:600;text-align:left}.tbl td.lead:before{display:none}.scrim{align-items:flex-end;padding:0}.dialog{width:100%;border-radius:var(--r-lg) var(--r-lg) 0 0}.imp{padding:var(--s2) var(--s4)}.seg{display:flex;flex-direction:column;width:100%}.seg>*+*{border-left:0;border-top:1px solid var(--border-strong)}.topbar .seg{flex-direction:row;width:auto}.topbar .seg>*+*{border-top:0;border-left:1px solid var(--border-strong)}.btn-row-phone>.btn{flex:1 1 100%}}@media (max-width:480px){.public-topbar .seg>button{padding:0 var(--s2)}.public-topbar .header-right:not(:has(>nav)){flex-wrap:nowrap}}.msg-list{display:grid;gap:var(--s4);margin:0;padding:0}.msg-list>li{border:0;padding:0}.msg-day{display:flex;align-items:center;gap:var(--s3);color:var(--text-3);font-size:var(--fs-xs)}.msg-day:after,.msg-day:before{content:"";height:1px;flex:1 1;background:var(--border)}.msg-group{display:grid;gap:var(--s1);max-width:85%;min-width:0}.msg-mine{margin-left:auto}.msg-sender{color:var(--text-3);font-size:var(--fs-xs);overflow-wrap:anywhere}.msg-sender strong{color:var(--text)}.msg-bubble{padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--accent-soft);overflow-wrap:anywhere;min-width:0}.msg-bubble p{margin:0;white-space:pre-wrap}.msg-bubble .chip{margin-top:var(--s2);max-width:100%;white-space:normal;overflow-wrap:anywhere}.msg-assistant,.msg-mine .msg-bubble{background:var(--surface)}.msg-assistant{border-style:dashed}.help-thread .msg-bubble{background:var(--surface);border-left:3px solid var(--text)}.help-thread .msg-mine .msg-bubble{background:var(--surface-3);border-left:1px solid var(--border)}.help-thread .support-composer{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s4);background:var(--surface)}.help-guides{overflow:hidden}.help-guide-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4);text-decoration:none;color:var(--text);min-width:0}.help-guide-row+.help-guide-row{border-top:1px solid var(--border)}.help-guide-row>div{min-width:0}.help-guide-row .label-caps,.help-guide-row strong{display:block}.help-guide-row p{margin:var(--s1) 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}.help-setup{border-left:3px solid var(--accent)}.ops-user{flex-wrap:wrap}.msg-preview{border-left:3px solid var(--border);padding-left:var(--s3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}@media (max-width:640px){.stat-strip .stat{padding:var(--s2) var(--s3)}.stat-strip .stat-value{font-size:18px}.stat-strip .stat-label{letter-spacing:.02em}}:focus-visible{outline-width:3px;outline-offset:3px}input[type=checkbox],input[type=radio],progress{accent-color:var(--accent)}.topbar{--text:var(--clay-light);--text-2:var(--clay-light);--text-3:var(--clay-light);--border:rgba(255,255,255,0.24);--border-strong:rgba(255,255,255,0.62);--accent:var(--clay-light);--accent-soft:rgba(255,255,255,0.18);--surface-2:rgba(255,255,255,0.14);--surface-3:rgba(255,255,255,0.22);--focus:var(--clay-light);background:var(--stage-deep);color:var(--text);border-bottom-color:transparent;box-shadow:0 3px 0 rgba(63,82,167,.35)}@media (min-width:1024px){[data-focus="1"] .fp-rail:not(.fp-apply .fp-rail,.fp-app .fp-rail){--text-2:var(--clay-light);--text-3:var(--clay-light);--accent:var(--clay-light);--ink:var(--clay-light);--surface-3:color-mix(in srgb,var(--clay-light) 22%,transparent)}}.topbar :is(.btn:not(.ghost,.btn-ghost),.input,.select,.textarea,dialog,.card,.menu){--text:var(--clay-ink);--text-2:var(--clay-text-2);--text-3:var(--clay-muted);--border:var(--clay-line);--border-strong:var(--clay-line-strong);--accent:var(--clay-blue-edge);--accent-soft:var(--clay-accent-soft);--surface-2:var(--clay-surface-2);--surface-3:var(--clay-surface-3);--focus:var(--clay-focus)}.topbar .btn:is(.ghost,.btn-ghost):hover{background:var(--surface-2)}.topbar .c-nav>a{border-radius:var(--clay-r-control)}.topbar .c-nav>a.on,.topbar .c-nav>a[aria-current=page]{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 1px 1px rgba(255,255,255,.25)}.topbar .badge.b-accent{background:var(--clay-light);color:var(--clay-ink)}.topbar .avatar{text-decoration:none;background:var(--clay-light);color:var(--clay-blue-edge);box-shadow:0 2px 0 rgba(32,43,93,.25)}.c-tabbar{box-shadow:0 -2px 10px rgba(63,82,167,.06)}.btn{border-radius:var(--clay-r-control);border-color:var(--border);box-shadow:inset 0 2px 2px rgba(255,255,255,.6),0 3px 0 var(--clay-surface-3),0 5px 7px rgba(52,74,124,.07);transition:transform var(--press) var(--soft-out),box-shadow var(--press),background-color var(--press),border-color var(--press)}.btn-primary,.btn.primary{background:linear-gradient(172deg,var(--clay-action-light),var(--action) 65%) var(--action);border-color:var(--action-border);color:var(--on-action);box-shadow:inset 0 2px 2px rgba(255,228,198,.9),0 4px 0 var(--action-edge),0 7px 10px rgba(124,70,55,.1)}.btn-primary:hover,.btn.primary:hover{background:var(--action-hover)}.btn-ghost,.btn.ghost{box-shadow:none}.btn-danger,.btn.danger{border-color:var(--bad)}@media (hover:hover) and (pointer:fine){.btn:not(:disabled,[aria-disabled=true],.ghost,.btn-ghost):hover{transform:translateY(-1px)}.btn:is(.primary,.btn-primary):not(:disabled,[aria-disabled=true]):hover{transform:translateY(-1px) rotate(-1deg)}.c-nav>a:hover{transform:translateY(-1px) rotate(-2deg)}}.c-nav>a{transition:transform var(--settle) var(--soft-out),background-color var(--press)}.btn:is(.primary,.btn-primary,*):not(:disabled,[aria-disabled=true]):active{transform:translateY(3px) scale(1.02,.94);box-shadow:inset 0 2px 3px rgba(100,68,35,.13);transition-duration:var(--press)}.c-nav>a:active{transform:translateY(1px) scale(1.04,.9);transition-duration:var(--press)}.alert,.field-error{animation:clay-arrive var(--enter) var(--soft-out) both}.btn:is([disabled],[aria-disabled=true]){box-shadow:none;transform:none}.chip{border-radius:14px 12px 15px 12px;border-color:var(--border);background:linear-gradient(170deg,var(--surface),var(--surface-2)) var(--surface);box-shadow:0 2px 0 var(--clay-surface-3)}:is(button,a).chip{min-height:32px;color:var(--text);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:transform var(--press) var(--soft-out),box-shadow var(--press),background-color var(--press)}.chip:is([aria-pressed=true],[aria-checked=true],.on){background:linear-gradient(170deg,var(--clay-stage-mid),var(--stage-deep)) var(--stage-deep);border-color:var(--accent);color:var(--on-accent);box-shadow:inset 0 2px 3px rgba(46,65,137,.33);transform:translateY(2px)}.seg{border-radius:var(--clay-r-control);border-color:var(--border);box-shadow:inset 0 2px 3px rgba(66,84,162,.1)}.seg>.on{box-shadow:inset 0 1px 2px rgba(255,255,255,.7)}.input,.select,.textarea{border-radius:var(--clay-r-control);box-shadow:inset 0 2px 3px rgba(62,85,144,.07);transition:border-color var(--press),box-shadow var(--press)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:inset 0 2px 3px rgba(62,85,144,.07),0 0 0 3px rgba(113,137,225,.2)}.check .box{border-radius:7px 6px 8px 6px;box-shadow:inset 0 2px 3px rgba(77,96,149,.17)}.check .box.on{box-shadow:inset 0 2px 3px rgba(38,60,144,.3)}.auth-card,.card,.stat{box-shadow:0 2px 0 rgba(166,180,223,.3)}.badge{border-radius:9px 11px 8px 10px;box-shadow:inset 0 1px 1px rgba(255,255,255,.35),inset 0 -1px 1px rgba(41,57,96,.07)}.bar{border-radius:999px}.label-caps{font-family:var(--font);letter-spacing:.02em;color:var(--text-2)}.clay-icon{--cut:var(--clay-paper);display:inline-grid;place-items:center;flex:none;width:28px;height:28px;vertical-align:middle;border-radius:42% 49% 44% 47%;color:var(--clay-blue-edge);background:linear-gradient(145deg,var(--clay-light),var(--clay-icon-shade));box-shadow:inset 1px 2px 2px rgba(255,255,255,.6),inset -1px -2px 2px rgba(130,153,214,.34),0 2px 0 rgba(135,155,204,.27);transition:transform var(--settle),box-shadow var(--settle)}.clay-icon svg{width:64%;height:64%;display:block}:is(.btn,.chip,.iconbtn) .clay-icon{--cut:var(--surface);width:20px;height:20px;background:transparent;box-shadow:none;color:currentColor}:is(.btn,.chip,.iconbtn) .clay-icon svg{width:100%;height:100%}:is(.btn.primary,.btn-primary) .clay-icon{--cut:var(--action)}:is(a[aria-current=page],a.on) .navicon>.clay-icon,:is(a[aria-current=page],a.on)>.clay-icon{--cut:var(--clay-action-cut);color:var(--clay-action-glyph);background:linear-gradient(145deg,var(--clay-action-soft),var(--action));box-shadow:inset 1px 2px 2px rgba(255,242,212,.5),inset -1px -2px 2px rgba(168,100,55,.4),0 1px 0 rgba(49,71,142,.33);transform:rotate(-4deg)}@media (hover:hover) and (pointer:fine){a:hover>.clay-icon{transform:rotate(-5deg) translateY(-1px)}}.clay-scene{width:196px;max-width:40%;flex:none;-webkit-user-select:none;user-select:none}.clay-scene svg{display:block;width:100%;height:auto;overflow:visible}.clay-scene .move{transform-box:fill-box;transform-origin:50% 85%;animation:clay-place var(--clay-scene) steps(7) both}.clay-scene .lag{animation-delay:.1s}.clay-scene .carrot{animation-name:clay-roll;transform-origin:50% 65%}.clay-scene .person{animation-name:clay-nod}.clay-scene .clip{animation-name:clay-file}.clay-scene .cloth{animation-name:clay-fold}@media (max-width:767px){.clay-scene{width:112px}}.motion-surface{animation:clay-arrive var(--enter) var(--soft-out) both}.clay-loader{display:inline-flex;align-items:center;gap:var(--s2);color:var(--text-2);font-size:var(--fs-sm)}.clay-loader-pellets{display:inline-flex;gap:4px}.clay-loader-pellets i{width:9px;height:9px;border-radius:46% 54% 50% 48%;background:linear-gradient(150deg,var(--clay-action-light),var(--action));box-shadow:0 2px 0 var(--action-edge);animation:clay-pellet .9s steps(4) infinite}.clay-loader-pellets i:nth-child(2){animation-delay:.15s;background:linear-gradient(150deg,var(--clay-stage-light),var(--stage));box-shadow:0 2px 0 var(--accent)}.clay-loader-pellets i:nth-child(3){animation-delay:.3s}.clay-badge{display:inline-block;flex:none;line-height:0;--b-light:var(--clay-stage-light);--b-mid:var(--clay-stage);--b-shade:var(--clay-blue-edge);--b-edge:color-mix(in srgb,var(--clay-blue-edge) 72%,var(--clay-ink));--b-glyph:var(--clay-light);--b-glyph-shade:color-mix(in srgb,var(--clay-blue-edge) 80%,var(--clay-ink));--b-cut:var(--clay-stage)}.clay-badge svg{width:100%;height:100%;overflow:visible;display:block}.clay-badge[data-family=recording]{--b-light:var(--clay-action-light);--b-mid:var(--clay-action);--b-shade:var(--clay-action-border);--b-edge:var(--clay-edge);--b-glyph:var(--clay-action-glyph);--b-glyph-shade:color-mix(in srgb,var(--clay-edge) 70%,var(--clay-action));--b-cut:var(--clay-action-soft)}.clay-badge[data-family=accepted]{--b-light:var(--clay-ok-bg);--b-mid:color-mix(in srgb,var(--clay-ok-bg) 42%,var(--clay-ok));--b-shade:var(--clay-ok);--b-edge:color-mix(in srgb,var(--clay-ok) 70%,var(--clay-ink));--b-glyph:var(--clay-light);--b-glyph-shade:color-mix(in srgb,var(--clay-ok) 80%,var(--clay-ink))}.clay-badge[data-family=streak]{--b-light:var(--clay-light);--b-mid:var(--clay-surface-3);--b-shade:var(--clay-icon-shade);--b-edge:var(--clay-stage-mid);--b-glyph:var(--clay-blue-edge);--b-glyph-shade:var(--clay-icon-shade)}.clay-badge .ground{fill:var(--clay-stage-deep);opacity:.18}.clay-badge .edge{fill:var(--b-edge)}.clay-badge .groove-dk{fill:none;stroke:var(--b-shade);stroke-width:2.2;opacity:.55}.clay-badge .groove-lt{fill:none;stroke:var(--b-light);stroke-width:1.6;opacity:.7}.clay-badge .shine{fill:var(--clay-light);opacity:.4}.clay-badge .glyph text{font-family:var(--clay-font-body);letter-spacing:-.02em}.clay-badge .g-lit{fill:var(--b-glyph);stroke:var(--b-glyph)}.clay-badge .g-shade{fill:var(--b-glyph-shade);stroke:var(--b-glyph-shade)}.clay-badge .glyph circle,.clay-badge .glyph ellipse,.clay-badge .glyph path:not(.ln),.clay-badge .glyph text{stroke:none}.clay-badge .glyph .ln{fill:none}.clay-badge .g-lit .cut circle{fill:var(--b-cut)}.clay-badge .g-shade .cut{display:none}.clay-badge[data-family=streak] .g-lit .p1{fill:var(--clay-action)}.clay-badge[data-family=streak] .g-lit .p2{fill:var(--clay-stage)}.clay-badge[data-state=locked] .disc{fill:var(--clay-surface-3)}.clay-badge[data-state=locked] .edge{fill:var(--clay-icon-shade)}.clay-badge[data-state=locked] .ground{opacity:.08}.clay-badge[data-state=locked] .groove-dk{stroke:var(--clay-icon-shade);opacity:1}.clay-badge[data-state=locked] .g-shade{display:none}.clay-badge[data-state=locked] .g-lit,.clay-badge[data-state=locked] .g-lit .p1,.clay-badge[data-state=locked] .g-lit .p2{fill:var(--clay-icon-shade);stroke:var(--clay-icon-shade)}.clay-badge[data-state=locked] .g-lit .cut circle{fill:var(--clay-surface-3)}.clay-badge[data-state=new] .ground{fill:var(--clay-action);opacity:.35}.clay-strip{display:flex;flex-direction:column;gap:0;max-width:300px}.clay-strip-row{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:0 6px;align-items:end}.clay-pellet{justify-self:center;width:24px;height:21px;border-radius:46% 54% 50% 48%/52% 50% 48% 50%;position:relative;z-index:1}.clay-pellet[data-week=counted],.clay-pellet[data-week=open-counted]{background:linear-gradient(150deg,var(--clay-stage-light),var(--clay-stage) 58%,var(--clay-stage-mid));box-shadow:inset 1px 2px 2px color-mix(in srgb,var(--clay-on-accent) 45%,transparent),inset -1px -2px 2px color-mix(in srgb,var(--clay-ink) 18%,transparent),0 3px 0 var(--clay-blue-edge)}.clay-pellet:nth-child(odd)[data-week=counted]{transform:rotate(-6deg)}.clay-pellet:nth-child(2n)[data-week=counted]{transform:rotate(5deg)}.clay-pellet[data-week=missed]{background:var(--clay-surface-2);box-shadow:inset 0 2px 3px color-mix(in srgb,var(--clay-muted) 22%,transparent),0 1px 0 color-mix(in srgb,var(--clay-on-accent) 80%,transparent)}.clay-pellet[data-week=open]{background:var(--clay-light);outline:2px dashed var(--clay-stage-light);outline-offset:1px}.clay-pellet[data-week=open-counted]:after{content:"";position:absolute;inset:-5px;border-radius:inherit;border:2px solid var(--clay-action-soft)}.clay-strip-ledge{height:8px;margin-top:-4px;border-radius:999px;background:linear-gradient(180deg,var(--clay-surface-2),var(--clay-surface-3));box-shadow:0 2px 0 var(--clay-icon-shade)}.clay-strip-cap{display:flex;justify-content:flex-end;padding:6px 2px 0;font-size:12px;color:var(--clay-muted)}.clay-strip-cap .now{font-weight:650;color:var(--clay-text-2)}.clay-progress{height:16px;border-radius:999px;background:var(--clay-surface-2);box-shadow:inset 0 2px 3px color-mix(in srgb,var(--clay-muted) 22%,transparent),0 1px 0 color-mix(in srgb,var(--clay-on-accent) 85%,transparent);padding:2px}.clay-progress>i{display:block;height:100%;border-radius:999px;background:linear-gradient(180deg,var(--clay-action-light),var(--clay-action) 60%,var(--clay-action-border));box-shadow:inset 0 2px 1px color-mix(in srgb,var(--clay-on-accent) 55%,transparent),0 2px 0 var(--clay-edge);transform-origin:left center;animation:clay-grow var(--clay-enter) steps(4) .12s both}.clay-pellets{position:absolute;inset:0;pointer-events:none}.clay-pellets i{position:absolute;width:16px;height:14px;border-radius:46% 54% 50% 48%;background:linear-gradient(150deg,var(--clay-action-light),var(--clay-action));box-shadow:0 2px 0 var(--clay-edge);animation:clay-pop var(--clay-enter) steps(4) .6s both}.clay-pellets .p1{left:14%;top:22%;transform:rotate(-14deg)}.clay-pellets .p2{right:12%;top:12%;background:linear-gradient(150deg,var(--clay-stage-light),var(--clay-stage));box-shadow:0 2px 0 var(--clay-blue-edge);animation-delay:.67s}.clay-pellets .p3{right:20%;bottom:18%;width:12px;height:11px;background:linear-gradient(150deg,var(--clay-ok-bg),color-mix(in srgb,var(--clay-ok-bg) 40%,var(--clay-ok)));box-shadow:0 2px 0 var(--clay-ok);animation-delay:.74s}.clay-pellets.wide .p1{left:12%;top:18%}.clay-pellets.wide .p2{right:24%;top:4%}.clay-pellets.wide .p3{left:50%;top:22%}.clay-drop{display:inline-block;transform-origin:50% 100%;animation:clay-drop var(--clay-scene) steps(6) both}dialog.clay-reveal{position:fixed;inset:0;z-index:20;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:16px;color:var(--clay-ink);background:color-mix(in srgb,var(--clay-stage-deep) 46%,transparent);animation:clay-veil var(--clay-enter) ease-out both}dialog.clay-reveal[open]{display:grid;place-items:center}dialog.clay-reveal::backdrop{background:transparent}.clay-reveal-card{width:min(380px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:24px;background:var(--clay-light);border-radius:22px 26px 20px 24px;border:1px solid var(--clay-line);box-shadow:0 6px 0 var(--clay-surface-3),0 22px 40px color-mix(in srgb,var(--clay-ink) 22%,transparent);animation:clay-arrive var(--clay-enter) ease-out both}.clay-reveal-stage{position:relative;width:220px;height:160px;display:grid;place-items:end center;border-radius:50% 50% 46% 54%/60% 60% 40% 40%;background:radial-gradient(ellipse at 50% 92%,var(--clay-surface-3) 0 30%,transparent 31%),radial-gradient(ellipse at 50% 60%,var(--clay-surface-2),transparent 70%);padding-bottom:6px}.clay-reveal-done{min-width:200px}.clay-celebrate{position:relative;width:min(420px,100%);aspect-ratio:240/170;margin:0 auto}.clay-celebrate-halo{position:absolute;inset:6% 2% 0;border-radius:50% 50% 46% 54%/56% 56% 44% 44%;background:radial-gradient(ellipse at 50% 55%,var(--clay-surface-2),var(--clay-paper) 72%)}.clay-celebrate .clay-celebrate-scene{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:none}.clay-celebrate-medal{position:absolute;left:22%;top:14%}@keyframes clay-drop{0%{transform:translateY(-120px) rotate(-8deg);opacity:0}20%{opacity:1}45%{transform:translateY(0) rotate(3deg) scale(1.06,.82)}62%{transform:translateY(-10px) rotate(-2deg) scale(.97,1.04)}80%{transform:translateY(0) scale(1.02,.97)}to{transform:none;opacity:1}}@keyframes clay-pop{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.15) rotate(6deg);opacity:1}to{transform:scale(1);opacity:1}}@keyframes clay-tick-set{0%{transform:scale(.6)}60%{transform:scale(1.08) rotate(-4deg)}to{transform:none}}@keyframes clay-grow{0%{transform:scaleX(.2)}to{transform:none}}@keyframes clay-veil{0%{opacity:0}to{opacity:1}}@keyframes clay-place{0%{transform:translateY(-8px) rotate(-5deg)}45%{transform:translateY(2px) rotate(2deg)}70%{transform:translateY(-1px) rotate(-1deg)}to{transform:none}}@keyframes clay-roll{0%{transform:translate(-9px,-3px) rotate(-18deg)}50%{transform:translate(2px,1px) rotate(5deg)}78%{transform:translate(-1px) rotate(-2deg)}to{transform:none}}@keyframes clay-nod{0%,to{transform:none}35%{transform:rotate(-5deg) translateY(1px)}65%{transform:rotate(3deg)}}@keyframes clay-file{0%{transform:translate(9px,-15px) rotate(9deg);opacity:.35}60%{transform:translate(-1px,2px) rotate(-2deg);opacity:1}to{transform:none;opacity:1}}@keyframes clay-fold{0%{transform:translateY(-8px) rotate(-4deg) scaleY(1.05)}60%{transform:translateY(2px) rotate(1deg) scaleY(.97)}to{transform:none}}@keyframes clay-arrive{0%{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes clay-pellet{0%,to{transform:none}50%{transform:translateY(-4px) scale(1.05,.95)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:1ms!important;scroll-behavior:auto!important}.alert,.clay-drop,.clay-loader-pellets i,.clay-pellets i,.clay-progress>i,.clay-reveal,.clay-reveal-card,.clay-scene .move,.clay-step-pellet,.field-error,.motion-surface{animation:none!important;transform:none!important;opacity:1!important}.btn:is(.primary,.btn-primary,*):not(:disabled):is(:hover,:active),.c-nav>a:is(:hover,:active),.chip:is([aria-pressed=true],[aria-checked=true],.on),a:hover>.clay-icon{transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog.dialog{border:1px solid var(--border);padding:0;margin:auto}dialog.dialog::backdrop{background:rgba(32,43,93,.36)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.legal-page{max-width:850px;width:100%;margin:0 auto}.legal-body{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7}.auth-head nav{flex-wrap:wrap}.auth-card form{padding:0 24px 24px}.header-right form,.ops-top form{display:flex;align-items:center;gap:8px}.header-right select,.ops-top select{background:transparent;border:1px solid var(--border);border-radius:4px;padding:4px}.mobile-nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px}.impersonation .container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.impersonation form{margin:0}@media (max-width:600px){.header-right{gap:8px}.header-right .avatar{display:none}.auth-main{padding:24px 16px}.auth-head{align-items:start;gap:12px}.auth-head nav{max-width:200px}.ops-layout{min-width:0}.legal-body{font-size:14px}}.sp-help{position:relative;display:inline-flex;align-items:center;gap:6px}.sp-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--surface);display:inline-block}.sp-help .sp-dot{position:absolute;top:-2px;right:-2px}.sp-entry{display:inline-flex;align-items:center;gap:8px}.sp-entry.has-new{border-color:var(--accent);color:var(--accent)}.sp-scrim{position:fixed;inset:0;background:color-mix(in srgb,var(--ink) 38%,transparent);z-index:40}.sp-panel{position:fixed;z-index:41;background:var(--surface);color:var(--text);display:flex;flex-direction:column;min-height:0}@media (min-width:761px){.sp-scrim{display:none}.sp-panel{top:56px;right:0;bottom:0;width:420px;border-left:1px solid var(--border);box-shadow:-12px 0 32px color-mix(in srgb,var(--ink) 8%,transparent)}.sp-grab{display:none}}@media (max-width:760px){.sp-panel{left:0;right:0;bottom:0;height:88%;border-radius:16px 16px 0 0;box-shadow:0 -12px 32px color-mix(in srgb,var(--ink) 18%,transparent)}}.sp-grab{width:40px;height:4px;border-radius:2px;background:var(--surface-3);margin:8px auto 0;flex:none}.sp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--border);flex:none}.sp-head h2{margin:0;font-size:var(--fs-lg);font-weight:700}.sp-head p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-3)}.sp-x{border:1px solid var(--border);background:var(--surface);border-radius:999px;min-width:44px;height:36px;padding:0 12px;font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;color:var(--text)}.sp-body{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--s3) var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.sp-empty{margin:auto 0;text-align:left;padding:var(--s4);border:1px dashed var(--border);border-radius:12px}.sp-empty b{display:block;margin-bottom:4px}.sp-empty p{margin:0;font-size:var(--fs-sm);color:var(--text-3)}.sp-msg{display:flex;flex-direction:column;gap:4px;max-width:88%}.sp-msg.mine{align-self:flex-end;align-items:flex-end}.sp-meta{font-size:var(--fs-xs);color:var(--text-3)}.sp-meta b{color:var(--text)}.sp-bubble{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:var(--fs-md);line-height:1.45}.sp-msg.mine .sp-bubble{background:var(--surface-3);border-color:transparent}.sp-msg.staff .sp-bubble{border-left:3px solid var(--ink)}.sp-msg.new .sp-bubble{border-color:var(--accent);border-left-color:var(--accent);background:var(--accent-soft)}.sp-new{font-size:var(--fs-xs);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.sp-ctxline,.sp-day{font-size:var(--fs-xs);color:var(--text-3)}.sp-day{text-align:center}.sp-sent{display:flex;gap:10px;padding:10px 12px;border-radius:12px;background:var(--ok-bg);font-size:var(--fs-sm);line-height:1.45}.sp-sent,.sp-sent b{color:var(--ok)}.sp-fail{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;background:var(--bad-bg);color:var(--bad);font-size:var(--fs-sm)}.sp-pending .sp-bubble{opacity:.7;border-style:dashed}.sp-compose{flex:none;border-top:1px solid var(--border);padding:var(--s3) var(--s4) var(--s4);display:flex;flex-direction:column;gap:8px;background:var(--surface)}.sp-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 6px 4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-2)}.sp-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-chip button{border:0;background:transparent;font:inherit;font-size:var(--fs-xs);text-decoration:underline;color:var(--text-3);cursor:pointer;padding:2px 4px;min-height:24px}.sp-ta{width:100%;box-sizing:border-box;min-height:76px;resize:none;padding:10px 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);font:inherit;font-size:var(--fs-md);color:var(--text)}.sp-ta.filled{min-height:96px}.sp-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-attach{border:0;background:transparent;font:inherit;font-size:var(--fs-sm);font-weight:600;text-decoration:underline;color:var(--text-2);cursor:pointer;padding:8px 0;min-height:40px}.sp-foot{font-size:var(--fs-xs);color:var(--text-3)}.sp-foot a{color:var(--accent)}.sp-sk{border-radius:12px}.sp-file,.sp-sk{background:var(--surface-2)}.sp-file{display:inline-flex;gap:6px;align-items:center;font-size:var(--fs-xs);padding:4px 8px;border-radius:8px;border:1px solid var(--border)}.sp-panel[hidden],.sp-scrim[hidden]{display:none}.sp-page{min-width:0}.sp-body,.sp-bubble,.sp-ctxline{overflow-wrap:anywhere}.sp-bubble{white-space:pre-wrap}.sp-entry{min-height:40px;position:relative}.sp-entry.has-new{background:var(--accent-soft)}.sp-head h2:focus{outline:none}.sp-body button,.sp-compose button,.sp-x{min-height:40px;min-width:40px}.sp-chip{border-radius:12px}.sp-chip span{white-space:normal;overflow-wrap:anywhere}.sp-chip button{min-width:44px}.sp-compose{max-height:55%;overflow-y:auto}.sp-compose .textarea{min-height:76px;resize:vertical}.sp-compose .hint{margin:0;font-size:var(--fs-xs)}.sp-foot{padding:0 var(--s4) var(--s3)}.sp-foot a{display:inline-flex}.sp-foot a,.sp-msg .sp-file{min-height:40px;align-items:center}@media (min-width:761px){.sp-page.sp-open{margin-right:420px}.sp-open .topbar{width:calc(100% + 420px)}.sp-open .c-tabbar,.sp-open .fp-sheet{right:420px}.sp-open .fp-wrap{grid-template-columns:minmax(0,600px);justify-content:center}.sp-open .fp-aside{display:none}}@media (max-width:760px){.sp-entry,.sp-foot a,.sp-msg .sp-file,.sp-panel button{min-height:44px}.sp-panel{height:88dvh}.sp-compose{padding-bottom:max(var(--s3),env(safe-area-inset-bottom))}}.sp-chip button,.sp-x{white-space:nowrap;flex:none}@media (min-width:1024px){.sp-open [data-focus="1"] .fp-rail{left:calc(50% + 210px)}}