@import url('/fonts.css');
:root{color-scheme:dark;--bg:#090e16;--surface:#101721;--line:#202c38;--text:#eff4f7;--muted:#8b9ba9;--accent:#7de2d7;--soft:#142c30;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.shell{display:flex;min-height:100dvh}.sidebar{width:244px;border-right:1px solid var(--line);padding:38px 24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#0c111a}.brand{display:flex;gap:12px;align-items:center;font-size:22px;letter-spacing:4px;font-weight:650}.brand-mark{font-size:27px;color:var(--accent);border:1px solid #376362;border-radius:12px;display:grid;place-items:center;width:43px;height:43px;letter-spacing:0;background:linear-gradient(135deg,#23433e,#101a25)}.brand small{font-size:7px;letter-spacing:2px;display:block;margin-top:6px;color:var(--muted);font-weight:500}.side-label{font-size:9px;letter-spacing:1.6px;color:#677887;margin:66px 12px 20px}nav button{border:0;background:transparent;color:var(--muted)}#desktop-nav{display:grid;gap:9px}#desktop-nav button{text-align:left;border-radius:12px;display:flex;align-items:center;gap:14px;padding:15px 13px;font-size:14px}nav svg{width:21px;height:21px;stroke-width:1.6}#desktop-nav button.active{color:var(--accent);background:linear-gradient(90deg,#18332f,#14252a);box-shadow:inset 2px 0 var(--accent)}.side-footer{margin-top:auto;padding:30px 12px 0;font-size:11px;color:#99aaa9}.side-footer small{display:block;margin-top:10px;font-size:10px;color:#667b86}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #7de2d760;margin-right:6px}main{margin-left:244px;width:calc(100% - 244px);max-width:1600px;padding:39px 52px 20px}header{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:650;color:var(--muted)}h1{font-size:21px;font-weight:500;letter-spacing:-.6px;margin:9px 0}h2{font-size:27px;letter-spacing:-.9px;font-weight:500;margin:0 0 12px}h3{font-size:18px;font-weight:500;margin:14px 0}p{line-height:1.6}.avatar{background:#1b2731;border:1px solid #34414d;width:39px;height:39px;border-radius:50%;color:#c5d4dd;font-size:14px}.view{max-width:1020px;margin:0 auto}.hero{text-align:center;position:relative;padding:34px 0 23px}.live-label{font-size:10px;color:#a3b6b8;letter-spacing:.5px;display:flex;justify-content:center;align-items:center;margin-bottom:6px}.orb{position:relative;width:256px;height:256px;background:transparent;border:0;margin:12px auto 18px;display:block;isolation:isolate}.orb:before{content:'';position:absolute;inset:-30%;background:radial-gradient(ellipse,#35b1a414 0%,transparent 68%);z-index:-1}.orb-core{position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle at 34% 27%,#bdfff580,#55cdca4d 23%,#23737b60 48%,#0a1a2d 72%);box-shadow:inset 0 0 29px #63e7d43d,inset 4px 2px 13px #c6fff48a,0 0 45px #3dbdb71c;border:1px solid #62c9c15e}.orb-core:after{content:'';position:absolute;inset:8%;border-radius:50%;border:1px solid #8de6eb33;box-shadow:inset 0 0 34px #68d6d545}.orbit{position:absolute;inset:8%;border:1px solid #78e2d855;border-radius:50%;transform:rotate(-28deg) scaleY(.86);box-shadow:0 0 12px #7de2d70c}.orbit.one{border-left-color:#adfff1;animation:orbit 18s linear infinite}.orbit.two{inset:0;transform:rotate(32deg) scaleY(.76);border-color:#78e2d827;border-right-color:#82e6e9aa;animation:orbit 24s linear infinite reverse}.orbit.three{inset:14%;border-style:dashed;border-color:#97f5ef4a;animation:orbit 32s linear infinite}.orb-symbol{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;font-weight:200;color:#d8fff8;text-shadow:0 0 25px #a1ffee}.orb.listening .orb-core{animation:breathe .8s ease-in-out infinite alternate;background:radial-gradient(circle at 40% 30%,#d1fff5,#378c9260 60%,#0a1a2d)}.orb.working .orbit{animation-duration:3s}.hero h2{font-size:32px;letter-spacing:-1px;margin-bottom:10px}.hero p{font-size:13px;color:var(--muted);margin:0}.suggestions{display:flex;justify-content:center;gap:10px;margin:28px auto 4px}.suggestions button{background:#101822;border:1px solid #26343e;padding:15px 17px;border-radius:12px;font-size:13px;display:flex;gap:14px;color:#92b9b7}.suggestions button span{color:#c4d1d7;font-size:11px}.suggestions button:hover{border-color:#589c94;background:#162a2b}.composer-wrap{position:sticky;bottom:0;padding-top:12px;background:linear-gradient(transparent,var(--bg) 16%);z-index:5}.composer{background:#141e29;border:1px solid #30414c;border-radius:18px;padding:11px;display:flex;align-items:flex-end;gap:12px;box-shadow:0 6px 40px #0002}.composer textarea{resize:none;max-height:150px;min-height:40px;background:none;border:0;color:var(--text);padding:10px 0;flex:1;width:100%;font-size:13px;outline:0;line-height:20px}.composer textarea::placeholder{color:#778b9b}.voice-button{height:40px;width:40px;display:grid;place-items:center;background:transparent;border:0;color:#b5c7d0}.voice-button svg{width:21px}.voice-button.recording{border-radius:12px;background:#51272b;color:#ffb7b7}#send{width:40px;height:40px;border:0;border-radius:12px;background:var(--accent);color:#102421;font-size:24px;flex-shrink:0}.composer-note{display:flex;justify-content:space-between;padding:11px 6px;font-size:9px;color:#728896;align-items:center}.composer-note button{background:none;border:0;font-size:10px;color:#8dabae}#record-status{font-size:11px;color:var(--accent);padding:10px}#conversation{max-width:900px;margin:8px auto}.message{font-size:14px;line-height:1.7;margin:20px 0;max-width:92%;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{background:#17272c;padding:15px 20px;border-radius:18px 18px 4px 18px;margin-left:auto;width:fit-content;border:1px solid #263c41}.message.assistant{padding:8px 0 12px;color:#d9e2e9}.message .speaker{font-size:9px;letter-spacing:1.6px;color:var(--accent);display:block;margin-bottom:10px}.message .speak{margin-top:8px;background:none;border:0;color:#829ea6;font-size:11px;display:block}.file-link{display:inline-block;padding:9px 13px;background:#182b31;border:1px solid #305158;border-radius:9px;font-size:12px;margin:6px 7px 0 0;color:var(--accent);white-space:normal}#thinking{font-size:12px;color:var(--muted);padding:20px 0}.thinking-dots{color:var(--accent);letter-spacing:4px;margin-right:8px;animation:breathe 1s infinite alternate}.desktop-footer{display:flex;justify-content:space-between;color:#465b69;font-size:8px;letter-spacing:1px;border-top:1px solid #172430;padding:20px 0;margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:center;margin:52px 0 24px;gap:20px}.section-top h2{font-size:25px}.section-top p,.muted{font-size:13px;color:var(--muted);margin:0}.primary{background:var(--accent);border:0;color:#102a29;border-radius:11px;padding:16px 20px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:20px}.primary.compact{white-space:nowrap;padding:13px 16px;font-size:12px}.secondary{background:#17242d;border:1px solid #344954;color:#c2d9de;border-radius:9px;padding:11px 14px;font-size:12px;display:inline-block}.text-button{border:0;background:none;color:var(--muted);padding:12px;font-size:12px}.card-list{display:grid;gap:12px}.card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:20px;display:flex;align-items:flex-start;gap:16px}.card .card-content{flex:1;min-width:0}.card h3{font-size:15px;margin:0 0 8px;overflow-wrap:anywhere}.card p{color:var(--muted);font-size:12px;margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.card-icon{border-radius:12px;padding:12px;background:#19312f;color:var(--accent);font-size:20px;min-width:47px;text-align:center}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.card-actions button,.card-actions a{background:none;border:1px solid #304550;border-radius:7px;padding:8px 11px;color:#a8c6ce;font-size:11px}.time-label{font-size:11px;color:var(--accent);margin-bottom:8px;display:block}.notification{border-color:#3b6f65;background:#10211f;margin-bottom:12px}.empty{padding:65px 20px;text-align:center;border:1px dashed #253643;border-radius:16px;color:var(--muted);font-size:13px;line-height:1.8}.empty span{display:block;font-size:30px;color:#598c8b;margin-bottom:13px}.search{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px;color:var(--text);margin-bottom:20px;outline:0}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.note-grid .card{min-height:155px}.segmented{display:flex;gap:5px;background:#111b24;width:fit-content;padding:4px;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.segmented button{border:0;background:none;padding:11px 23px;color:var(--muted);border-radius:9px;font-size:12px}.segmented button.active{background:#223b3c;color:#b1f3e9}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.setting-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.setting-card p{font-size:12px;color:var(--muted)}.setting-card .fine{font-size:10px;line-height:1.7}.setting-card button{margin-top:8px}.setting-card input{width:100%;padding:10px;background:#09121a;color:var(--accent);border:1px solid var(--line);border-radius:6px;margin-top:15px}.setting-card .user-row{font-size:12px;padding:12px 0;border-top:1px solid var(--line);margin-top:10px}#settings-view{margin-top:45px}.auth-panel{max-width:360px;margin:10px auto 0;text-align:center}.orb.small{width:160px;height:160px;margin-bottom:15px}.auth-panel h2{font-size:31px;line-height:1.2;margin-top:13px}.auth-panel p{font-size:12px;color:var(--muted)}#auth-form{margin-top:28px;text-align:left}label{font-size:11px;color:#a4b5bf;display:block;margin:15px 0}label input{display:block;width:100%;background:#101b26;border:1px solid #2b3b48;border-radius:11px;color:var(--text);padding:14px;margin-top:8px;font-size:14px;outline:0}input:focus,textarea:focus{border-color:#67b6ad}#auth-submit{width:100%;margin-top:24px}#auth-caption{text-align:center;font-size:10px}.auth-footer{text-align:center;font-size:8px;letter-spacing:2px;color:#546b7c;margin:35px 0}.auth-footer span{padding:0 10px}#auth-error{color:#ffb8b8}.auth-mode .sidebar,.auth-mode .desktop-footer,.auth-mode #mobile-nav,.auth-mode .avatar{display:none}.auth-mode main{margin:auto;width:100%;padding-top:25px}.auth-mode header{justify-content:center;text-align:center}.auth-mode header h1{display:none}.auth-mode header .eyebrow{font-size:20px;letter-spacing:5px;color:#cfe4e6}.auth-mode header .eyebrow:before{content:'JARVIS';font-size:22px}.auth-mode header .eyebrow{font-size:0}#mobile-nav{display:none}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:15px 22px;border-radius:12px;background:#294747;border:1px solid #508e82;color:#d6fff0;font-size:13px;z-index:100;max-width:90vw;box-shadow:0 10px 40px #0008}#invite-result{overflow-wrap:anywhere}.compact-hero .hero{padding-top:20px}.compact-hero .hero .orb{width:88px;height:88px;margin:8px auto}.compact-hero .hero h2,.compact-hero .hero p,.compact-hero .hero .suggestions{display:none}.compact-hero .orb-symbol{font-size:19px}
@keyframes orbit{to{transform:rotate(332deg) scaleY(.86)}}@keyframes breathe{from{opacity:.55}to{opacity:1}}@media(min-width:1450px){main{padding-left:85px;padding-right:85px}.hero{padding-top:50px}.orb{width:300px;height:300px}}@media(max-width:1100px){.sidebar{width:205px;padding:30px 18px}main{margin-left:205px;width:calc(100% - 205px);padding:30px}.suggestions button{gap:9px;padding:13px 10px}.suggestions button span{font-size:10px}.brand{font-size:19px}.hero h2{font-size:29px}}@media(max-width:760px){.sidebar{display:none}main{width:100%;margin:0;padding:calc(22px + env(safe-area-inset-top)) 22px calc(90px + env(safe-area-inset-bottom))}header{align-items:center}h1{font-size:20px;max-width:260px;line-height:1.25}.eyebrow{font-size:8px;letter-spacing:1.7px}.avatar{width:35px;height:35px}.hero{padding-top:30px}.orb{width:236px;height:236px;margin:14px auto 18px}.hero h2{font-size:29px}.hero p{font-size:12px}.suggestions{gap:8px;margin-top:28px;overflow-x:auto;justify-content:flex-start;padding-bottom:7px}.suggestions button{min-width:170px;padding:15px 13px}.suggestions button span{font-size:10px}.composer-wrap{bottom:calc(70px + env(safe-area-inset-bottom));padding-top:12px}.composer{padding:8px;border-radius:16px;gap:7px}.composer textarea{font-size:16px}.composer-note{font-size:8px}.composer-note button{font-size:9px}.desktop-footer{display:none}#mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0d151fee;backdrop-filter:blur(20px);border-top:1px solid #25323d;justify-content:space-around;padding:11px 5px calc(10px + env(safe-area-inset-bottom));z-index:10}#mobile-nav button{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:9px;min-width:54px;padding:5px}#mobile-nav button.active{color:var(--accent)}#mobile-nav svg{height:21px;width:21px}.section-top{margin-top:35px;align-items:flex-start}.section-top h2{font-size:23px;line-height:1.2}.section-top p{font-size:12px}.primary.compact{font-size:11px;padding:12px;gap:3px}.card{padding:16px;gap:12px}.card-icon{font-size:18px;min-width:41px;padding:10px}.note-grid,.settings-grid{grid-template-columns:1fr}.card h3{font-size:14px}.settings-grid{gap:13px}.setting-card{padding:21px}.message{font-size:14px;max-width:98%}.message.user{max-width:90%}.auth-mode main{padding-bottom:25px}.auth-panel{margin-top:20px;max-width:340px}.auth-panel h2{font-size:31px}.auth-mode .orb.small{width:150px;height:150px}.auth-panel input{font-size:16px}.compact-hero .hero{padding-top:16px;padding-bottom:0}.compact-hero .hero .live-label{font-size:9px}.compact-hero .hero .orb{width:75px;height:75px}.compact-hero .composer-wrap{position:sticky}#files-view,#planner-view,#notes-view{padding-bottom:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.wide{grid-column:1/-1}.attachment-list{display:flex;gap:6px;flex-wrap:wrap}.attachment-list button{font-size:11px}.setting-card details{margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:12px}.setting-card summary{cursor:pointer;font-size:14px}.setting-card label{margin:14px 0}.setting-card input{margin-top:6px}.memory-row{display:flex;gap:10px;align-items:center;font-size:12px;margin:12px 0}.memory-row span{flex:1;overflow-wrap:anywhere}.memory-row button{background:none;color:var(--accent);border:0}.native-app .hero .orb{filter:drop-shadow(0 0 18px #7de2d725)}#drafts{display:grid;gap:12px}#connection-content{display:grid;gap:10px;max-height:65vh;overflow:auto;margin-top:12px}.composer-note{flex-wrap:wrap;gap:5px}

.telegram-web-panel{margin:20px 0;padding:18px;border:1px solid var(--border,#293342);border-radius:18px;background:rgba(125,226,215,.04)}#tg-web-qr{display:block;width:260px;max-width:100%;height:auto;margin:18px auto;background:#fff;border-radius:14px;padding:12px}#tg-web-qr[hidden]{display:none}#tg-web-status{white-space:pre-wrap}#tg-web-form{margin:12px 0}.telegram-web-panel details{margin-top:14px}#tg-web-compose textarea{width:100%;box-sizing:border-box;background:#111a25;color:inherit;border:1px solid #344251;border-radius:10px;padding:12px;font:inherit}