:root{--bg:#fff;--bg-soft:#f6f8f8;--panel:#fff;--text:#0f1a1a;--muted:#5b6b6b;--accent:#0d9488;--accent-strong:#0b7d73;--accent-soft:#e1f5ee;--border:#e3e8e8;--maxw:760px;--maxw-wide:1100px}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:48px 20px 80px}.nav{display:flex;gap:20px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);max-width:var(--maxw-wide);margin:0 auto}.nav .brand{font-weight:800;font-size:18px;color:var(--text);margin-right:auto}.nav a{color:var(--muted);font-size:14px;font-weight:500}.nav a:hover{color:var(--text);text-decoration:none}.hero{background:radial-gradient(1200px 480px at 50% -180px,var(--accent-soft),transparent 70%),var(--bg);border-bottom:1px solid var(--border)}.hero-inner{max-width:900px;padding-top:76px;padding-bottom:64px;text-align:center}.eyebrow{display:inline-block;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border:1px solid var(--accent-soft);border-radius:999px;background:var(--accent-soft);margin-bottom:22px}.hero h1{font-size:54px;line-height:1.08;letter-spacing:-.025em;margin:0 0 20px;color:var(--text)}.hero .lede{color:var(--muted);font-size:19px;max-width:660px;margin:0 auto 32px}.hero-note{color:var(--muted);font-size:14px;margin-top:20px}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.rot{display:inline-grid;overflow:hidden;vertical-align:bottom;justify-items:center;color:var(--accent)}.rot>span{grid-area:1/1;opacity:0;animation:rot-word 8s infinite}.rot>span:first-child{animation-delay:0s}.rot>span:nth-child(2){animation-delay:2s}.rot>span:nth-child(3){animation-delay:4s}.rot>span:nth-child(4){animation-delay:6s}@keyframes rot-word{0%{opacity:0;transform:translateY(.55em)}21%,4%{opacity:1;transform:translateY(0)}25%,to{opacity:0;transform:translateY(-.55em)}}@media (prefers-reduced-motion:reduce){.rot>span{animation:none;opacity:0}.rot>span:first-child{opacity:1}}.btn-lg{padding:16px 34px;font-size:17px}.wsheet-scrim{position:fixed;inset:0;background:rgba(15,26,26,.45);z-index:80;animation:wsheet-fade .18s ease-out}.wsheet{position:fixed;left:0;right:0;bottom:0;z-index:81;margin:0 auto;max-width:480px;max-height:88vh;overflow-y:auto;background:#fff;border-radius:22px 22px 0 0;padding:18px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -8px 34px rgba(0,0,0,.2);animation:wsheet-rise .24s cubic-bezier(.22,1,.36,1)}@keyframes wsheet-fade{0%{opacity:0}to{opacity:1}}@keyframes wsheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.wsheet,.wsheet-scrim{animation:none}}.wsheet-grab{width:36px;height:4px;border-radius:2px;background:#d9e0e0;margin:0 auto 14px}.wsheet-tick{width:46px;height:46px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;font-size:22px;margin:0 auto 12px}.wsheet-tick-party{background:#fdf3e0}.wsheet-title{font-size:20px;font-weight:750;text-align:center;letter-spacing:-.01em;margin:0 0 5px}.wsheet-sub{font-size:14px;color:var(--muted);text-align:center;line-height:1.5;margin:0 0 16px}.wsheet-sub-tight{margin-bottom:12px}.wsheet-sub strong{color:var(--text)}.wsheet-follow{display:flex;align-items:center;gap:11px;background:var(--accent-soft);border-radius:12px;padding:11px 13px;margin-bottom:14px}.wsheet-av{width:36px;height:36px;border-radius:50%;flex:none;overflow:hidden;background:var(--accent);color:#fff;font-weight:700;font-size:15px;display:grid;place-items:center}.wsheet-avimg{width:100%;height:100%;object-fit:cover}.wsheet-follow-name{font-size:14px;font-weight:650;line-height:1.25}.wsheet-follow-sub{font-size:12px;color:var(--accent-strong)}.wsheet-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em}.wsheet-divider:after,.wsheet-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.wsheet-cta{display:block;width:100%;text-align:center;margin-bottom:8px}.wsheet-skip{display:block;width:100%;margin-top:12px;padding:8px;background:none;border:0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.wsheet-skip:hover{color:var(--accent-strong)}.wsheet-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:center;gap:12px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:var(--accent-soft);border-top:1px solid #b9e3d7;box-shadow:0 -3px 16px rgba(0,0,0,.07)}.wsheet-bar-text{flex:1 1;min-width:0;line-height:1.3}.wsheet-bar-text strong{display:block;font-size:14px}.wsheet-bar-text span{font-size:12px;color:var(--muted)}.wsheet-bar-btn{flex:none;padding:10px 18px;font-size:14px}.start-hint{color:var(--muted);font-size:13px;margin:2px 0 0}#start{scroll-margin-top:90px}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.btn{display:inline-block;padding:14px 26px;border-radius:12px;font-size:15px;font-weight:600;border:1px solid transparent;transition:transform .08s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 8px 20px -8px rgba(13,148,136,.5)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{background:#fff;color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.start-row{display:flex;flex-direction:column;align-items:center;gap:16px}.start-label{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.start-icons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.start-icon{display:flex;flex-direction:column;align-items:center;gap:6px;width:78px;padding:14px 8px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);font-size:12px;font-weight:600;transition:border-color .15s ease,transform .1s ease,color .15s ease,box-shadow .15s ease}.start-icon:hover{text-decoration:none;border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 24px -18px rgba(15,26,26,.5)}.start-try{margin-top:2px}.flow{display:flex;align-items:stretch;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:52px}.flow-card{flex:1 1 200px;max-width:240px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px 18px 20px;text-align:left;box-shadow:0 14px 34px -26px rgba(15,26,26,.5);opacity:0;transform:translateY(10px);animation:flowIn .6s ease forwards}.flow-1{animation-delay:.1s}.flow-2{animation-delay:.5s}.flow-3{animation-delay:.9s}@keyframes flowIn{to{opacity:1;transform:translateY(0)}}.flow-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px}.flow-head svg,.flow-logo{color:var(--accent)}.flow-logo{font-weight:800;letter-spacing:-.01em}.flow-check{display:inline-flex;width:20px;height:20px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px}.flow-check,.flow-reel{align-items:center;justify-content:center}.flow-reel{position:relative;height:96px;border-radius:12px;background:linear-gradient(135deg,#f9a8d4,#c084fc,#818cf8);display:flex;overflow:hidden}.flow-play{color:#fff;font-size:22px;animation:playPulse 1.8s ease-in-out infinite}@keyframes playPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:1}}.flow-scan{position:relative;height:96px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.flow-scanline{position:absolute;left:8px;right:8px;height:2px;background:var(--accent);box-shadow:0 0 12px 2px rgba(13,148,136,.6);animation:scan 2s ease-in-out infinite}@keyframes scan{0%,to{top:14px}50%{top:78px}}.flow-extract{position:relative;background:#fff;border:1px solid var(--accent);border-radius:8px;padding:5px 10px;font-size:13px;font-weight:700;color:var(--accent-strong)}.flow-saved{border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:12px}.flow-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}.flow-name{display:block;font-size:15px;font-weight:700;margin-top:2px}.flow-friends{display:flex;align-items:center;gap:6px}.flow-ava{width:22px;height:22px;border-radius:999px;border:2px solid #fff;margin-left:-8px;background:linear-gradient(135deg,var(--accent),#818cf8)}.flow-ava:first-child{margin-left:0}.flow-share{margin-left:6px}.flow-caption,.flow-share{font-size:12px;color:var(--muted)}.flow-caption{display:block;margin-top:12px}.flow-arrow{display:flex;align-items:center;color:var(--muted);font-size:20px}.section{padding:84px 0}.section-alt{background:var(--bg-soft);border-top:1px solid var(--border)}.section .container{max-width:var(--maxw-wide);text-align:center;padding-bottom:0}.section-tag{display:inline-block;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.section h2{font-size:36px;line-height:1.15;letter-spacing:-.02em;margin:0 0 14px;color:var(--text)}.section-sub{color:var(--muted);font-size:18px;max-width:640px;margin:0 auto 52px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;text-align:left}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:28px 26px;transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease}.card:hover{border-color:#c8d6d3;transform:translateY(-2px);box-shadow:0 16px 32px -24px rgba(15,26,26,.4)}.card-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-soft);margin-bottom:18px}.card h3{font-size:18px;margin:0 0 8px;color:var(--text)}.card p{color:var(--muted);font-size:15px;margin:0;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;text-align:left}.step{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px 26px}.step-n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;margin-bottom:18px}.step h3{font-size:18px;margin:0 0 8px;color:var(--text)}.step p{color:var(--muted);font-size:15px;margin:0;line-height:1.6}.step-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.step-platform{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);font-size:13px;font-weight:600;transition:border-color .15s ease,color .15s ease}.step-platform svg{width:16px;height:16px;color:var(--accent)}.step-platform:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}.platforms{margin-top:44px}.platforms-label{display:block;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px}.platform-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.platform-chip{background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;color:var(--text)}.closing{margin-top:72px;padding-top:56px;border-top:1px solid var(--border)}.closing h2{margin-bottom:10px}.legal h1{font-size:32px;margin-bottom:4px}.legal .updated{color:var(--muted);font-size:14px;margin-bottom:32px}.legal h2{font-size:20px;margin-top:36px}.legal li,.legal p{color:#40504f}.legal ul{padding-left:22px}.footer{border-top:1px solid var(--border);max-width:var(--maxw-wide);margin:0 auto;padding:28px 24px;font-size:13px;display:flex;gap:18px;flex-wrap:wrap}.footer,.footer a{color:var(--muted)}.footer a:hover{color:var(--accent)}@media (max-width:860px){.hero h1{font-size:40px}.section h2{font-size:28px}.grid,.steps{grid-template-columns:1fr}.flow{flex-direction:column;align-items:center;gap:10px}.flow-card{flex:0 0 auto;width:100%;max-width:260px}.flow-arrow{transform:rotate(90deg);justify-content:center;line-height:1}}@media (max-width:640px){.nav{flex-wrap:wrap;gap:10px;padding:14px 16px}.nav .brand{font-size:17px}.nav a{white-space:nowrap;font-size:13px}.nav-links{gap:12px}.nav .nav-cta.btn{padding:7px 13px;font-size:13px}.nav-cta--placeholder{width:74px;height:30px}}.auth-wrap{max-width:420px}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:32px 28px}.auth-card h1{font-size:26px;margin:0 0 6px;letter-spacing:-.02em}.auth-sub{color:var(--muted);margin:0 0 22px;font-size:15px}.auth-google{width:100%;text-align:center}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:18px 0}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:var(--border);flex:1 1}.auth-form{gap:14px}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.auth-form input,.auth-form textarea,.collection-search{border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:15px;font-family:inherit;color:var(--text);background:#fff}.auth-form input:focus,.auth-form textarea:focus,.collection-search:focus{outline:none;border-color:var(--accent)}.auth-form .btn{width:100%;text-align:center;margin-top:4px}.auth-alt{text-align:center;margin:18px 0 0;color:var(--muted);font-size:14px}.auth-error{color:#b42318}.auth-error,.auth-msg{font-size:14px;margin:4px 0 0}.auth-msg{color:var(--accent-strong)}.auth-forgot{text-align:right;margin:-4px 0 0;font-size:13px}.auth-forgot a{color:var(--muted)}.pw-rules{list-style:none;margin:-2px 0 2px;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 12px;gap:4px 12px}.pw-rule{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.pw-rule span{width:14px;display:inline-block;text-align:center}.pw-rule.ok{color:var(--accent-strong)}.app-shell{min-height:100vh}.app-bar{display:flex;align-items:center;gap:20px;padding:14px 24px;border-bottom:1px solid var(--border);max-width:var(--maxw-wide);margin:0 auto}.app-brand{display:block;color:var(--text);flex:none}.app-brand:hover{text-decoration:none}.app-brand-name{display:block;font-weight:800;font-size:18px;line-height:1.15}.app-brand-title{font-size:14px;font-weight:600;margin:0;padding-left:14px;border-left:1px solid var(--border);line-height:1.3;letter-spacing:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-brand-title a{color:var(--muted)}.app-brand-title a:hover{color:var(--text);text-decoration:none}.app-nav{display:flex;gap:22px;margin-left:auto;margin-right:28px}.app-nav a{color:var(--muted);font-size:14px;font-weight:500}.app-nav a:hover{color:var(--text);text-decoration:none}.app-signout{background:none;border:1px solid var(--border);border-radius:8px;padding:7px 14px;font-size:13px;cursor:pointer;color:var(--muted)}.app-signout:hover{border-color:var(--accent);color:var(--accent)}.app-main{max-width:var(--maxw-wide);margin:0 auto;padding:32px 24px 80px}.connect{max-width:520px;margin:20px auto;text-align:center}.connect h1{font-size:30px;letter-spacing:-.02em;margin:0 0 10px}.connect-sub{color:var(--muted);margin:0 0 26px}.connect-code-box{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:28px}.connect-code{font-size:clamp(32px,10vw,52px);font-weight:800;letter-spacing:.18em;color:var(--accent-strong)}.connect-timer{color:var(--muted);font-size:14px;margin:6px 0 18px}.chanpick-list{list-style:none;margin:20px 0 0;padding:0;text-align:left}.chanpick-row{border:1px solid var(--border);border-radius:14px;margin-bottom:10px;background:#fff;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.chanpick-row-open,.chanpick-row:hover{border-color:var(--accent)}.chanpick-row-open{box-shadow:0 14px 30px -24px rgba(15,26,26,.55)}.chanpick-head{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:0;cursor:pointer;text-align:left;font:inherit;color:var(--text)}.chanpick-name{display:flex;flex-direction:column;gap:2px;margin-right:auto}.chanpick-name strong{font-size:15px}.chanpick-hint{color:var(--muted);font-size:12.5px}.chanpick-addr{color:var(--accent-strong);font-size:13.5px;font-weight:600;white-space:nowrap}.chanpick-chev{color:var(--muted);font-size:11px}.chanpick-body{padding:4px 16px 18px;border-top:1px dashed var(--border);text-align:center}.chanpick-code{font-size:clamp(30px,9vw,44px);font-weight:800;letter-spacing:.16em;color:var(--accent-strong);margin-top:14px;cursor:copy;-webkit-user-select:all;-moz-user-select:all;user-select:all}.chanpick-timer{color:var(--muted);font-size:13px;margin:4px 0 14px}.chanpick-go{display:inline-block}.chanpick-action{color:var(--muted);font-size:12.5px;margin:8px 0 0}.chanpick-manual{color:var(--muted);font-size:13px;margin:14px 0 12px;padding-top:12px;border-top:1px solid var(--border)}.chanpick-manual strong{color:var(--text)}.chanpick-new{padding:8px 16px;font-size:13px}@media (max-width:420px){.chanpick-head{flex-wrap:wrap}.chanpick-addr{flex-basis:100%;order:3}}.connect-steps{text-align:left;color:var(--text);font-size:15px;margin:0 0 18px;padding-left:20px;line-height:1.9}.collection-topbar{display:flex;gap:12px;align-items:stretch;margin-bottom:8px}.collection-search{flex:1 1;min-width:0;font-size:16px;padding:15px 18px;border-radius:12px}.collection-share{display:inline-flex;align-items:center;gap:9px;flex:none;padding:0 18px;border-radius:12px;font-weight:600}.collection-share.is-copied{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.collection-share-count{font-size:12px;font-weight:700;background:var(--bg-soft);color:var(--muted);border-radius:999px;padding:2px 9px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.collection-share.is-copied .collection-share-count{background:#fff;color:var(--accent-strong)}.collection-share-hint{font-size:12.5px;color:var(--muted);margin:0 0 18px;min-height:18px}.collection-share-hint.is-copied{color:var(--accent-strong);font-weight:600}.autobox{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;background:var(--warnbg,#fdf3e0);border:1px solid #f0dcb0;border-radius:12px;padding:14px 16px;margin-bottom:18px}.autobox-body{flex:1 1;min-width:220px}.autobox-title{display:block;font-size:14.5px;margin-bottom:6px}.autobox-list{margin:0;padding-left:18px}.autobox-list li{font-size:13px;color:#6b4700;line-height:1.5}.autobox-actions{display:flex;align-items:center;gap:12px;flex:none}.autobox-undo{padding:8px 18px;font-size:13px;background:#fff}.autobox-keep{background:none;border:0;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;padding:8px 4px}.autobox-keep:hover{color:var(--text)}@media (max-width:640px){.autobox-actions{width:100%;justify-content:flex-end}}.agentbox{position:relative;background:var(--accent-soft);border:1px solid #b9e3d7;border-radius:12px;padding:14px 16px;margin-bottom:18px}.agentbox-busy{margin:0;color:var(--accent-strong);font-size:14px}.agentbox-answer{margin:0;font-size:15px;line-height:1.55;white-space:pre-wrap}.agentbox-changes{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #b9e3d7}.agentbox-changes ul{margin:0;padding-left:18px;flex:1 1;min-width:200px}.agentbox-changes li{font-size:13px;color:var(--accent-strong)}.agentbox-undo{flex:none;padding:8px 18px;font-size:13px;background:#fff}.agentbox-limit{margin:10px 0 0;font-size:12.5px;color:var(--warn)}.agentbox-clear{position:absolute;top:10px;right:12px;background:none;border:0;font:inherit;font-size:12px;color:var(--muted);cursor:pointer}.agentbox-clear:hover{color:var(--text)}.collection-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:24px}.collection-filters{display:flex;gap:8px;flex-wrap:wrap;margin-right:auto}.chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 13px;font-size:13px;cursor:pointer;color:var(--muted)}.chip-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.collection-viewtoggle{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.vt{border:none;background:#fff;padding:8px 14px;font-size:13px;cursor:pointer;color:var(--muted)}.vt-on{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.collection-empty{color:var(--muted);text-align:center;padding:40px 0}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:start;grid-gap:14px;gap:14px}.tile-grid--packed{grid-auto-rows:8px;row-gap:0}@media (max-width:640px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile{position:relative;border-radius:14px;overflow:hidden;background:var(--bg-soft);aspect-ratio:.8}.tile:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);pointer-events:none}.tile-hit,.tile:after{position:absolute;inset:0}.tile-hit{display:block;text-decoration:none;color:#fff}.tile-fill{position:absolute;inset:0}.tile-img{width:100%;height:100%;object-fit:cover;display:block;background:#0b0b0b}.tile-fill--broken{background:var(--bg-soft)}.tile-fill--broken .tile-img{display:none}.tile-fill--flat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;text-align:center;background:var(--bg-soft)}.tile-plate-icon{font-size:34px}.tile-audio{width:100%;max-width:220px;height:32px}.tile-doc-name{font-size:12px;color:var(--muted);max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-scrim{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 11px;display:flex;flex-direction:column;gap:3px;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.55) 42%,rgba(0,0,0,.18) 72%,transparent);pointer-events:none}.tile-title{font-size:14px;font-weight:600;line-height:1.3;margin:0;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-meta{color:hsla(0,0%,100%,.82);text-shadow:0 1px 3px rgba(0,0,0,.5)}.tile-meta,.tile-note{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-note{background:hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:3px 8px;align-self:flex-start;max-width:100%}.tile-media-count,.tile-note{color:#fff;border-radius:999px}.tile-media-count{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);font-size:11px;font-weight:600;padding:2px 7px}.list-media{text-decoration:none}.tile-marks{display:flex;align-items:flex-start;gap:6px}.tile-marks,.tile-menu{position:absolute;top:8px;right:8px}.tile-menu{opacity:0;transition:opacity .12s ease}.tile:focus-within .tile-menu,.tile:hover .tile-menu{opacity:1}@media (hover:none){.tile-menu{opacity:1}}.avatar-editor{margin-bottom:18px}.avatar-editor-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.avatar-preview{width:96px;height:96px;border-radius:50%;object-fit:cover;background:#f0f0f0}.avatar-preview--empty{display:grid;place-items:center;font-size:34px;font-weight:600;color:#999}.avatar-crop{width:96px;height:96px;border-radius:50%;overflow:hidden;position:relative;cursor:-webkit-grab;cursor:grab;background:#f0f0f0;touch-action:none;flex:none}.avatar-crop:active{cursor:-webkit-grabbing;cursor:grabbing}.avatar-crop img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;margin:-50% 0 0 -50%;width:100%;height:100%;object-fit:cover;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.avatar-btn{display:inline-flex;align-items:center;border:1px solid #ddd;background:#fff;color:#222;font-size:13px;padding:7px 12px;border-radius:8px;cursor:pointer}.avatar-btn:hover{background:#fafafa}.avatar-btn--primary{background:#111;border-color:#111;color:#fff}.avatar-btn--primary:disabled{background:#bbb;border-color:#bbb}.avatar-btn--quiet{border-color:transparent;color:#a33}.avatar-zoom{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.avatar-zoom input{width:110px}.avatar-hint{margin:8px 0 0;font-size:12px;color:#888}.avatar-error{margin:8px 0 0;font-size:12.5px;color:#b33}.inline-link{color:#0b7d72;text-decoration:underline;text-underline-offset:2px}.inline-link:hover{color:#095f57}.comment-mark-wrap{position:relative}.comment-mark{border:0;cursor:pointer;font-size:13px;line-height:1;padding:5px 7px;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .12s ease,background .12s ease}.comment-mark:hover{background:rgba(0,0,0,.75)}.comment-mark--empty{opacity:0}.tile:focus-within .comment-mark--empty,.tile:hover .comment-mark--empty{opacity:1}@media (hover:none){.comment-mark--empty{opacity:1}}.comment-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:min(300px,78vw);padding:12px;border-radius:12px;background:#fff;color:#111;text-align:left;box-shadow:0 10px 32px rgba(0,0,0,.22);cursor:default}.comment-body{margin:0 0 8px;font-size:14px;line-height:1.45;white-space:pre-wrap}.comment-body--small{font-size:12.5px;color:#444;margin-bottom:4px}.comment-empty{margin:0 0 10px;font-size:13px;color:#777}.comment-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-date{font-size:11.5px;color:#888}.comment-chip{font-size:10.5px;color:#666;background:#f1f1f1;padding:1px 6px;border-radius:999px}.comment-pill{border:1px solid #e2e2e2;background:#fafafa;color:#555;font-size:11.5px;padding:3px 9px;border-radius:999px;cursor:pointer;margin-left:auto}.comment-pill:hover{background:#f0f0f0}.comment-pill--public{border-color:#0f9d8f;color:#0b7d72;background:#eafaf7}.comment-history{margin-top:10px;border-top:1px solid #eee;padding-top:8px}.comment-history-toggle{border:0;background:none;padding:0;font-size:12px;color:#777;cursor:pointer;text-align:left}.comment-history-toggle:hover{color:#333}.comment-history-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-gap:10px;gap:10px}.comment-delete{border:0;background:none;color:#b33;font-size:15px;line-height:1;padding:0 3px;cursor:pointer}.comment-compose{margin-top:10px;display:flex;gap:6px;align-items:flex-end}.comment-input{flex:1 1;resize:vertical;min-height:38px;font:inherit;font-size:13px;padding:7px 9px;border:1px solid #ddd;border-radius:8px}.comment-send{border:0;background:#111;color:#fff;font-size:12.5px;padding:8px 12px;border-radius:8px;cursor:pointer}.comment-send:disabled{background:#ccc;cursor:default}@media (max-width:560px){.comment-pop{position:fixed;inset:auto 0 0 0;width:100%;border-radius:14px 14px 0 0;padding:16px}}.tile-menu-pop{position:relative}.tile-menu-pop>summary{list-style:none;cursor:pointer;width:28px;height:28px;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;font-size:15px;line-height:28px;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tile-menu-pop>summary::-webkit-details-marker{display:none}.tile-menu-body{position:absolute;top:32px;right:0;z-index:5;display:flex;flex-direction:column;gap:6px;padding:8px;width:max-content;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14)}.storage-meter{width:100%;height:8px;background:var(--bg-soft);border-radius:999px;overflow:hidden;margin:6px 0}.storage-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.storage-fill--full{background:#d92d20}@keyframes tile-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tile--resolving{opacity:.92}.tile-fill--shimmer{background:linear-gradient(90deg,var(--bg-soft) 25%,hsla(0,0%,100%,.55) 50%,var(--bg-soft) 75%);background-size:200% 100%;animation:tile-shimmer 1.6s ease-in-out infinite}.tile-pending{color:hsla(0,0%,100%,.85);font-style:italic;font-weight:400}@media (prefers-reduced-motion:reduce){.tile-fill--shimmer{animation:none;background:var(--bg-soft)}}.cat-select{padding:5px 8px;font-family:inherit;color:var(--text)}.cat-select,.mini{border:1px solid var(--border);border-radius:8px;font-size:12px;background:#fff}.mini{padding:5px 9px;cursor:pointer;color:var(--muted)}.mini:hover{border-color:var(--accent);color:var(--accent)}.mini-danger:hover{border-color:#d92d20;color:#d92d20}.list-table{width:100%;border-collapse:collapse;font-size:14px}.list-table th{text-align:left;padding:10px 12px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.list-table td,.list-table th{border-bottom:1px solid var(--border)}.list-table td{padding:11px 12px}.list-table td a{color:var(--text)}.muted-cell{color:var(--muted)}.profile-head{display:flex;align-items:center;gap:18px;margin-bottom:32px}.profile-avatar{width:68px;height:68px;background:var(--accent-soft);font-size:28px;font-weight:700;color:var(--accent-strong);overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-meta{margin-right:auto}.profile-meta h1{font-size:26px;margin:0;letter-spacing:-.02em}.profile-blurb{color:var(--muted);margin:4px 0 0}.profile-section{margin-bottom:34px}.profile-section h2{font-size:18px;margin:0 0 14px}.friends h1,.settings-wrap h1{font-size:28px;letter-spacing:-.02em;margin:0 0 24px}.friend-block{margin-bottom:34px}.friend-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.friend-head h2{font-size:19px;margin:0}.settings-wrap{max-width:600px}.settings-block{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:20px}.settings-block h2{font-size:18px;margin:0 0 12px}.settings-sub{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:16px 0 8px}.settings-note{color:var(--muted);font-size:14px;margin:0 0 14px}.settings-danger{border-color:#f2c9c4}.btn-danger{background:#d92d20;color:#fff;border-color:#d92d20}.btn-danger:hover{background:#b42318;border-color:#b42318}.nav-links{display:flex;align-items:center;gap:20px}.nav .nav-cta.btn{padding:8px 16px;font-size:14px;border-radius:10px}.nav .nav-cta.btn-primary,.nav .nav-cta.btn-primary:hover{color:#fff}.nav-cta--placeholder{display:inline-block;width:84px;height:34px}.handle-input{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:12px;overflow:hidden}.handle-prefix{display:flex;align-items:center;padding:0 10px;background:var(--bg-soft);color:var(--muted);font-size:14px;white-space:nowrap;border-right:1px solid var(--border)}.handle-input input{border:none;flex:1 1;min-width:0}.handle-input input:focus{outline:none}.settings-hint{display:block;margin-top:6px;color:var(--muted);font-size:13px}.import{max-width:720px;margin:0 auto;padding:8px 0 64px}.import-head{margin-bottom:40px}.import-head h1{font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:8px 0 12px}.import-lede{color:var(--muted);font-size:17px;margin:0}.import-steps{list-style:none;margin:0;padding:0}.import-steps>li{border-top:1px solid var(--border);padding:28px 0}.import-steps h2{font-size:17px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.import-steps p{color:var(--muted);margin:0 0 12px;font-size:15px}.import-steps p:last-child{margin-bottom:0}.import-aside{background:var(--bg-soft);border-radius:10px;padding:14px 16px;font-size:14px!important;margin-top:18px!important}.import-aside strong{color:var(--text)}.prompt-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:14px 0;background:var(--panel)}.prompt-head{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.prompt-label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-right:auto}.prompt-copy{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.prompt-copy:hover{border-color:var(--accent);color:var(--accent)}.prompt-body{margin:0!important;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px!important;line-height:1.65;color:var(--text)!important;white-space:pre-wrap}.import-box{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--panel);margin-top:8px}.import-textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text);background:var(--bg);resize:vertical}.import-textarea:focus{outline:none;border-color:var(--accent)}.import-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.import-count{color:var(--muted);font-size:14px;margin-right:auto}.import-hint{color:var(--muted);font-size:13px;margin:12px 0 0}.import-result{border:1px solid var(--accent-soft);background:var(--accent-soft);border-radius:12px;padding:20px;margin-top:24px}.import-result h2{margin:0 0 8px;font-size:20px;letter-spacing:-.01em}.import-result ul{margin:0 0 16px;padding-left:18px;color:var(--muted);font-size:14px}.import-result ul:empty{display:none}.import-foot{border-top:1px solid var(--border);margin-top:48px;padding-top:28px}.import-foot h2{font-size:17px;margin:0 0 8px}.import-foot p{color:var(--muted);font-size:15px;margin:0 0 12px}.import-fineprint{font-size:13px!important}.connect-import{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}@media (max-width:640px){.import-head h1{font-size:27px}.import-actions{flex-wrap:wrap}}.connect-note{font-size:13px;color:var(--muted);margin:12px 0 0;max-width:42ch}.app-bar{position:relative}.app-menu-btn{display:none;background:none;border:1px solid var(--border);border-radius:10px;padding:6px 12px;font-size:17px;line-height:1;cursor:pointer;color:var(--text)}.app-nav a.is-active{color:var(--accent);font-weight:700}.app-mobile-menu{position:absolute;top:100%;left:0;right:0;z-index:40;display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:0 0 14px 14px;box-shadow:0 18px 34px -20px rgba(15,26,26,.45)}.app-mobile-menu a,.app-mobile-signout{display:block;width:100%;text-align:left;padding:12px 14px;border-radius:10px;font-size:16px;color:var(--text);background:none;border:none;cursor:pointer}.app-mobile-menu a.is-active{color:var(--accent);font-weight:700}.app-mobile-menu a:hover,.app-mobile-signout:hover{background:var(--bg-soft);text-decoration:none}@media (max-width:640px){.app-nav,.app-signout-form{display:none}.app-menu-btn{display:block;margin-left:auto}.app-bar{padding:11px 16px;gap:12px}.app-main{padding:20px 16px 80px}.collection-topbar{flex-direction:column;gap:10px}.collection-search{width:100%;font-size:16px;padding:16px 18px}.collection-share{width:100%;justify-content:center;padding:15px 18px}.collection-share-hint{margin-bottom:14px}.collection-viewtoggle{display:none}.collection-controls{gap:10px;margin-bottom:16px}.collection-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:2px 16px;scroll-snap-type:x proximity}}@media (max-width:640px){.collection-filters::-webkit-scrollbar{display:none}.collection-filters .chip{flex:none;scroll-snap-align:start}}.app-footer{display:flex;gap:16px;justify-content:center;padding:28px 20px 40px;font-size:12px}.app-footer a{color:var(--muted)}.actbar{display:flex;align-items:center;gap:14px;background:var(--accent-soft);border:1px solid #b9e3d7;border-radius:12px;padding:12px 16px;margin-bottom:18px}.actbar-text{flex:1 1;min-width:0;line-height:1.35}.actbar-text strong{display:block;font-size:14px}.actbar-text span{font-size:13px;color:var(--muted)}.actbar-btn{flex:none;padding:9px 18px;font-size:14px}@media (max-width:640px){.actbar{align-items:flex-start;flex-wrap:wrap;padding:12px 14px}.actbar-btn{width:100%;text-align:center}}.firstrun{position:relative;max-width:var(--maxw);margin:24px auto 0;padding:26px 24px 22px;background:var(--bg-soft);border:1px solid var(--border);border-radius:18px}.firstrun-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:15px;color:var(--muted);cursor:pointer;padding:6px 8px;line-height:1}.firstrun-title{margin:0 0 4px;font-size:22px}.firstrun-sub{margin:0 0 18px;color:var(--muted);font-size:15px}.firstrun-steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.firstrun-steps li{display:flex;gap:12px;align-items:flex-start}.firstrun-steps li p{margin:3px 0 0;color:var(--muted);font-size:14px}.firstrun-num{flex:0 0 auto;width:26px;height:26px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.firstrun-steps li.is-done .firstrun-num{background:var(--accent-strong)}.firstrun-alt{margin:18px 0 0;font-size:14px;color:var(--muted)}.settings-note--error{color:var(--danger,#c0392b)}.cat-manage-list{list-style:none;margin:14px 0 0;padding:0}.cat-manage-add,.cat-manage-row{display:flex;align-items:center;gap:8px;padding:6px 0}.cat-manage-add{margin-top:12px;border-top:1px solid var(--border);padding-top:14px}.cat-manage-label{flex:1 1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:14px;font-family:inherit;color:var(--text);background:#fff}.cat-manage-label:focus{outline:2px solid var(--accent,#2563eb);outline-offset:-1px}.cat-manage-actions{display:flex;gap:4px;flex:none}.cat-manage-actions button,.cat-manage-add button{border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-family:inherit;font-size:13px;padding:6px 10px;cursor:pointer}.cat-manage-actions button:disabled,.cat-manage-add button:disabled{opacity:.4;cursor:default}.cat-manage-delete{color:var(--danger,#c0392b)}.settings-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.settings-head h2{margin:0}.settings-count{font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.settings-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.settings-block--hero{border-color:#bfe6dc;box-shadow:0 1px 2px rgba(13,148,136,.06),0 8px 28px -18px rgba(13,148,136,.5)}.chan-hero-title{font-size:22px;margin:0 0 6px;letter-spacing:-.01em}.chan-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:12px}.settings-block--hero .chan-list{border-color:#d5e9e4}.chan-row{border-bottom:1px solid var(--border);position:relative}.chan-row:last-child{border-bottom:none}.chan-row:first-child .chan-main{border-radius:11px 11px 0 0}.chan-row:last-child .chan-main{border-radius:0 0 11px 11px}.chan-main{display:flex;align-items:center;gap:14px;padding:13px 14px}.settings-block--hero .chan-main{padding:16px}.chan-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:block}.chan-row[data-state=idle] .chan-icon{filter:grayscale(1);opacity:.42}.chan-text{min-width:0;flex:1 1}.chan-name{font-weight:600;font-size:14.5px;display:block}.chan-sub{font-size:13px;color:var(--muted);display:block;margin-top:1px}.chan-sub b{color:var(--text);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chan-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.chan-badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--accent-strong);background:var(--accent-soft);padding:4px 10px;border-radius:999px;white-space:nowrap}.chan-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#16a34a}.chan-badge--new{animation:chan-pop .5s ease}@keyframes chan-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.chan-badge--new{animation:none}}.btn-sm{padding:7px 15px;font-size:13.5px;border-radius:9px}.chan-more{border:1px solid var(--border);background:#fff;color:var(--muted);font:inherit;font-size:12px;border-radius:999px;padding:3px 9px;cursor:pointer}.chan-more:hover{color:var(--text);border-color:var(--accent)}.chan-dots{border:none;background:transparent;color:var(--muted);cursor:pointer;width:30px;height:30px;border-radius:8px;font-size:17px;line-height:1;font-family:inherit}.chan-dots:hover{background:var(--bg-soft);color:var(--text)}.chan-row[data-state=pending]{background:#f4fbf9}.chan-row[data-state=replace]{background:#fffbeb}.chan-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;font-weight:700;letter-spacing:.14em;background:#fff;border:1px solid var(--accent);color:var(--accent-strong);padding:6px 12px;border-radius:9px;cursor:pointer}.chan-row[data-state=replace] .chan-code{border-color:#d97706;color:#b45309}.chan-timer{font-size:12.5px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:34px}.chan-pendfoot{align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 14px 12px 62px;font-size:12.5px;color:var(--muted)}.chan-pendacts,.chan-pendfoot{display:flex;gap:12px}.chan-pendfoot button{background:none;border:none;color:var(--muted);cursor:pointer;font:inherit;padding:0}.chan-pendfoot button:hover{color:var(--text);text-decoration:underline}.chan-menu-wrap{position:relative;display:inline-flex}.chan-menu{position:absolute;right:0;top:34px;z-index:30;background:#fff;border:1px solid var(--border);border-radius:11px;min-width:232px;padding:5px;box-shadow:0 12px 32px -10px rgba(15,26,26,.28)}.chan-menu button{display:block;width:100%;text-align:left;background:none;border:none;font:inherit;font-size:13.5px;padding:8px 11px;border-radius:7px;cursor:pointer;color:var(--text)}.chan-menu button:hover{background:var(--bg-soft)}.chan-menu hr{border:none;border-top:1px solid var(--border);margin:5px 0}.chan-menu-danger{color:#b91c1c}.chan-menu-danger:hover{background:#fee2e2!important}.chan-extra{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px 11px 62px;font-size:13px;color:var(--muted);border-top:1px dashed var(--border)}.chan-extra button{background:none;border:none;font:inherit;font-size:12.5px;color:#b91c1c;cursor:pointer;padding:0}.chan-extra button:hover{text-decoration:underline}.chan-warn{display:flex;gap:9px;align-items:flex-start;background:#fef3c7;border:1px solid #fcd34d;color:#78350f;border-radius:10px;padding:10px 13px;font-size:13.5px;margin-top:14px}.dialog-scrim{position:fixed;inset:0;background:rgba(15,26,26,.42);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:#fff;border-radius:16px;max-width:440px;width:100%;padding:24px;box-shadow:0 24px 60px -12px rgba(0,0,0,.35)}.dialog h3{margin:0 0 12px;font-size:18px;letter-spacing:-.01em}.dialog p{margin:0 0 12px;font-size:14px;color:var(--muted);line-height:1.6}.dialog p b{color:var(--text)}.dialog-reassure{background:var(--bg-soft);border-radius:9px;padding:10px 12px;font-size:13px;margin-bottom:18px!important}.dialog-actions{display:flex;gap:9px;justify-content:flex-end}.settings-block--alert{border-color:#fcd34d;background:#fffdf5}.settings-block--crit{border-color:#fca5a5;background:snow}.settings-block--alert .settings-head,.settings-block--crit .settings-head{margin-bottom:10px}.storage-fill--warn{background:#f59e0b}.storage-msg{margin:11px 0 0!important}.profile-top{display:flex;gap:16px;align-items:flex-start}.profile-fields{flex:1 1;min-width:0}.profile-avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center}.profile-avatar--initial{background:var(--accent-soft);color:var(--accent-strong);font-weight:700;font-size:20px}.account-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--border);font-size:13.5px;color:var(--muted)}.account-foot b{color:var(--text);font-weight:600}.account-foot-actions{display:flex;gap:16px;align-items:center}.account-foot-actions form{display:inline-flex;margin:0}.account-foot-actions a,.account-foot-actions button{background:none;border:none;padding:0;font:inherit;font-size:13.5px;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--border);cursor:pointer}.account-foot-actions a:hover,.account-foot-actions button:hover{color:var(--text);border-color:var(--muted)}.account-foot-danger:hover{color:#b91c1c!important;border-color:#fca5a5!important}.emoji-wrap{position:relative;display:inline-flex;flex:none}.emoji-btn{width:46px;height:38px;flex:0 0 46px;font-size:19px;line-height:1;border:1px solid var(--border);border-radius:9px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit}.emoji-btn--open,.emoji-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.emoji-btn--empty{opacity:.42}.emoji-pop{position:absolute;z-index:40;top:44px;left:0;width:292px;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 16px 40px -12px rgba(15,26,26,.3)}.emoji-q{width:100%;border:none;border-bottom:1px solid var(--border);padding:11px 13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:var(--text)}.emoji-q:focus{outline:none;background:#fbfdfd}.emoji-sec{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:9px 13px 4px;margin:0}.emoji-results{list-style:none;margin:0;padding:4px;max-height:224px;overflow:auto}.emoji-item{display:flex;align-items:center;gap:11px;width:100%;padding:7px 9px;border:none;background:none;border-radius:8px;cursor:pointer;font:inherit;font-size:13.5px;color:var(--text);text-align:left}.emoji-item--sel{background:var(--accent-soft)}.emoji-item-char{font-size:19px;width:24px;text-align:center}.emoji-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-item-code{margin-left:auto;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.emoji-item--sel .emoji-item-code{color:var(--accent-strong)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:2px;gap:2px;padding:4px 8px 8px}.emoji-grid button{border:none;background:none;font-size:19px;padding:5px 0;border-radius:7px;cursor:pointer;line-height:1.2;font-family:inherit}.emoji-grid button:hover{background:var(--accent-soft)}.emoji-empty{padding:20px 13px;text-align:center;color:var(--muted);font-size:13px}.emoji-empty b{color:var(--text)}.emoji-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:7px 13px;font-size:11.5px;color:var(--muted);background:var(--bg-soft)}.emoji-clear{background:none;border:none;padding:0;font:inherit;font-size:11.5px;color:var(--muted);cursor:pointer;text-decoration:underline}.emoji-clear:hover{color:#b91c1c}.cat-manage-tip{margin-top:14px}.cat-manage-tip code{background:var(--bg-soft);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:12px}@media (max-width:560px){.chan-main{gap:11px;padding:12px}.chan-right{gap:6px}.chan-extra,.chan-pendfoot{padding-left:12px}.chan-code{font-size:14px;padding:5px 9px;letter-spacing:.1em}.chan-menu{right:-6px}.profile-top{flex-direction:column;gap:12px}.account-foot{flex-direction:column;align-items:flex-start;gap:10px}.emoji-pop{width:min(292px,calc(100vw - 48px))}}.deletion-status{border-radius:12px;padding:20px 22px;margin:28px 0 8px;border:1px solid transparent}.deletion-status h2{margin-top:0;font-size:18px}.deletion-status p:last-child{margin-bottom:0}.deletion-status code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:rgba(0,0,0,.06);padding:2px 6px;border-radius:4px;word-break:break-all}.deletion-status--ok{background:#eef7f0;border-color:#bcdcc6}.deletion-status--ok h2{color:#1f6b3a}.deletion-status--warn{background:#fdf5e6;border-color:#e8d5a8}.deletion-status--warn h2{color:#8a6314}