:root{color:#dfe4e5;font-synthesis:none;--muted:#758082;--line:#242b2c;--accent:#c8f5a4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0e10;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,textarea,input{background:0 0;border:0}svg{flex-shrink:0;width:22px;height:22px}button{justify-content:center;align-items:center;display:inline-flex}a{color:inherit;text-decoration:none}.app{max-width:850px;height:100dvh;padding:0 max(28px,env(safe-area-inset-right)) 0 max(28px,env(safe-area-inset-left));flex-direction:column;margin:auto;display:flex;position:relative}header{min-height:100px;padding-top:env(safe-area-inset-top);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.wordmark{letter-spacing:-1px;font-size:20px;font-weight:600}.wordmark span{vertical-align:top;color:var(--muted);margin-left:3px;font-size:10px}.identity{align-items:center;gap:20px;display:flex}.identity>span{letter-spacing:2px;color:var(--muted);font-size:10px}.icon-button{width:44px;height:44px;color:var(--muted);border-radius:50%;transition:background .2s,color .2s}.icon-button:hover,.icon-button.active{color:var(--accent);background:#20292a}.tuner{text-align:center;flex-shrink:0;padding:20px 0 25px}.signal{justify-content:center;align-items:center;gap:4px;height:16px;display:flex}.signal span{background:var(--accent);width:3px;height:4px;opacity:calc(.12 + var(--signal)*.88);box-shadow:0 0 calc(var(--signal)*15px) #c8f5a4;border-radius:3px;transition:opacity .2s}.signal span:nth-child(2),.signal span:nth-child(4){height:9px}.signal span:nth-child(3){height:15px}.frequency-number{letter-spacing:-5px;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:0;margin:17px 0 24px;font-size:76px;font-weight:300;display:flex}.frequency-number input{color:#edf0ed;width:3.05em;font:inherit;text-align:right;appearance:textfield;outline-offset:0;padding:0}.frequency-number input::-webkit-inner-spin-button{appearance:none}.decimal{color:#586263;letter-spacing:-4px;padding-right:35px}.dial{touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none;height:80px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.dial-track{will-change:transform;align-items:flex-start;gap:39px;height:38px;display:flex;position:absolute;left:calc(50% - 1200px)}.dial-track i{background:#3b4647;flex:0 0 1px;height:16px;display:block}.dial-track i.major{background:#697575;height:29px}.needle{background:var(--accent);width:2px;height:37px;position:absolute;top:0;left:50%;box-shadow:0 0 16px #c8f5a444}.dial-labels{color:#647071;letter-spacing:2px;justify-content:space-between;padding:50px 15% 0;font:10px ui-monospace,monospace;display:flex}.stream{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#313c3e transparent;border-top:1px solid #1c2425;flex:1;min-height:0;padding:25px 2px 15px;overflow-y:auto}.message{touch-action:pan-y;max-width:82%;margin:0 0 25px;padding:4px 0;animation:.3s ease-out arrive}.message.own{margin-left:auto}.message-meta{letter-spacing:1.6px;color:#889695;align-items:center;gap:14px;margin-bottom:8px;font-size:9px;display:flex}.message-meta time{letter-spacing:0;color:#445254;font-size:9px}.own .message-meta>span{color:#b8ceaa}.message p{letter-spacing:.1px;white-space:pre-wrap;overflow-wrap:anywhere;color:#cbd3d2;margin:0;font-size:15px;line-height:1.65}.quote{color:#82918f;overflow-wrap:anywhere;border-left:1px solid #556b59;gap:8px;margin:4px 0 10px;padding:6px 0 6px 10px;font-size:12px;display:flex}.quote svg{width:13px;height:13px;margin-top:2px}.quote b{letter-spacing:1px;margin-bottom:3px;font-size:9px;font-weight:400;display:block}.expired{font-size:11px;font-style:italic}.reactions{gap:5px;margin-top:8px;display:flex}.reactions span{color:#889995;border:1px solid #293435;border-radius:12px;justify-content:center;align-items:center;width:30px;height:24px;display:flex}.reactions svg{width:13px;height:13px}.reactions .mine{color:var(--accent);border-color:#4c6246}footer{padding:14px 0 max(18px,env(safe-area-inset-bottom));background:#0b0e10;flex-shrink:0}.composer{background:#111718;border:1px solid #2a3435;border-radius:24px;align-items:center;gap:10px;padding:8px 9px 8px 20px;display:flex;box-shadow:0 5px 30px #0002}.composer:focus-within{border-color:#5a6b59}.composer textarea{resize:none;color:#dce4df;outline:none;flex:1;min-width:0;max-height:120px;padding:5px 0;line-height:24px}.send{background:var(--accent);color:#172014;border-radius:50%;flex-shrink:0;width:36px;height:36px}.connection{background:#2c3d30;border-radius:3px;width:22px;height:3px;margin:12px auto 0}.connection.offline{background:#e6ac72;animation:1s infinite pulse}.reply-preview{color:var(--muted);align-items:center;gap:10px;padding:0 5px 8px;font-size:11px;display:flex}.reply-preview>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.reply-preview>svg{width:15px}.scrim{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:5;background:#0008;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.interaction{background:#151d1c;border:1px solid #3b4843;border-radius:25px;padding:17px;box-shadow:0 20px 100px #0009}.reaction-options,.other-options{justify-content:center;gap:8px;display:flex}.reaction-options{border-bottom:1px solid #2b3530;margin-bottom:10px;padding:4px 12px 17px}.reaction-options button{color:#d1e3ce;width:56px;height:56px}.reaction-options svg{width:28px;height:28px}.auth{flex-direction:column;align-items:center;width:min(100%,340px);margin:auto;padding-bottom:70px;display:flex;position:relative}.auth h1{letter-spacing:-2px;margin:34px 0 46px;font-size:44px;font-weight:500}.auth h1 span{color:var(--accent);vertical-align:top;margin-left:6px;font-size:25px}.orb{background:radial-gradient(circle at 30% 20%,#eaffd4,#abc48f 40%,#354234 75%);border-radius:50%;width:54px;height:54px;box-shadow:0 0 80px #c8f5a418,inset -3px -4px 8px #0b0e10}.auth form{flex-direction:column;gap:12px;width:100%;display:flex}.auth input{color:#e2e8df;background:#111716;border:1px solid #2b3433;border-radius:15px;width:100%;padding:16px;font-size:14px}.auth input::placeholder{color:#6d7b75}.primary{background:var(--accent);color:#162015;border-radius:15px;justify-content:space-between;margin-top:6px;padding:15px 20px;font-size:13px}.quiet{color:#82917f;padding:20px;font-size:12px}.choices .orb{margin-bottom:40px}.candidate-list{gap:14px;width:100%;display:grid}.candidate{color:#d0e9c1;letter-spacing:3px;border:1px solid #344337;border-radius:16px;justify-content:space-between;padding:23px;font:17px ui-monospace,monospace}.candidate:hover{background:#1b291b}.toast{color:#e5d4ba;z-index:10;cursor:pointer;background:#29251e;border:1px solid #655744;border-radius:16px;align-items:center;gap:15px;max-width:90vw;padding:15px 20px;font-size:13px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.toast svg{width:15px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.loading{background:var(--accent);border-radius:50%;width:6px;height:6px;margin:auto;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=600px){.app{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}header{min-height:78px}.wordmark{font-size:18px}.identity{gap:7px}.identity>span{letter-spacing:1px;font-size:9px}.tuner{padding:13px 0 10px}.frequency-number{margin:15px 0 20px;font-size:64px}.dial{height:69px}.stream{padding-top:20px}.message{max-width:90%;margin-bottom:21px}.message p{font-size:14px}.auth{padding-bottom:45px}.auth h1{font-size:39px}footer{padding-top:10px}}@media (height<=550px){header{min-height:48px}.tuner{padding:0}.signal{display:none}.frequency-number{margin:0 0 6px;font-size:36px}.dial{height:38px}.dial-labels{display:none}.dial-track,.needle{height:25px}.auth{padding:10px 0;overflow:auto}.auth .orb,.auth h1{display:none}.stream{padding-top:10px}footer{padding-bottom:6px}.connection{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}