:root{--bg:#0a0a0d;--bg-card:#131319;--bg-input:#15151c;--bg-elevated:#1a1a22;--border:#26262e;--border-strong:#3a3a44;--border-faint:#1c1c24;--text:#f0ece5;--text-dim:#8e8e94;--text-faint:#5c5c62;--accent:#ef1d2d;--accent-soft:#ef1d2d2e;--accent-faint:#ef1d2d14;--font-display:"Fraunces", "EB Garamond", Georgia, serif;--font-sans:"Geist", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", monospace;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55}html,body{background-color:var(--bg);min-height:100svh;margin:0;padding:0}body{background-image:radial-gradient(80% 60% at 50% -10%,#ef1d2d0f,#0000 60%),radial-gradient(50% 40% at 50% 110%,#a855f70a,#0000 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.16 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-repeat:no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,220px 220px;background-attachment:fixed}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-weight:400}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.app{box-sizing:border-box;flex-direction:column;flex:1 0 auto;gap:24px;width:100%;max-width:640px;margin:0 auto;padding:0 24px 32px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.masthead,.view-toggle,.composer,.compose-actions,.send-button,.status,.contacts,.links{animation:.7s ease-out both fadeUp}.masthead{animation-delay:40ms}.view-toggle{animation-delay:.12s}.composer{animation-delay:.2s}.compose-actions{animation-delay:.3s}.send-button{animation-delay:.44s}.status{animation-delay:.5s}.contacts{animation-delay:.2s}.links{animation-delay:.62s}@media (prefers-reduced-motion:reduce){.masthead,.view-toggle,.composer,.compose-actions,.send-button,.status,.contacts,.links{animation:none}}.topbar{justify-content:flex-end;margin-bottom:-22px;padding-top:22px;display:flex}.lock-link{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:10px;transition:color .18s,border-color .18s,background .18s}.lock-link:hover{color:var(--text-dim);border-color:var(--border-strong);background:#ffffff05}.masthead{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:48px 0 12px;display:flex}.kicker{font-family:var(--font-mono);letter-spacing:.42em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:14px;font-size:10px;font-weight:500;display:inline-flex}.kicker-rule{opacity:.45;background:currentColor;width:32px;height:1px}.title{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 1;letter-spacing:-.025em;color:var(--text);font-size:clamp(56px,9vw,92px);font-style:italic;font-weight:400;line-height:.95}.view-toggle{border:1px solid var(--border);background:var(--bg-card);border-radius:999px;align-self:center;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffff06,0 14px 30px -22px #0009}.view-toggle button{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:9px 22px;font-size:11px;font-weight:500;transition:color .18s,background .22s,box-shadow .22s}.view-toggle button:hover:not(.is-active){color:var(--text-dim)}.view-toggle button.is-active{color:var(--bg);background:var(--text);box-shadow:0 1px #fff6,0 10px 24px -12px #f0ece559}.composer{border:1px solid var(--border);background:var(--bg-card);text-align:left;border-radius:4px;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 30px 60px -30px #0009}.composer-meta{border-bottom:1px solid var(--border);flex-direction:column;display:flex}.meta-row{align-items:center;gap:16px;padding:12px 22px;display:flex}.meta-row+.meta-row{border-top:1px solid var(--border-faint)}.meta-label{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--text-faint);flex:0 0 92px;font-size:10px}.meta-value{color:var(--text);font-size:14px;font-weight:500}.meta-static{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;cursor:help;border-bottom:1px dotted var(--border-strong);padding-bottom:1px;font-size:12px}.sender-input{font:inherit;color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:4px 0;font-size:14px}.sender-input::placeholder{color:var(--text-faint)}.subject-input{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 30;border:none;border-bottom:1px solid var(--border-faint);color:var(--text);box-sizing:border-box;letter-spacing:-.015em;background:0 0;outline:none;width:100%;padding:16px 22px;font-size:26px;font-style:italic;font-weight:400}.subject-input::placeholder{color:var(--text-faint)}.editor-toolbar{border-bottom:1px solid var(--border-faint);background:#ffffff04;flex-wrap:wrap;gap:2px;min-height:40px;padding:8px 14px;display:flex}.editor-toolbar button{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;min-width:34px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:6px 10px;font-size:11px;font-weight:500;transition:background .14s,color .14s,border-color .14s}.editor-toolbar button:hover:not(:disabled){color:var(--text);background:#ffffff0d}.editor-toolbar button.is-active{color:var(--text);background:#ef1d2d1f;border-color:#ef1d2d4d}.editor-toolbar button:disabled{opacity:.4;cursor:not-allowed}.editor-content{cursor:text;min-height:200px;color:var(--text);padding:22px;font-size:15px;line-height:1.65}.editor-content .ProseMirror{outline:none;min-height:180px}.editor-content .ProseMirror>*+*{margin-top:.8em}.editor-content .ProseMirror p{margin:0}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{margin:0;padding-left:1.5em}.editor-content .ProseMirror a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.editor-content .ProseMirror strong{font-weight:600}.editor-content .ProseMirror em{font-family:var(--font-display);font-variation-settings:"opsz" 96}.editor-content .ProseMirror p.is-editor-empty:first-child:before{color:var(--text-faint);content:attr(data-placeholder);float:left;pointer-events:none;height:0;font-family:var(--font-display);font-style:italic}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=540px){.grid{grid-template-columns:1fr}}.pill{font-family:var(--font-sans);color:#fff;cursor:pointer;perspective:1100px;background:0 0;border:1px solid #0000;border-radius:4px;min-height:96px;padding:0;transition:transform .12s,box-shadow .22s,opacity .22s,filter .22s,border-color .22s;position:relative}.pill-flipper{width:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.5,0,.18,1);display:block;position:relative}@media (hover:hover){.pill:hover:not(:disabled) .pill-flipper,.pill:focus-visible .pill-flipper{transform:rotateY(180deg)}}.pill-face{backface-visibility:hidden;text-align:left;background:linear-gradient(180deg, #ffffff1f 0%, transparent 50%), var(--pill-color,var(--accent));box-sizing:border-box;border-radius:4px;padding:18px 22px;display:flex;position:absolute;inset:0}.pill-front{letter-spacing:.02em;align-items:center;font-size:14px;font-weight:500}.pill-back{font-family:var(--font-sans);letter-spacing:0;background:linear-gradient(180deg, #ffffff0a 0%, transparent 50%), color-mix(in srgb, var(--pill-color,var(--accent)) 26%, #15151c);align-items:flex-start;padding-right:38px;font-size:13px;font-style:normal;font-weight:400;line-height:1.45;transform:rotateY(180deg)}.pill:active:not(:disabled){transform:scale(.99)}.pill:disabled{cursor:not-allowed}.pill.is-unselected{opacity:1}.pill.is-selected{opacity:1;box-shadow:inset 0 1px 0 #ffffff38, 0 14px 40px -10px var(--pill-glow,#ef1d2d80);border-color:#ffffff47}.pill.is-selected:after{content:"";z-index:3;background:#fffffff2;border-radius:50%;width:6px;height:6px;position:absolute;top:11px;right:13px;box-shadow:0 0 0 3px #ffffff2e}.btn-lucky{width:100%;min-height:58px}.btn-lucky .pill-back{align-items:center;padding-right:32px;font-size:13px}.btn-career{--pill-color:#ef1d2d;--pill-glow:#ef1d2d80}.btn-nuclear{--pill-color:#9d174d;--pill-glow:#9d174d8c}.btn-hehe{--pill-color:#ff79c6;--pill-glow:#ff79c673}.btn-random{--pill-color:#f59e0b;--pill-glow:#f59e0b80;color:#2a1900;text-shadow:0 1px #ffffff2e}.btn-random .pill-back{color:#f0ece5;text-shadow:none}.btn-lucky{--pill-color:#10b981;--pill-glow:#10b98180}.compose-actions{flex-direction:column;gap:12px;display:flex}.lucky-inputs{grid-template-columns:1fr 1fr;gap:12px;min-width:0;display:grid}.lucky-inputs input{font:inherit;border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:4px;outline:none;min-width:0;padding:14px 18px;font-size:14px;transition:border-color .18s,box-shadow .18s}.lucky-inputs input::placeholder{color:var(--text-faint)}.lucky-inputs input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9812e}@media (width<=540px){.lucky-inputs{grid-template-columns:1fr}}.meta-row-toggle{padding-top:10px;padding-bottom:14px}.cc-toggle{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:9px;min-width:0;font-size:14px;display:inline-flex}.cc-toggle input{cursor:pointer;width:14px;height:14px;accent-color:var(--accent)}.cc-toggle:hover input:not(:disabled){filter:brightness(1.2)}.cc-toggle input:disabled{cursor:not-allowed}.advanced-section{border:1px solid var(--border);background:var(--bg-card);border-radius:4px;flex-direction:column;gap:12px;padding:14px 18px 16px;display:flex;box-shadow:inset 0 1px #ffffff05,0 14px 36px -24px #00000080}.advanced-section:not([open]){gap:0}.advanced-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding-right:22px;list-style:none;transition:color .16s;display:flex;position:relative}.advanced-header::-webkit-details-marker{display:none}.advanced-header:after{content:"";border-right:1px solid var(--text-dim);border-bottom:1px solid var(--text-dim);width:6px;height:6px;transition:transform .22s,border-color .18s;position:absolute;top:50%;right:2px;transform:translateY(-65%)rotate(-45deg)}.advanced-section[open]>.advanced-header:after{border-color:var(--text);transform:translateY(-35%)rotate(45deg)}.advanced-header:hover .advanced-title,.advanced-header:hover .advanced-count{color:var(--text)}.advanced-header:hover:after{border-color:var(--text)}.advanced-header:focus-visible{outline:1px solid var(--text);outline-offset:4px;border-radius:2px}.advanced-title{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);font-size:10px;transition:color .16s}.advanced-count{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-faint);font-size:10px;transition:color .16s}.advanced-count.is-active{color:var(--accent);letter-spacing:.22em}.advanced-empty{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-faint);margin:0;font-size:11px}.advanced-groups{flex-direction:column;gap:14px;display:flex}.advanced-group{flex-direction:column;display:flex}.advanced-group-label{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--cat-color,var(--text-faint));border-bottom:1px solid var(--border-faint);margin-bottom:4px;padding-bottom:6px;font-size:9px}.advanced-group.cat-career-ender{--cat-color:#ef1d2d}.advanced-group.cat-nuclear{--cat-color:#d63384}.advanced-group.cat-hehe{--cat-color:#ff79c6}.advanced-row{border-radius:3px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px;transition:background .14s;display:grid}.advanced-row.is-checked{background:#ffffff06}.advanced-row-main{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;min-width:0;display:inline-flex}.advanced-row-main input{cursor:pointer;width:14px;height:14px;accent-color:var(--cat-color,var(--accent));flex:0 0 14px}.advanced-row-text{flex-direction:column;gap:1px;min-width:0;line-height:1.25;display:inline-flex}.advanced-row-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.advanced-row-note{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:italic;overflow:hidden}.advanced-row-channels{gap:6px;display:flex}.channel-toggle{border:1px solid var(--border);background:var(--bg-input);cursor:pointer;font-family:var(--font-mono);color:var(--text-faint);border-radius:3px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:500;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.channel-toggle:hover:not(.is-unavailable):not(:has(input:disabled)){color:var(--text-dim);border-color:var(--border-strong)}.channel-toggle.is-on{background:color-mix(in srgb, var(--cat-color,var(--accent)) 18%, var(--bg-input));border-color:var(--cat-color,var(--accent));color:var(--text)}.channel-toggle.is-unavailable{opacity:.32;cursor:not-allowed}.channel-toggle input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.channel-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:500;line-height:1}.gate{text-align:center;flex-direction:column;gap:14px;width:100%;max-width:360px;margin:8px auto 0;animation:.7s ease-out .14s both fadeUp;display:flex}.gate-label{font-family:var(--font-mono);letter-spacing:.36em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.gate-input{font-family:var(--font-mono);text-align:center;letter-spacing:.28em;border:1px solid var(--border);background:var(--bg-card);color:var(--text);box-sizing:border-box;border-radius:4px;outline:none;width:100%;padding:18px;font-size:18px;transition:border-color .18s,box-shadow .18s}.gate-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.gate-input::placeholder{color:var(--text-faint);letter-spacing:.28em}.gate-button{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 30;border:1px solid var(--text);background:var(--text);color:var(--bg);cursor:pointer;letter-spacing:-.01em;border-radius:4px;padding:14px 22px;font-size:22px;font-style:italic;font-weight:500;transition:opacity .18s,transform .1s,box-shadow .22s}.gate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 40px -12px #f0ece54d}.gate-button:disabled{opacity:.22;cursor:not-allowed;background:var(--bg-card);border-color:var(--border);color:var(--text-dim)}.gate-error{font-family:var(--font-mono);letter-spacing:.08em;color:#f87171;margin:4px 0 0;font-size:11px}.send-button{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 30;border:1px solid var(--text);background:var(--text);color:var(--bg);cursor:pointer;letter-spacing:-.01em;isolation:isolate;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:18px 28px;font-size:24px;font-style:italic;font-weight:500;line-height:1.05;transition:opacity .18s,transform .1s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.send-primary{align-items:center;display:inline-flex}.send-primary:after{content:"→";font-family:var(--font-sans);margin-left:14px;font-style:normal;font-weight:500;transition:transform .22s;display:inline-block}.send-secondary{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#0a0a0d8c;margin-top:2px;font-size:10px;font-style:normal;font-weight:500}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 40px -12px #f0ece559}.send-button:hover:not(:disabled) .send-primary:after{transform:translate(6px)}.send-button:disabled{opacity:.22;cursor:not-allowed;border-color:var(--border);background:var(--bg-card);color:var(--text-dim);box-shadow:none}.status{text-align:center;min-height:22px;font-family:var(--font-mono);letter-spacing:.06em;flex-direction:column;gap:4px;font-size:12px;display:flex}.status .ok{color:#67d293;margin:0}.status .err{color:#f87171;margin:0}.status strong{color:var(--text);font-weight:500}.contacts{flex-direction:column;gap:18px;display:flex}.category-editor{border:1px solid var(--border);background:var(--bg-card);border-radius:4px;padding:18px 22px 16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 20px 50px -28px #0000008c}.category-editor:before{content:"";background:var(--cat-color,var(--accent));opacity:.85;height:2px;position:absolute;top:0;left:0;right:0}.category-editor.cat-career-ender{--cat-color:#ef1d2d}.category-editor.cat-nuclear{--cat-color:#9d174d}.category-editor.cat-hehe{--cat-color:#ff79c6}.category-editor.cat-random{--cat-color:#f59e0b}.category-header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.category-title{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 30;letter-spacing:-.015em;color:var(--text);font-size:22px;font-style:italic;font-weight:400}.category-count{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.row-headings,.row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.1fr) 34px;align-items:center;gap:8px;display:grid}.row-headings{border-bottom:1px solid var(--border-faint);font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--text-faint);padding:0 6px 8px;font-size:9px}.rows{flex-direction:column;gap:10px;padding-top:8px;display:flex}.row-wrap{flex-direction:column;gap:4px;display:flex}.row-notes{font:inherit;border:1px solid var(--border-faint);color:var(--text-dim);background:0 0;border-radius:3px;outline:none;min-width:0;padding:7px 12px;font-size:12px;font-style:italic;transition:border-color .16s,box-shadow .16s,color .16s}.row-notes::placeholder{color:var(--text-faint);font-style:italic}.row-notes:focus{color:var(--text);border-color:var(--cat-color,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb, var(--cat-color,var(--accent)) 16%, transparent)}.row input{font:inherit;border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:3px;outline:none;min-width:0;padding:10px 12px;font-size:13px;transition:border-color .16s,box-shadow .16s}.row input::placeholder{color:var(--text-faint)}.row input:focus{border-color:var(--cat-color,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb, var(--cat-color,var(--accent)) 22%, transparent)}.row-delete{width:34px;height:34px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;font-size:13px;line-height:1;transition:color .16s,background .16s,border-color .16s}.row-delete:hover:not(:disabled){color:#f87171;background:#f8717112;border-color:#f871714d}.row-delete:disabled{opacity:.4;cursor:not-allowed}.row-add{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim);border:1px dashed var(--border-strong);cursor:pointer;background:0 0;border-radius:3px;align-self:flex-start;margin-top:12px;padding:9px 14px;font-size:10px;font-weight:500;transition:color .16s,border-color .16s,background .16s}.row-add:hover:not(:disabled){color:var(--text);border-color:var(--cat-color,var(--text-dim));background:#ffffff05}.row-add:disabled{opacity:.4;cursor:not-allowed}.contacts-actions{align-items:stretch;gap:10px;display:flex}.contacts-actions .send-button{flex:1}.import-file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.import-button{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:12px;padding:0 22px;font-size:11px;font-weight:500;transition:color .18s,border-color .18s,background .18s,transform .1s;display:inline-flex}.import-button:before{content:"";border-bottom:1px solid;border-left:1px solid;width:7px;height:7px;transition:transform .22s;display:inline-block;transform:translateY(-2px)rotate(-45deg)}.import-button:hover:not(:disabled){color:var(--text);border-color:var(--text);background:#ffffff06}.import-button:hover:not(:disabled):before{transform:translateY(0)rotate(-45deg)}.import-button:focus-visible{outline:1px solid var(--text);outline-offset:2px}.import-button:disabled{opacity:.4;cursor:not-allowed}@media (width<=540px){.contacts-actions{flex-direction:column-reverse}.import-button{justify-content:center;width:100%;padding:14px 22px}.row-headings{display:none}.row-wrap{border:1px solid var(--border-faint);background:#ffffff03;border-radius:4px;gap:8px;padding:10px}.row{grid-template:"name delete""email email""phone phone"/1fr 34px;gap:6px}.row input:first-of-type{grid-area:name}.row input:nth-of-type(2){grid-area:email}.row input:nth-of-type(3){grid-area:phone}.row .row-delete{grid-area:delete}}.row-saved{border:1px solid var(--border-faint);background:linear-gradient(90deg, color-mix(in srgb, var(--cat-color,var(--accent)) 5%, transparent) 0%, transparent 42%), #ffffff02;border-radius:3px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px 14px;padding:11px 12px 11px 18px;transition:border-color .18s,background .18s;display:grid;position:relative}.row-saved:hover{border-color:var(--border)}.row-saved:before{content:"";background:var(--cat-color,var(--accent));opacity:.55;border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.row-saved-name{font-family:var(--font-sans);color:var(--text);letter-spacing:.002em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.row-saved-channels{align-items:center;gap:14px;display:inline-flex}.channel-chip{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:7px;font-size:9px;font-weight:500;transition:color .18s;display:inline-flex}.channel-chip.is-present{color:var(--text-dim)}.channel-chip-dot{border:1px solid var(--text-faint);background:0 0;border-radius:50%;flex:0 0 7px;width:7px;height:7px;transition:background .18s,border-color .18s,box-shadow .18s}.channel-chip.is-present .channel-chip-dot{background:var(--cat-color,var(--accent));border-color:var(--cat-color,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb, var(--cat-color,var(--accent)) 22%, transparent)}.row-saved .row-delete{width:28px;height:28px;font-size:11px}.row-saved-notes{font-family:var(--font-sans);color:var(--text-dim);grid-column:1/-1;align-items:baseline;gap:8px;min-width:0;margin-top:2px;font-size:12px;font-style:italic;display:flex}.row-saved-notes:before{content:"—";color:var(--text-faint);flex:none;font-style:normal}.row-saved-notes-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-wrap-new{padding-left:12px;position:relative}.row-wrap-new:before{content:"";border-left:2px dashed color-mix(in srgb, var(--cat-color,var(--accent)) 60%, transparent);border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px;left:0}@media (width<=540px){.row-saved{grid-template-columns:minmax(0,1fr) 28px;grid-template-areas:"name delete""channels channels""notes notes";gap:6px 12px;padding:12px 12px 12px 18px}.row-saved-name{grid-area:name}.row-saved-channels{grid-area:channels}.row-saved-notes{grid-area:notes}.row-saved .row-delete{grid-area:delete}}.links{background:linear-gradient(#ffffff04,#0000) padding-box padding-box,linear-gradient(135deg,#ef1d2d66,#a855f766) border-box;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;gap:16px;margin-top:auto;padding:20px 32px 24px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 14px 36px -16px #00000080}.links-title{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim);text-align:center;margin:0;font-size:11px;font-weight:500}.links-row{justify-content:center;align-items:center;gap:40px;display:flex}.links a{opacity:.7;justify-content:center;align-items:center;height:44px;transition:opacity .18s,transform .18s;display:inline-flex}.links a:hover{opacity:1;transform:translateY(-2px)}.links img{width:auto;height:38px;display:block}.links a.link-x img{filter:invert()}