@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9edf7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#120713;--panel:#1c0a1cd6;--panel-strong:#1c0a1cf0;--line:#ffffff29;--muted:#8f9aad;--text:#e9edf7;--pink:#ff7ab6;--green:#1db954;--danger:#ff6f91;background:#120713;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%, #ff7ab629, transparent 28rem), linear-gradient(180deg, #210c20e0, var(--bg) 42rem);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:42px 0}.hero-band{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;min-height:198px;animation:.62s cubic-bezier(.22,1,.36,1) both page-rise;display:flex}.eyebrow{color:var(--pink);text-transform:lowercase;margin:0 0 10px;font-size:12px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:12px;font-size:clamp(52px,9vw,112px);line-height:.9}h2{letter-spacing:0;margin-bottom:0;font-size:19px}h3{letter-spacing:0;margin-bottom:0;font-size:15px}.subtitle{max-width:560px;color:var(--muted);margin-bottom:30px;font-size:15px;line-height:1.8}.status-stack{color:var(--muted);justify-items:end;gap:10px;margin-bottom:30px;font-size:13px;display:grid}.live-pill{color:#a9f5c2;background:#1db9541a;border:1px solid #1db9545c;border-radius:0;align-items:center;gap:8px;width:fit-content;padding:8px 11px;display:inline-flex}.stats-grid{border:1px solid var(--line);background:var(--line);border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:28px 0;animation:.68s cubic-bezier(.22,1,.36,1) 90ms both page-rise;display:grid;overflow:hidden}.stats-grid article{background:#1c0a1cb3;gap:9px;min-height:96px;padding:20px;display:grid}.stats-grid span,label span,.settings-row span{color:var(--muted);text-transform:lowercase;font-size:12px}.stats-grid strong{font-size:clamp(20px,4vw,33px);font-weight:700}.status-text{text-transform:lowercase}.status-text.linked{color:#a9f5c2}.status-text.offline{color:#ff9fca}.workspace-grid{grid-template-columns:minmax(280px,390px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:0;box-shadow:0 20px 60px #0000003d}.composer,.settings-panel{gap:16px;padding:20px;animation:.7s cubic-bezier(.22,1,.36,1) .16s both page-rise;display:grid}.list-panel{grid-row:span 2;min-height:520px;padding:20px;animation:.72s cubic-bezier(.22,1,.36,1) .22s both page-rise}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:18px;padding-bottom:16px;display:flex}label{gap:8px;display:grid}input,textarea{width:100%;color:var(--text);background:#120713c2;border:1px solid #ffffff2e;border-radius:0;outline:none;padding:12px 13px}textarea{resize:vertical}input:focus,textarea:focus{border-color:#ff7ab6ad;box-shadow:0 0 0 3px #ff7ab61f}.channel-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.channel,.primary-action,.ghost-action,.icon-button,.link-out{border:1px solid var(--line);min-height:40px;color:var(--text);background:#ffffff0d;border-radius:0;justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.channel{min-width:0;color:var(--muted);padding:0 10px}.channel span{text-overflow:ellipsis;overflow:hidden}.channel.active{color:var(--text);background:#ff7ab624;border-color:#ff7ab68a}.primary-action{background:var(--pink);color:#1c0a1c;border-color:#ff7ab6a3;width:100%;font-weight:700}.ghost-action{min-width:96px;padding:0 14px}.reminder-list{gap:10px;padding-top:16px;display:grid}.reminder{background:#ffffff09;border:1px solid #ffffff21;border-radius:0;grid-template-columns:40px minmax(0,1fr) 40px;align-items:start;gap:12px;padding:12px;display:grid;position:relative}.reminder.entering{will-change:opacity, transform, box-shadow, border-color;border-color:#ff7ab67a;animation:.82s cubic-bezier(.22,1,.36,1) both reminder-rise}.reminder.deleting{pointer-events:none;will-change:opacity, transform, max-height, padding, margin;animation:.42s cubic-bezier(.55,0,.45,1) both reminder-delete;overflow:hidden}.reminder.done{opacity:.48}.reminder-main{min-width:0}.reminder-title-row{justify-content:space-between;align-items:start;gap:14px;display:flex}.reminder-title-row time{color:var(--pink);flex:none;font-size:12px}.reminder p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.6}.mini-channels{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.mini-channels span{color:var(--muted);border:1px solid #ffffff1f;border-radius:0;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:inline-flex}.icon-button{width:40px;min-height:40px;padding:0}.icon-button:hover,.ghost-action:hover,.channel:hover,.link-out:hover{color:var(--text);border-color:#ff7ab675}.danger:hover{color:var(--danger);border-color:#ff6f917a}@keyframes reminder-rise{0%{opacity:0;transform:translateY(28px);box-shadow:0 0 #ff7ab600}52%{opacity:1;border-color:#ff7ab6c7;transform:translateY(-3px);box-shadow:0 0 0 1px #ff7ab638,0 0 34px #ff7ab63d,0 16px 42px #00000038}82%{opacity:1;border-color:#ff7ab652;transform:translateY(0);box-shadow:0 0 0 1px #ff7ab61a,0 0 18px #ff7ab61a,0 10px 26px #0000001f}to{opacity:1;box-shadow:none;border-color:#ffffff21;transform:translateY(0)}}@keyframes reminder-delete{0%{opacity:1;max-height:180px;transform:translateY(0)}68%{opacity:0;max-height:180px;transform:translateY(18px)}to{opacity:0;max-height:0;margin-top:-10px;padding-top:0;padding-bottom:0;transform:translateY(18px)}}@keyframes page-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-copy-in{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes auth-panel-in{0%{opacity:0;transform:translateY(22px)scale(.985);box-shadow:0 0 #ff7ab600}70%{opacity:1;transform:translateY(0)scale(1);box-shadow:0 0 0 1px #ff7ab614,0 0 38px #ff7ab61a,0 28px 90px #0000003d}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.hero-band,.stats-grid,.composer,.settings-panel,.list-panel,.auth-copy,.auth-panel,.reminder.entering,.reminder.deleting{animation-duration:1ms;animation-iteration-count:1}}.settings-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-row div{gap:5px;display:grid}.webhook-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.webhook-status{border:1px solid var(--line);color:var(--muted);text-transform:lowercase;background:#ffffff09;justify-self:start;align-items:center;gap:8px;padding:9px 11px;font-size:12px;display:inline-flex}.webhook-test{min-height:36px;color:var(--muted);padding:0 12px;font-size:12px}.webhook-test:disabled{cursor:not-allowed;opacity:.46}.webhook-status span{background:currentColor;width:8px;height:8px}.webhook-status.linked{color:#a9f5c2;background:#1db95414;border-color:#1db95466}.webhook-status.offline{color:#ff9fca;background:#ff7ab614;border-color:#ff7ab64d}.link-out{min-height:34px;color:var(--muted);justify-self:start;padding:0 11px;font-size:12px}.auth-shell{align-items:center;min-height:100vh;padding-top:32px;padding-bottom:32px;display:grid}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:clamp(32px,5vw,76px);width:100%;display:grid}.auth-copy{border-left:1px solid #ff7ab647;align-content:center;justify-items:start;min-width:0;min-height:480px;padding-left:clamp(20px,4vw,42px);animation:.76s cubic-bezier(.22,1,.36,1) both auth-copy-in;display:grid}.auth-copy h1{overflow-wrap:normal;max-width:100%;font-size:clamp(64px,7.8vw,118px);line-height:.92}.auth-copy .subtitle{max-width:520px;margin-bottom:26px}.auth-card-wrap{align-items:center;display:grid}.auth-panel{background:linear-gradient(180deg, #ff7ab60f, transparent 42%), var(--panel);gap:18px;padding:24px;animation:.76s cubic-bezier(.22,1,.36,1) .11s both auth-panel-in;display:grid;box-shadow:0 0 0 1px #ff7ab60f,0 28px 90px #0000003d}.auth-error{border-left:2px solid var(--danger);color:var(--danger);margin-bottom:0;padding-left:10px;font-size:12px}.wide{width:100%}.session-action{min-height:34px;color:var(--muted);padding:0 11px;font-size:12px}@media (width<=840px){.app-shell{width:min(100% - 24px,640px);padding-top:26px}.hero-band,.auth-layout,.workspace-grid{grid-template-columns:1fr}.auth-shell{align-items:start}.auth-layout{gap:24px}.auth-copy{border-left:0;border-bottom:1px solid var(--line);min-height:auto;padding:28px 0 24px}.auth-copy h1{font-size:clamp(58px,18vw,92px)}.hero-band{min-height:176px;display:grid}.status-stack{justify-items:start;margin-bottom:22px}.stats-grid{grid-template-columns:1fr}.workspace-grid{display:grid}.list-panel{grid-row:auto;min-height:auto}}@media (width<=520px){.channel-row{grid-template-columns:1fr}.reminder{grid-template-columns:34px minmax(0,1fr) 34px;gap:9px;padding:10px}.reminder-title-row{gap:6px;display:grid}.icon-button{width:34px;min-height:34px}}