@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#242027;background:#f5f1eb;font-synthesis:none;--ink: #242027;--muted: #756e78;--paper: #fffdf9;--orange: #d96b2b;--purple: #5b405e;--line: #ded7cf}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 95% 5%,#ead9ca 0,transparent 28%),#f5f1eb}button,input,select{font:inherit}button{cursor:pointer}main:not(.login-shell){max-width:1240px;margin:auto;padding:34px 28px 70px}header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}h1,h2{font-family:Fraunces,serif;margin:0;letter-spacing:-.035em}header h1{font-size:2.2rem}header h1 span{color:var(--orange)}.eyebrow{color:var(--orange);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 7px}.header-actions{display:flex;align-items:center;gap:18px}.live{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--muted)}.live i{width:8px;height:8px;border-radius:50%;background:#4f9f6f;box-shadow:0 0 0 4px #dceadf}.text-button,.icon-button{border:0;background:none;color:var(--muted)}.demo{padding:10px 15px;border-radius:10px;background:#f4dfb8;margin-bottom:20px;font-size:.88rem}.hero{min-height:220px;padding:42px 48px;border-radius:28px;color:#fff;background:linear-gradient(125deg,#211925,#4c354f);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:0 18px 50px #34233b27}.hero:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff16;border-radius:50%;right:-70px;top:-140px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.hero h2{font-size:clamp(2.1rem,5vw,3.5rem)}.hero p:last-child{color:#d5cbd6;max-width:600px;line-height:1.6}.orb{z-index:1;width:132px;height:132px;flex:0 0 auto;border-radius:50%;display:grid;place-content:center;text-align:center;background:#ffffff0c;border:1px solid #ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.orb strong{font-family:Fraunces;font-size:2.3rem}.orb span{font-size:.73rem;color:#d5cbd6}.layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:24px;margin-top:24px;align-items:start}.panel{background:var(--paper);border:1px solid #e8e1d9;border-radius:22px;padding:28px;box-shadow:0 9px 30px #4d3a2910}.section-title{margin-bottom:20px}.section-title h2{font-size:1.7rem}.watch-card{display:grid;grid-template-columns:44px 1fr auto;gap:15px;border-top:1px solid var(--line);padding:20px 0}.status-icon{width:42px;height:42px;border-radius:13px;display:grid;place-content:center;font-size:1.4rem;color:var(--purple);background:#eee8ef}.found .status-icon{color:#26734a;background:#dcecdf}.card-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.watch-info h3,.add-form h3{margin:0;font-size:1rem}.watch-info a{display:inline-block;margin-top:5px;color:var(--purple);font-size:.82rem}.checked{margin:8px 0 0;color:var(--muted);font-size:.76rem}.pill{padding:4px 8px;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.searching{background:#eee8ef;color:var(--purple)}.available{background:#dcecdf;color:#26734a}.paused{background:#ebe8e4;color:#77716a}.card-actions{display:flex;flex-direction:column;gap:6px}.card-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;color:#58505b;font-size:.72rem}.card-actions .danger{color:#a34a3f;border-color:transparent}.empty{color:var(--muted);text-align:center;padding:15px}.add-form{margin-top:18px;padding:22px;background:#f6f1ea;border-radius:16px;display:grid;gap:13px}.add-form label{color:var(--muted);font-size:.76rem;font-weight:600}.add-form input,.add-form select{display:block;width:100%;border:1px solid #d8d0c7;border-radius:9px;padding:10px 12px;margin-top:5px;color:var(--ink);background:#fff;outline:none}.add-form input:focus,.add-form select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #5b405e18}.primary,.secondary{border:0;border-radius:10px;padding:11px 16px;color:#fff;background:var(--orange);font-weight:700}.secondary{background:var(--purple)}.split{display:grid;grid-template-columns:100px 1fr;gap:10px}.recipient{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.channel{width:34px;height:34px;border-radius:10px;display:grid;place-content:center;background:#f1ebe4;color:var(--orange)}.recipient strong,.recipient span{display:block;font-size:.82rem}.recipient span{color:var(--muted);margin-top:2px;font-size:.72rem;overflow-wrap:anywhere}.toggle{width:35px;height:20px;border-radius:14px;padding:2px;border:0;background:#c9c3bc}.toggle i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on{background:#57936a}.toggle.on i{transform:translate(15px)}.note{margin-top:18px;padding:18px;color:#ded3df;background:var(--purple);border-radius:14px;font-size:.8rem}.note p{margin:6px 0 0;line-height:1.5}.error{color:#aa392e}.banner{background:#f7dcd8;padding:12px;border-radius:10px}.small{margin:6px 0 0;font-size:.74rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 20%,#633b5c,transparent 30%),#19131d}.login-card{width:min(520px,100%);text-align:center;padding:55px 40px;border:1px solid #ffffff1c;border-radius:28px;color:#fff;background:#ffffff0a;box-shadow:0 28px 100px #0006}.login-card .mark{color:#f59a3d;font-size:2.5rem}.login-card h1{font-size:clamp(2.6rem,8vw,4.5rem)}.login-card>p:not(.eyebrow):not(.error){color:#cfc3d0;line-height:1.6;margin:20px auto 28px;max-width:400px}.login-card button{width:100%}button:disabled{opacity:.55;cursor:wait}@media(max-width:820px){main:not(.login-shell){padding:24px 16px 50px}.hero{padding:34px 28px}.orb{display:none}.layout{grid-template-columns:1fr}.watch-card{grid-template-columns:40px 1fr}.card-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}}@media(max-width:460px){header{align-items:flex-start}.header-actions{flex-direction:column;align-items:flex-end;gap:8px}.panel{padding:22px 18px}.hero h2{font-size:2rem}.hero{min-height:190px}.split{grid-template-columns:1fr}}