:root{color-scheme:dark;--ink: #ffffff;--muted: rgba(235, 235, 245, .6);--faint: rgba(235, 235, 245, .3);--line: rgba(84, 84, 88, .65);--glass: rgba(118, 118, 128, .24);--glass-2: rgba(44, 44, 48, .55);--group: #1c1c1e;--group-hi: #2c2c2e;--night: #000000;--blue: #0a84ff;--coral: #ff9f0a;--rose: #ff375f;--amber: #ff9f0a;--mint: #30d158;--violet: #bf5af2;--danger: #ff453a;--in: #262629;--out: #0a84ff;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.22, 1, .36, 1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang TC,Noto Sans TC,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#000;color:var(--ink);font-size:16px;line-height:1.4;letter-spacing:-.01em}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:var(--blue)}.shell{position:relative;height:100%;max-width:460px;margin:0 auto;overflow:hidden;isolation:isolate;background:var(--night)}.shell:before,.shell:after{inset:0;background:linear-gradient(180deg,#0000,#00000040 55%,#0000008c)}.shell:before{inset:-20%;background:radial-gradient(45% 35% at 80% 10%,rgba(255,159,10,.55),transparent 70%),radial-gradient(55% 40% at 10% 30%,rgba(94,92,230,.65),transparent 70%),radial-gradient(50% 40% at 85% 70%,rgba(255,55,95,.45),transparent 70%),radial-gradient(60% 45% at 20% 100%,rgba(10,132,255,.5),transparent 70%);filter:blur(30px);animation:drift 26s ease-in-out infinite alternate}.shell:after{inset:0;background:linear-gradient(180deg,#0b0c181a,#0b0c188c 60%,#0b0c18cc)}.shell.pane-thread:after{background:#000}.statusbar{display:none}.statusbar{position:absolute;top:0;left:0;right:0;z-index:20;height:54px;padding:0 30px 0 38px;align-items:center;justify-content:space-between;pointer-events:none;font-size:16px;font-weight:600;letter-spacing:0}.sb-time{width:54px}.island{position:absolute;top:11px;left:50%;width:122px;height:35px;margin-left:-61px;border-radius:999px;background:#000}.sb-icons{display:flex;align-items:center;gap:6px}.battery{position:relative;display:inline-block;width:25px;height:12px;padding:1.5px;border:1px solid rgba(255,255,255,.4);border-radius:4px}.battery:after{content:"";position:absolute;right:-3.5px;top:3.5px;width:2px;height:4px;border-radius:0 1px 1px 0;background:#fff6}.battery i{display:block;width:22%;height:100%;border-radius:2px;background:var(--danger)}@keyframes drift{0%{transform:translate(0) rotate(0)}to{transform:translate(-4%,3%) rotate(8deg)}}@media(min-width:620px)and (min-height:700px){body{background:radial-gradient(60% 50% at 50% 40%,#1a1530,#05060c 70%)}#root{display:grid;place-items:center;padding:28px 0}.statusbar{display:flex}.shell .home{padding-top:58px}.shell .thread-head{padding-top:54px}.shell{width:402px;height:min(874px,100%);border-radius:56px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 11px #1b1b1f,0 0 0 13px #3a3a40,0 40px 100px #0009}}.home{height:100%;overflow:auto;display:flex;flex-direction:column;gap:13px;padding:calc(18px + env(safe-area-inset-top)) 20px calc(14px + env(safe-area-inset-bottom));animation:fade .5s ease both}.lock-top{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.2em}.lock-clock{text-align:center;animation:rise .8s var(--ease) both}.lock-clock p{margin:2px 0 0;color:#ffffffd9;font-size:19px;font-weight:600}.lock-clock h1{margin:-6px 0 0;font-size:84px;font-weight:600;line-height:1.05;letter-spacing:-.02em;font-family:SF Pro Rounded,ui-rounded,-apple-system,Noto Sans TC,sans-serif;font-variant-numeric:tabular-nums;color:#ffffffeb}.notes{display:grid;gap:8px}.notif{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:22px;background:#1e1e2280;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);animation:drop .7s var(--spring) both;animation-delay:calc(.35s + var(--i) * .55s)}.notif.gf{animation:drop .7s var(--spring) both,nudge .5s ease both;animation-delay:calc(.35s + var(--i) * .55s),2.3s}.notif>div{min-width:0;flex:1}.notif header{display:flex;justify-content:space-between;gap:8px;font-size:15px;font-weight:600}.notif header span{color:var(--muted);font-size:13px;font-weight:400}.notif p{margin:0;font-size:15px;color:#fff}.app-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;flex:none;background:linear-gradient(180deg,#5bf675,#0cbd2a);color:#fff;font-size:18px}.notif.gf .app-icon{background:linear-gradient(180deg,#ff6b8b,#ff2d55)}@keyframes drop{0%{opacity:0;transform:translateY(-26px) scale(.94)}to{opacity:1;transform:none}}@keyframes nudge{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.pitch{margin-top:6px;animation:rise .7s 2s var(--ease) both}.pitch h2{margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.35;letter-spacing:-.01em}.pitch h2 em{font-style:normal;color:var(--rose)}.pitch p{margin:0;color:var(--muted);font-size:14px}.widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;animation:rise .7s 2.1s var(--ease) both}.widget{padding:10px 12px;border-radius:20px;background:#1e1e2273;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}.widget span{display:block;color:var(--muted);font-size:11px;font-weight:600}.widget strong{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.widget small{color:var(--muted);font-size:12px;font-weight:500}.cta{display:grid;gap:4px;margin-top:auto;animation:rise .7s 2.2s var(--ease) both}.start{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 8px 8px 22px;border:0;border-radius:999px;background:#1e1e2280;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);text-align:left;transition:transform .2s var(--ease),background .2s}.start:hover{background:#32323899}.start:active{transform:scale(.97)}.start strong{display:block;font-size:18px}.start small{display:block;color:var(--muted);font-size:12px}.start b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;flex:none;background:var(--blue);color:#fff;animation:breathe 2.4s 3s ease-in-out infinite}.start b svg{transition:transform .2s}.start:hover b svg{transform:translate(2px)}@keyframes breathe{0%,to{box-shadow:0 0 #0a84ff80}50%{box-shadow:0 0 0 10px #0a84ff00}}.link{justify-self:center;border:0;background:transparent;color:var(--muted);font-size:13px;padding:6px;text-decoration:underline;text-underline-offset:3px}.more{display:grid;gap:2px;font-size:13px;color:var(--muted);animation:fade .6s 2.4s both}.more summary{padding:6px 0;cursor:pointer}.more p{margin:0 0 8px}.more a{display:block;padding:8px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.more a span{display:block;color:var(--blue);font-size:11px;font-weight:600}.home-bar{flex:none;width:134px;height:5px;border-radius:999px;background:#ffffffd9}.lock-bottom{display:flex;align-items:flex-end;justify-content:space-between;padding:2px 22px 0;animation:fade .6s 2.4s both}.qa{display:grid;place-items:center;width:50px;height:50px;margin-bottom:18px;border-radius:50%;background:#1e1e2280;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.lock-bottom .home-bar{margin-bottom:0}.avatar{position:relative;display:grid;place-items:center;flex:none;border-radius:50%}.avatar-face{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#a5a5ad,#6e6e76);color:#fff;font-size:1em;font-weight:600;line-height:1}.avatar-face.hue-blue{background:linear-gradient(180deg,#64b5ff,#0a6fd6)}.avatar-face.hue-violet{background:linear-gradient(180deg,#d79bff,#8a3ad1)}.avatar-face.hue-orange{background:linear-gradient(180deg,#ffc061,#e5760a)}.online{position:absolute;right:0;bottom:0;width:26%;height:26%;min-width:9px;min-height:9px;border-radius:50%;background:var(--mint);border:2px solid #1c1c1e}.thread{position:relative;height:100%;display:flex;flex-direction:column;animation:push-in .45s var(--ease) both}@keyframes push-in{0%{opacity:0;transform:translate(14%)}}.thread-head{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:.5px solid var(--line);background:#161618d1;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}.icon-btn{justify-self:start;display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;padding:0;color:var(--blue)}.who{display:grid;justify-items:center;gap:2px;min-width:0;max-width:180px;text-align:center}.who strong{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.who strong svg{color:var(--muted)}.who>span{display:block;max-width:100%;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fade .3s ease both}.who .is-typing{color:var(--blue)}.ellipsis{font-style:normal}.ellipsis b{font-weight:700;animation:blink 1.2s infinite}.ellipsis b:nth-child(2){animation-delay:.2s}.ellipsis b:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.stats{justify-self:end;display:flex;align-items:center;gap:12px}.stat{position:relative;display:flex;align-items:center;gap:5px;transition:color .4s}.stat-empty{fill:#ffffff1a}.stat-fill{fill:currentColor}.stat-text{display:grid;line-height:1.05}.stat-text b{color:var(--ink);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;animation:bump .5s var(--spring)}.stat-text small{color:var(--muted);font-size:10px}.stat.hot{color:var(--rose)}.stat.warm{color:var(--amber)}.stat.cool{color:var(--mint)}.stat.ok{color:#8e8e93}.stat.bad{color:var(--danger)}.stats.hurt .stat svg,.stats.graze .stat svg{animation:beat .6s var(--spring)}.stats.good .stat:first-child svg{animation:beat .6s var(--spring)}.stat-pop{position:absolute;top:100%;left:2px;margin-top:2px;font-style:normal;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;animation:pop-float 1.8s var(--ease) forwards}.stat-pop.worse{color:var(--danger)}.stat-pop.better{color:var(--mint)}@keyframes beat{0%{transform:scale(1)}30%{transform:scale(1.35)}60%{transform:scale(.92)}to{transform:scale(1)}}@keyframes pop-float{0%{opacity:0;transform:translateY(-6px)}15%,75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes bump{0%{transform:translateY(-6px) scale(1.3);opacity:0}}.flash{position:absolute;inset:0;z-index:10;pointer-events:none;animation:flash .9s ease-out forwards}.flash.hurt{background:radial-gradient(ellipse at center,transparent 30%,rgba(255,30,50,.65) 100%),#ff1e3238}.flash.graze{background:radial-gradient(ellipse at center,transparent 45%,rgba(255,170,60,.45) 100%)}.flash.good{background:radial-gradient(ellipse at bottom,rgba(95,224,168,.32),transparent 60%);animation-duration:1.2s}@keyframes flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.thread.hurt{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.thread.graze{animation:shake-soft .4s ease both}@keyframes shake{10%,90%{transform:translate(-2px,1px) rotate(-.3deg)}20%,80%{transform:translate(5px,-1px) rotate(.4deg)}30%,50%,70%{transform:translate(-9px,2px) rotate(-.6deg)}40%,60%{transform:translate(9px,-2px) rotate(.6deg)}}@keyframes shake-soft{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.timebar{position:relative;z-index:3;height:3px;margin-top:-3px;overflow:hidden}.timebar span{display:block;height:100%;background:var(--blue);transform-origin:left center;transition:transform .1s linear,opacity .3s;opacity:0}.timebar.on span{opacity:1}.timebar.low span{background:var(--danger);box-shadow:0 0 12px var(--danger)}.thread-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:8px 14px 16px}.thread-body:before{content:"";flex:1 0 auto}.day{margin:20px auto 8px;max-width:300px;color:var(--muted);font-size:11px;text-align:center;animation:fade .5s ease both}.day span{display:block;margin-bottom:1px;color:var(--muted);font-size:11px;font-weight:600}.msg{display:flex;align-items:flex-end;gap:10px;margin:2px 0}.bubble{position:relative;width:max-content;max-width:min(75%,300px);margin:0;padding:7px 13px;border-radius:19px;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.msg.in .bubble{background:var(--in);color:#fff;transform-origin:0 100%;animation:pop-in .45s var(--spring) both}.msg.in .avatar{animation:fade .3s ease both}.msg.out{flex-direction:column;align-items:flex-end;gap:0;margin-top:6px}.msg.out .bubble{background:var(--out);color:#fff;transform-origin:100% 100%;animation:send .55s var(--spring) both}.msg .bubble:not(.typing):before,.msg .bubble:not(.typing):after{content:"";position:absolute;bottom:0;height:20px}.msg.in .bubble:not(.typing):before{left:-7px;width:20px;background:var(--in);border-bottom-right-radius:16px}.msg.in .bubble:not(.typing):after{left:-10px;width:10px;background:#000;border-bottom-right-radius:10px}.msg.out .bubble:before{right:-7px;width:20px;background:var(--out);border-bottom-left-radius:16px}.msg.out .bubble:after{right:-10px;width:10px;background:#000;border-bottom-left-radius:10px}.msg.silence .bubble:before,.msg.silence .bubble:after{display:none}.msg.silence .bubble{background:transparent;color:var(--muted);border:1px dashed var(--faint);box-shadow:none;font-style:italic}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.6)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes send{0%{opacity:0;transform:translate(-6px,60px) scale(.85)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.receipt{display:grid;margin:3px 2px 0 0;color:var(--muted);font-size:11px;font-weight:600;text-align:right;animation:fade .3s .25s both}.receipt>span{grid-area:1 / 1}.receipt.pending .sent{animation:out-fade .25s .6s forwards}.receipt.pending .seen{opacity:0;animation:in-fade .3s .75s forwards}@keyframes out-fade{to{opacity:0;transform:translateY(-4px)}}@keyframes in-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.typing-row.late{animation:fade .01s .9s both}.typing-row.late .bubble,.typing-row.late .avatar{animation-delay:.9s}.typing{display:flex;align-items:center;gap:4px;height:36px;padding:0 14px}.typing i{width:8px;height:8px;border-radius:50%;background:#8e8e93;animation:wave 1.2s infinite ease-in-out}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes wave{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.composer{position:relative;z-index:3;display:grid;gap:8px;max-height:52%;overflow:auto;padding:10px 14px calc(16px + env(safe-area-inset-bottom));border-top:.5px solid var(--line);background:#161618db;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}.composer-label,.banner{margin:0}.reply-group{overflow:hidden;border-radius:12px;background:var(--group)}.composer-label{display:flex;justify-content:space-between;padding:0 16px;color:var(--muted);font-size:13px;font-weight:400;animation:fade .3s both}.composer-label span{color:var(--muted);font-variant-numeric:tabular-nums}.composer-label span.danger{color:var(--danger);font-weight:600}.banner{padding:8px 12px;border-radius:10px;background:#bf5af22e;color:var(--violet);font-size:13px;animation:rise .4s var(--ease) both}.reply{position:relative;display:flex;gap:12px;align-items:flex-start;width:100%;padding:11px 16px;border:0;border-radius:0;background:transparent;text-align:left;font-size:16px;line-height:1.35;transition:background .15s;animation:rise .45s var(--ease) both;animation-delay:calc(var(--i) * 60ms + 40ms)}.reply+.reply:before{content:"";position:absolute;top:0;left:48px;right:0;border-top:.5px solid var(--line)}.reply:hover{background:var(--group-hi)}.reply:active{background:#3a3a3c}.reply span{display:grid;place-items:center;width:22px;height:22px;margin-top:0;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:700;flex:none}.composer.idle{grid-template-columns:auto 1fr;align-items:center;gap:10px;padding-top:8px}.fake-input{display:flex;justify-content:space-between;align-items:center;padding:6px 12px 6px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:var(--faint);font-size:16px}.plus{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--glass);color:var(--muted)}.composer.actions{grid-template-columns:auto 1fr;align-items:center;animation:fade .3s both}.composer.actions .primary{grid-column:2}.composer.actions .text{grid-column:1}.primary,.ghost,.text{border:0;border-radius:14px;transition:transform .15s,filter .15s}.primary{padding:13px 18px;background:var(--blue);color:#fff;font-size:17px;font-weight:600}.primary:hover{filter:brightness(1.08)}.primary:active,.ghost:active,.text:active{transform:scale(.96)}.ghost,.text{background:transparent;color:var(--blue);font-size:17px;font-weight:400;padding:10px 14px}.ghost{background:var(--glass)}.note{width:100%;margin:18px auto 4px;padding:14px 16px;border-radius:14px;background:var(--group);font-size:14px;color:#ffffffdb;animation:rise .5s .15s var(--ease) both}.note header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.note p{margin:10px 0 0}.note a{display:inline-block;margin-top:8px;font-size:12px;text-decoration:none}.note .delta{margin:0;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.delta span{margin-left:12px}.delta b{color:var(--ink)}.tag{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--glass);font-size:11px;font-weight:700}.note .tag{animation:pop-in .45s .3s var(--spring) both}.tag.kill{color:var(--mint);background:#30d1582e}.tag.soft{color:var(--amber);background:#ff9f0a2e}.tag.feed,.tag.mine{color:var(--danger);background:#ff453a2e}.tag.rude,.tag.timeout{color:var(--violet);background:#bf5af233}.tag.lab{color:var(--muted);font-weight:600}.note header .tag.lab{margin-right:auto;margin-left:-4px}.note .lab-hint{margin-top:8px;color:var(--faint);font-size:12px}.write-toggle{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;border:0;border-radius:12px;background:var(--group);color:var(--blue);font-size:16px;transition:background .15s;animation:rise .45s var(--ease) both;animation-delay:calc(var(--i) * 60ms + 40ms)}.write-toggle:hover{background:var(--group-hi)}.write-toggle:active{background:#3a3a3c}.write-toggle small,.lab-badge{padding:1px 7px;border-radius:999px;background:var(--glass);color:var(--muted);font-size:11px;font-weight:600}.composer-label .lab-badge{margin-left:6px;margin-right:auto}.write-row{display:flex;align-items:flex-end;gap:8px;padding:4px 4px 4px 14px;border:1px solid rgba(255,255,255,.16);border-radius:20px;animation:rise .35s var(--ease) both}.write-row textarea{flex:1;min-height:28px;max-height:120px;padding:4px 0;border:0;outline:none;resize:none;background:transparent;color:var(--ink);font:inherit;font-size:16px;line-height:1.35;field-sizing:content}.write-row textarea::placeholder{color:var(--faint)}.send{display:grid;place-items:center;flex:none;width:30px;height:30px;border:0;border-radius:50%;background:var(--blue);color:#fff;transition:transform .15s,opacity .15s}.send:disabled{opacity:.35;cursor:default}.send:not(:disabled):active{transform:scale(.9)}.write-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:0 4px 0 12px;color:var(--faint);font-size:12px}.write-foot .text{flex:none;padding:6px 8px;font-size:15px}.endcard{margin-top:18px;padding:22px 18px 24px;border-radius:20px;background:var(--group);animation:rise .6s var(--ease) both}.endcard>*{animation:rise .55s var(--ease) both}.endcard>:nth-child(2){animation-delay:.08s}.endcard>:nth-child(3){animation-delay:.14s}.endcard>:nth-child(4){animation-delay:.2s}.endcard>:nth-child(5){animation-delay:.26s}.endcard>:nth-child(6){animation-delay:.32s}.endcard>:nth-child(n+7){animation-delay:.38s}.endcard .day{margin:0 0 6px;text-align:left}.endcard h2{margin:0;font-size:32px;font-weight:700;letter-spacing:-.02em}.endcard>p{color:var(--muted)}.persona{margin-top:16px;padding:14px 16px 16px;border-radius:14px;background:var(--group-hi)}.persona header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.persona strong{display:block;margin-top:8px;font-size:26px;font-weight:700;letter-spacing:-.01em;color:color-mix(in srgb,var(--danger) calc((1 - var(--rank)) * 100%),var(--mint));animation:pop-in .45s var(--spring) both}.persona p{margin:6px 0 0;color:var(--muted);font-size:14px}.segmented{display:inline-flex;padding:2px;border-radius:9px;background:var(--glass)}.segmented button{border:0;border-radius:7px;padding:4px 12px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;transition:background .2s,color .2s}.segmented button.on{background:#636366;color:var(--ink)}.scale{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:14px;color:var(--faint);font-size:11px}.scale i{position:relative;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--danger),var(--amber),var(--mint));opacity:.85}.scale b{position:absolute;top:-5px;left:calc(var(--rank) * 100%);width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080;animation:pop-in .5s .4s var(--spring) both}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.end-stats div{padding:10px 12px;border-radius:12px;background:var(--group-hi)}.end-stats span{color:var(--muted);font-size:12px}.end-stats strong{display:block;font-size:24px;font-variant-numeric:tabular-nums}.endcard blockquote{position:relative;margin:0 0 0 auto;width:fit-content;max-width:88%;padding:10px 14px;border-radius:19px;background:var(--out);color:#fff}.endcard blockquote span{display:block;margin-bottom:4px;color:#fffc;font-size:12px}.end-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.end-actions .primary{grid-column:1 / -1}.end-actions .ghost{font-size:15px;padding:11px 8px}.sheet-wrap{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;background:#00000073;animation:fade .25s both}.sheet{width:100%;max-height:94%;display:flex;flex-direction:column;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;background:var(--group);animation:sheet-up .4s var(--ease) both}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px}.sheet header strong{font-size:17px;font-weight:600}.sheet header .text{justify-self:end;padding:8px 4px;font-weight:600}.sheet-preview{flex:1;min-height:0;display:flex;justify-content:center;padding:6px 0 4px}.sheet-preview img,.sheet-loading{height:100%;max-height:58vh;aspect-ratio:9 / 16;border-radius:12px;box-shadow:0 6px 24px #00000080;-webkit-touch-callout:default}.sheet-preview img{animation:pop-in .35s var(--spring) both}.sheet-loading{display:block;background:var(--group-hi);animation:sheet-wait 1.2s ease-in-out infinite alternate}@keyframes sheet-wait{to{opacity:.5}}.sheet-hint{margin:10px 0 12px;color:var(--muted);font-size:13px;text-align:center}.sheet-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.sheet-actions .primary:disabled{opacity:.5}.review{display:grid;gap:12px;margin-top:22px}.review>div{padding-top:12px;border-top:.5px solid var(--line);font-size:14px}.review header{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--muted);font-size:12px}.review h3{margin:0;font-size:16px}.review-count,.review-empty{margin:0;color:var(--muted);font-size:13px}.review p{margin:4px 0}.review .why{color:var(--muted);font-size:12px;line-height:1.6}.model{margin-top:8px;padding:10px 12px;border-radius:12px;background:#30d1581a}.model>p:first-child{color:var(--mint)}.stat-text small{white-space:nowrap}@media(max-width:360px){.thread-head{padding-left:8px;padding-right:10px}.stats{gap:8px}.composer{padding-left:10px;padding-right:10px}.reply{gap:10px;padding:9px 12px;font-size:15px}.reply+.reply:before{left:44px}.end-stats div{padding:8px 10px}.end-stats strong{font-size:21px}.end-actions{flex-wrap:wrap}}@media(orientation:landscape)and (max-height:500px){.shell{max-width:640px}.home{gap:10px}.thread-head{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:4px}.who{grid-template-columns:auto auto;column-gap:8px;row-gap:0;justify-items:start;max-width:260px;text-align:left}.who .avatar{grid-row:span 2;width:30px!important;height:30px!important;font-size:11px!important}.composer{max-height:62%;gap:6px;padding-top:6px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.reply{padding:7px 16px;font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.intro{display:grid;justify-items:center;gap:6px;margin:12px auto 4px;max-width:260px;text-align:center;animation:fade .4s ease both}.intro strong{font-size:17px;font-weight:600}.intro p{margin:0;color:var(--muted);font-size:13px}.head-left{justify-self:start;display:flex;align-items:center}.sound-toggle{display:grid;place-items:center;width:34px;height:34px;border:0;padding:0;background:transparent;color:var(--blue);cursor:pointer}.sound-toggle.off{color:var(--muted)}.sound-toggle.qa{width:50px;height:50px;color:#fff;background:#1e1e2280}.sound-toggle.qa.off{color:var(--muted)}