:root{color-scheme:light;--canvas:#f4f4f1;--paper:#fff;--ink:#171718;--soft:#6f706f;--line:#deded9;--line2:#ecece7;--accent:#5b55e7;--accent-dark:#443ec8;--green:#1e9b65;--red:#d94848;--shadow:0 18px 55px rgba(35,35,31,.08);--radius:22px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--canvas)}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-shell{min-height:100vh}.topbar{height:72px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(244,244,241,.9);border-bottom:1px solid rgba(30,30,27,.07);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:11px;padding:0;border:0;background:none;color:var(--ink);text-align:left}.brand-symbol{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--ink);color:#fff;font-size:20px;font-weight:900;letter-spacing:-.06em}.brand>span:last-child{display:grid}.brand b{font-size:16px;letter-spacing:-.02em}.brand small{color:var(--soft);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;gap:8px}.live-dot{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.65);color:var(--soft);font-size:9px;text-transform:uppercase;letter-spacing:.11em}.live-dot i{width:6px;height:6px;border-radius:50%;background:#32bf7b;box-shadow:0 0 0 3px rgba(50,191,123,.12)}.round-button{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}
main{max-width:1080px;margin:auto;padding:18px 16px 112px}.page-intro{padding:10px 2px 22px}.kicker{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.page-intro h1{margin:7px 0 6px;font-size:31px;line-height:1.08;letter-spacing:-.045em}.page-intro p{margin:0;color:var(--soft);max-width:620px}.surface{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 4px 18px rgba(28,28,25,.035)}
.studio-hero{position:relative;overflow:hidden;display:grid;gap:24px;margin-bottom:27px;padding:24px;border:1px solid #252527;border-radius:28px;background:#1d1d1f;color:#fff;box-shadow:0 22px 60px rgba(25,25,28,.18)}.studio-hero:after{content:"";position:absolute;width:310px;height:310px;right:-150px;top:-180px;border-radius:50%;background:#726cf2;filter:blur(20px);opacity:.35}.hero-copy,.hero-summary{position:relative;z-index:1}.hero-status{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:#adada8;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.hero-status i{width:7px;height:7px;border-radius:50%;background:#45d590}.studio-hero h2{max-width:620px;margin:0 0 10px;font-size:29px;line-height:1.08;letter-spacing:-.045em}.studio-hero p{max-width:610px;margin:0 0 23px;color:#aaaab0}.button{border:0;border-radius:12px;padding:11px 15px;font-weight:750;transition:transform .15s,background .15s}.button:active{transform:scale(.98)}.hero-button,.button-primary{background:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(91,85,231,.22)}.hero-button span{margin-left:22px}.button-secondary{border:1px solid var(--line);background:var(--paper);color:var(--ink)}.button-danger{border:1px solid #f0cece;background:#fff8f8;color:var(--red)}.button:disabled{opacity:.45}.hero-summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);padding-top:19px}.hero-summary div{padding:0 13px}.hero-summary div:first-child{padding-left:0}.hero-summary div+div{border-left:1px solid rgba(255,255,255,.12)}.hero-summary span{display:block;color:#89898e;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.hero-summary b{display:block;margin-top:3px;font-size:25px;letter-spacing:-.04em}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 3px 10px}.section-title span{font-size:15px;font-weight:800}.section-title small{color:var(--soft);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.dashboard-grid{display:grid;gap:9px}.metric-card{min-height:84px;display:grid;grid-template-columns:43px 1fr auto 20px;align-items:center;gap:12px;padding:14px;text-align:left;color:var(--ink)}.platform-badge{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:13px;color:#fff}.platform-badge svg{width:21px;height:21px}.platform-badge.telegram{background:#229ed9}.platform-badge.instagram{background:linear-gradient(145deg,#6950d8,#d63576 55%,#f5a044)}.platform-badge.threads{background:#161616}.channel-copy{display:grid}.channel-copy b{font-size:14px}.channel-copy small{color:var(--soft);font-size:11px}.queue-count{min-width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#f0f0ec;font-weight:800}.chevron{color:#999a96}.wide{grid-column:1/-1}.stats-strip{display:grid;grid-template-columns:1fr 1fr;padding:17px}.stat+.stat{border-left:1px solid var(--line2);padding-left:17px}.stat b{display:block;font-size:25px}.stat span,.label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--soft);font-weight:750}
.workspace-grid{display:grid;gap:24px}.text-button{padding:0;border:0;background:none;color:var(--accent-dark);font-size:11px;font-weight:750}.upcoming-list{overflow:hidden}.upcoming-row{display:grid;grid-template-columns:52px 34px 1fr;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line2)}.upcoming-row:last-child{border:0}.upcoming-row time{font-weight:800;font-variant-numeric:tabular-nums}.upcoming-row b,.upcoming-row small{display:block}.upcoming-row b{font-size:12px}.upcoming-row small{color:var(--soft);font-size:9px}.platform-dot{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#fff}.platform-dot svg{width:16px;height:16px}.platform-dot.telegram{background:#229ed9}.platform-dot.instagram{background:linear-gradient(145deg,#6950d8,#d63576 55%,#f5a044)}.platform-dot.threads{background:#161616}
.reel-spotlight{margin-bottom:26px}.reel-feature{display:grid;gap:20px;padding:18px;background:linear-gradient(145deg,#111318,#1b1723);color:#fff;border-color:#27242f}.reel-feature-video{max-width:280px;margin:auto}.reel-feature-video .network-preview{border-color:#34313b}.reel-feature-video .ig-caption{display:none}.reel-feature-copy{align-self:center}.reel-feature-copy h2{margin:13px 0 8px;font-size:25px;line-height:1.1;letter-spacing:-.035em}.reel-feature-copy p{margin:0 0 18px;color:#aaaab2}.reel-feature-copy .status{background:rgba(43,190,120,.12);border-color:rgba(69,213,144,.25);color:#63dea0}
.hero{position:relative;overflow:hidden;padding:23px;border-radius:24px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);margin-bottom:14px}.hero:before{content:"";position:absolute;width:6px;inset:0 auto 0 0;background:var(--accent)}.hero h2{margin:0 0 7px;font-size:23px;letter-spacing:-.035em}.hero p{margin:0 0 18px;color:var(--soft);max-width:520px}.social-grid{display:grid;gap:10px}.social-tile{min-height:106px;display:flex;align-items:center;gap:15px;padding:16px;text-align:left;color:var(--ink);border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 4px 20px rgba(25,25,22,.035)}.social-tile .platform-badge{width:50px;height:50px;border-radius:15px}.social-tile h3{margin:0 0 2px;font-size:17px}.social-tile p{margin:0;color:var(--soft);font-size:11px}.social-tile .count{margin-left:auto;display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:9px;background:#f0f0ec;font-weight:800}
.desk-create{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px}.desk-create:before{display:none}.desk-create h2{font-size:18px}.desk-create p{margin:0;font-size:12px}.desk-create .button{grid-column:1/-1}.compact-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.compact-hero:before{display:none}.compact-hero p{margin:0}.compact-hero .button{flex:0 0 auto}
.list{display:grid;gap:13px}.candidate{padding:17px}.candidate-head{display:flex;align-items:flex-start;justify-content:space-between}.candidate h3{font-size:18px;line-height:1.25;letter-spacing:-.025em;margin:10px 0 0}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#eff8f3;color:var(--green);border:1px solid #d4eadf;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.preview-label{display:flex;justify-content:space-between;margin:17px 2px 8px;color:var(--soft);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.network-preview{overflow:hidden;border-radius:18px;border:1px solid var(--line)}.telegram-preview{padding:13px;background:#d9e5ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath fill='%23000000' fill-opacity='.025' d='M0 30 30 0l30 30-30 30z'/%3E%3C/svg%3E")}.telegram-bubble{max-width:94%;margin-left:auto;padding:8px;background:#e8ffd8;border-radius:14px 14px 4px;white-space:pre-wrap;color:#1d271c;font-size:13px;box-shadow:0 2px 5px rgba(0,0,0,.06)}.telegram-bubble img{display:block;width:100%;max-height:330px;object-fit:cover;border-radius:10px;margin-bottom:8px}.message-meta{text-align:right;margin-top:5px;color:#6d8c72;font-size:9px}.instagram-preview{max-width:540px;margin:auto;background:#fff;color:#111}.ig-bar{display:flex;align-items:center;gap:9px;height:47px;padding:8px 11px;font-size:12px;font-weight:750}.ig-avatar{width:29px;height:29px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#7c3aed,#e1306c,#ffb13b)}.ig-avatar:after{content:"Q";display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#16171b;color:#fff;font-size:10px}.carousel{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel img{width:100%;flex:0 0 100%;aspect-ratio:4/5;object-fit:cover;scroll-snap-align:center}.ig-actions{padding:10px 12px 2px;font-size:20px;letter-spacing:4px}.ig-caption{padding:5px 12px 14px;white-space:pre-wrap;font-size:12px;max-height:150px;overflow:auto}.threads-preview{max-width:540px;margin:auto;background:#fff;color:#111;padding:16px}.thread-row{display:grid;grid-template-columns:37px 1fr;gap:10px}.thread-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;font-weight:900}.thread-user{font-size:12px;font-weight:800;margin-bottom:4px}.thread-copy{font-size:13px;white-space:pre-wrap}.thread-actions{margin-top:11px;color:#777;letter-spacing:9px}.source{display:inline-flex;margin-top:12px;color:var(--accent-dark);text-decoration:none;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.actions .button{font-size:12px;padding:9px 12px}.empty{padding:40px 22px;text-align:center}.empty-icon{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 12px;border-radius:14px;background:#f0f0ec;color:var(--soft)}.empty h3{margin:0 0 4px}.empty p{margin:0;color:var(--soft)}
.radar-card{padding:17px}.radar-card h3{font-size:17px;margin:10px 0 7px}.radar-card p{color:#555652}.score-row{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--soft);font-size:10px;background:#fafaf8}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--soft);font-size:12px}.calendar-pill{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font-weight:700}.calendar-pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.schedule-card{overflow:hidden}.schedule-head{display:none}.schedule-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:center;padding:15px;border-bottom:1px solid var(--line2)}.schedule-row:last-child{border:0}.schedule-row time{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.schedule-channel{display:flex;align-items:center;gap:11px;min-width:0}.schedule-channel .platform-badge{width:38px;height:38px;flex-basis:38px;border-radius:12px}.schedule-channel b,.schedule-channel small{display:block}.schedule-channel b{font-size:13px}.schedule-channel small{color:var(--soft);font-size:10px}.schedule-status{display:none;color:var(--green);font-size:10px;font-weight:700}.schedule-status i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--green)}
.settings-card{padding:4px 16px}.setting{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line2)}.setting:last-child{border:0}.setting span{font-size:13px}.setting select,.setting input{max-width:53%;padding:9px;border:1px solid var(--line);border-radius:10px;background:#fafaf8;color:var(--ink)}
.dock{position:fixed;z-index:30;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:78px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px 8px;border:1px solid rgba(35,35,31,.1);border-radius:21px;background:rgba(255,255,255,.94);backdrop-filter:blur(24px);box-shadow:0 16px 45px rgba(30,30,27,.16)}.dock button{width:100%;height:66px;display:grid;place-items:center;border:0;background:none;color:#9a9a96;touch-action:manipulation}.dock button.active{color:var(--ink)}.dock button svg{width:21px}.dock .create-button>span{width:56px;height:56px;display:grid;place-items:center;margin:0;border-radius:18px;background:var(--accent);color:#fff;box-shadow:0 12px 24px rgba(91,85,231,.28)}.dock .create-button svg{width:25px;height:25px}.dock .create-button.active>span{background:var(--ink)}
.sheet{position:fixed;inset:0;z-index:40;visibility:hidden}.sheet.open{visibility:visible}.sheet-shade{position:absolute;inset:0;border:0;background:rgba(20,20,20,.42);opacity:0;transition:.2s}.sheet.open .sheet-shade{opacity:1}.sheet-panel{position:absolute;left:0;right:0;bottom:0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:26px 26px 0 0;background:var(--paper);transform:translateY(105%);transition:.25s}.sheet.open .sheet-panel{transform:none}.sheet-grip{display:block;width:38px;height:4px;margin:0 auto 18px;border-radius:4px;background:#d0d0cb}.sheet h3{font-size:21px;margin:0 0 5px}.sheet p{color:var(--soft);margin:0}.sheet-stack{display:grid;gap:8px;margin-top:17px}.sheet-stack .button{width:100%}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.reason-grid button{padding:11px;border:1px solid var(--line);border-radius:11px;background:#fafaf8;color:var(--ink)}.reason-grid button.selected{border-color:var(--accent);color:var(--accent-dark)}
.loader{padding:110px 0;display:grid;place-items:center;gap:13px;color:var(--soft)}.loader i{width:27px;height:27px;border:3px solid #ddd;border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}.access{max-width:430px;margin:40px auto;padding:28px;text-align:center}.access ol{text-align:left;color:var(--soft)}#toast{pointer-events:none;position:fixed;z-index:60;left:18px;right:18px;bottom:calc(90px + env(safe-area-inset-bottom));padding:13px 15px;border-radius:13px;background:#1c1c1e;color:#fff;font-weight:700;box-shadow:var(--shadow);opacity:0;transform:translateY(130%);transition:.22s}#toast.show{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:759px){.topbar,.dock{backdrop-filter:none;background:#f7f7f4}.surface,.hero{box-shadow:0 3px 12px rgba(28,28,25,.035)}}
@media(max-width:420px){.topbar{padding-inline:14px}.brand small{display:none}.live-dot{display:none}.page-intro h1{font-size:28px}.page-intro p{font-size:13px}.studio-hero{padding:21px}.studio-hero h2{font-size:27px}.studio-hero p{font-size:13px}.hero-summary span{font-size:7px}.hero-summary b{font-size:21px}.metric-card{grid-template-columns:42px 1fr auto 16px}.channel-copy small{display:none}.compact-hero{align-items:flex-start;flex-direction:column}.compact-hero .button{width:100%}}
@media(min-width:760px){.app-shell{display:grid;grid-template-columns:238px 1fr;grid-template-rows:72px auto}.topbar{grid-column:1/-1;grid-row:1;padding-inline:24px}.dock{position:sticky;top:88px;grid-column:1;grid-row:2;width:214px;height:auto;margin:16px 12px;display:flex;flex-direction:column;align-items:stretch;gap:5px;bottom:auto;left:auto;right:auto;padding:9px;border-radius:18px;box-shadow:none}.dock button{width:100%;height:48px;display:flex;justify-content:flex-start;padding:0 14px;border-radius:11px}.dock button:after{margin-left:13px;color:var(--soft);font-size:12px;font-weight:700}.dock button:nth-child(1):after{content:"Главная"}.dock button:nth-child(2):after{content:"Радар"}.dock button:nth-child(4):after{content:"Календарь"}.dock button:nth-child(5):after{content:"Настройки"}.dock button.active{background:#f0f0ec}.dock .create-button{order:-1;margin-bottom:7px;background:var(--accent);color:#fff;justify-content:center}.dock .create-button:after{content:"Создать";margin-left:9px;color:#fff}.dock .create-button>span{width:auto;height:auto;margin:0;border-radius:0;background:none;box-shadow:none}.dock .create-button.active>span{background:none}.dock .create-button svg{width:19px}.dock button:hover{background:#f0f0ec;color:var(--ink)}main{grid-column:2;grid-row:2;align-self:start;width:100%;padding:34px 34px 75px}.studio-hero{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);padding:34px}.studio-hero h2{font-size:36px}.hero-summary{display:grid;grid-template-columns:1fr;border:0;padding:0;border-left:1px solid rgba(255,255,255,.12)}.hero-summary div,.hero-summary div:first-child{padding:11px 0 11px 28px}.hero-summary div+div{border-left:0;border-top:1px solid rgba(255,255,255,.12)}.reel-feature{grid-template-columns:280px 1fr;align-items:center;padding:24px}.workspace-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);align-items:start}.dashboard-grid{grid-template-columns:repeat(4,1fr)}.metric-card{min-height:148px;display:block;position:relative;padding:18px;transition:transform .18s,box-shadow .18s}.metric-card:hover,.social-tile:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(28,28,25,.08)}.metric-card .platform-badge{margin-bottom:22px}.channel-copy b{font-size:16px}.channel-copy small{margin-top:2px}.queue-count{position:absolute;right:18px;top:18px}.metric-card .chevron{position:absolute;right:18px;bottom:18px}.social-grid{grid-template-columns:repeat(4,1fr)}.social-tile{display:grid;position:relative;transition:transform .18s,box-shadow .18s}.social-tile .count{position:absolute;right:16px;top:16px}.desk-create{grid-template-columns:48px 1fr auto}.desk-create .button{grid-column:auto}.schedule-head{display:grid;grid-template-columns:110px 1fr 150px;padding:11px 18px;background:#fafaf8;border-bottom:1px solid var(--line2);color:var(--soft);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.schedule-row{grid-template-columns:110px minmax(0,1fr) 150px;padding:17px 18px}.schedule-status{display:block}.candidate{padding:22px}.network-preview{max-width:650px}.sheet-panel{left:50%;right:auto;bottom:22px;width:430px;border-radius:26px;transform:translate(-50%,calc(105% + 22px))}.sheet.open .sheet-panel{transform:translate(-50%,0)}#toast{left:auto;right:25px;width:350px;bottom:25px}}