:root{
--bg:#070411;--panel:rgba(8,9,25,.78);--panel2:rgba(255,255,255,.045);--line:rgba(176,104,255,.38);
--text:#f8f6ff;--muted:#b9afd2;--accent:#8f4cff;--pink:#ff48ca;--blue:#52d7ff;--green:#48e49b;
--footer-h:78px;--radius:17px;--shadow:0 16px 45px rgba(0,0,0,.38),0 0 24px rgba(120,48,255,.10)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05030b;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}
body.kylasta-body{overflow:hidden}.kylasta-wallpaper{position:fixed;inset:0;background:#080512 center top/cover no-repeat;filter:saturate(1.2) brightness(.9);z-index:0}.kylasta-shade{position:fixed;inset:0;background:linear-gradient(180deg,rgba(2,0,8,.15),rgba(4,2,14,.48) 50%,rgba(2,1,8,.80));z-index:1;pointer-events:none}
.kylasta-shell{position:relative;z-index:2;height:calc(100vh - var(--footer-h));display:grid;grid-template-columns:175px minmax(0,1fr);gap:14px;padding:12px 14px 5px}.kylasta-sidebar{border:1px solid var(--line);background:rgba(7,6,23,.72);backdrop-filter:blur(18px);border-radius:18px;padding:10px;display:flex;flex-direction:column;min-height:0;box-shadow:var(--shadow)}
.kylasta-brand,.kylasta-nav button{width:100%;border:0;background:transparent;border-radius:11px;padding:10px;text-align:left;font-weight:800}.kylasta-brand{font-size:16px;margin-bottom:4px}.kylasta-nav{display:grid;gap:4px}.kylasta-nav button:hover,.kylasta-nav button.active{background:rgba(143,76,255,.20);box-shadow:inset 0 0 0 1px rgba(172,113,255,.22)}.kylasta-nav button span{margin-left:8px}.kylasta-side-logo{margin-top:auto;padding-top:10px;text-align:center}.kylasta-side-logo img{max-width:100%;max-height:100px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.12))}
.kylasta-main{min-width:0;display:flex;flex-direction:column;min-height:0}.kylasta-header{min-height:110px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:2px 4px 10px}.kylasta-title{font-size:clamp(42px,4.3vw,70px);font-weight:1000;line-height:.94;letter-spacing:-2px}.kylasta-title .main{background:linear-gradient(#f8feff,#73e7ff 52%,#187fff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.1px #d9faff;text-shadow:0 5px 8px #000,0 0 26px rgba(0,0,0,.9),0 0 24px rgba(43,188,255,.3)}.kylasta-title .sub{color:#ff67d3;text-shadow:0 5px 8px #000,0 0 26px rgba(0,0,0,.9),0 0 20px rgba(255,70,203,.35)}.kylasta-welcome{font-size:14px;font-weight:800;margin-top:8px;text-shadow:0 3px 8px #000}.kylasta-userbox{display:flex;align-items:center;gap:8px;background:rgba(7,7,24,.62);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:9px 11px;backdrop-filter:blur(12px)}.kylasta-userbox small{display:block;color:var(--muted)}.kylasta-userbox .btn{white-space:nowrap}
.kylasta-view{flex:1;min-height:0;overflow:auto}.kylasta-view.hidden{display:none}.top-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:12px}.top-module{border:1px solid color-mix(in srgb,var(--tone) 58%, transparent);border-radius:17px;background:rgba(7,8,25,.74);min-height:130px;padding:14px;display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;text-align:left;box-shadow:0 0 22px color-mix(in srgb,var(--tone) 14%, transparent);transition:.18s}.top-module:hover{transform:translateY(-3px);box-shadow:0 0 30px color-mix(in srgb,var(--tone) 30%, transparent)}.top-module .icon{font-size:48px}.top-module h3{font-size:20px;margin:0 0 4px}.top-module p{margin:0;color:#d4cde4;font-size:12px;line-height:1.35}.online-badge{display:inline-flex;margin-top:8px;padding:4px 7px;border-radius:999px;background:rgba(72,228,155,.16);border:1px solid rgba(72,228,155,.35);font-size:11px;font-weight:900;color:#bfffd9}
.home-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:11px}.home-panel{border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(15px);border-radius:17px;padding:13px;min-height:180px;box-shadow:var(--shadow)}.home-panel h3{margin:0 0 8px}.home-panel p{color:var(--muted);font-size:12px}.youtube-home-list{display:grid;gap:6px}.youtube-home-item{display:grid;grid-template-columns:76px 1fr;gap:8px;align-items:center;padding:6px;border-radius:11px;background:rgba(255,255,255,.035)}.youtube-home-item img{width:76px;height:44px;object-fit:cover;border-radius:8px}.youtube-home-item b{font-size:11px;line-height:1.25}.notes-preview{white-space:pre-wrap;color:#fff;max-height:130px;overflow:auto}.home-actions{display:flex;gap:7px;flex-wrap:wrap}
.module-card{height:100%;min-height:0;border:1px solid var(--line);background:rgba(6,7,22,.78);backdrop-filter:blur(16px);border-radius:18px;padding:14px;overflow:auto;box-shadow:var(--shadow)}.module-card>.module-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.module-card>.module-head h2{margin:0;font-size:20px}.btn{border:1px solid rgba(174,111,255,.48);border-radius:10px;background:rgba(113,50,191,.22);padding:8px 11px;font-weight:850}.btn:hover{background:rgba(142,67,230,.36)}.btn.primary{background:linear-gradient(135deg,#6525ff,#d72ad7);border-color:#c07aff}.btn.ghost{background:rgba(255,255,255,.035)}
.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px;height:100%;min-height:520px}.chat-main,.chat-side{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);border-radius:14px;padding:11px;min-height:0}.chat-main{display:flex;flex-direction:column;background-size:cover;background-position:center}.chat-room-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.chat-room-tabs button{border:1px solid rgba(173,107,255,.34);background:rgba(5,6,20,.58);border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800}.chat-room-tabs button.active{background:rgba(143,76,255,.45)}.chat-messages{flex:1;min-height:0;overflow:auto;display:grid;align-content:start;gap:7px;padding:5px}.chat-msg{max-width:82%;padding:8px 10px;border-radius:12px;background:rgba(12,15,36,.76);border:1px solid rgba(255,255,255,.08)}.chat-msg.mine{justify-self:end;background:rgba(76,35,130,.72)}.chat-msg b{display:block;font-size:11px;color:#aeeeff}.chat-msg span{font-size:13px;line-height:1.35}.chat-msg small{display:block;color:#948eaa;font-size:9px;margin-top:3px}.emoji-bar{display:flex;gap:5px;padding:6px 0}.emoji-bar button{border:0;background:rgba(255,255,255,.05);border-radius:8px;padding:5px 7px;font-size:18px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:7px}.chat-compose input{min-width:0;background:rgba(4,7,20,.74);border:1px solid rgba(123,168,255,.28);border-radius:10px;color:#fff;padding:10px 12px}.chat-users{display:grid;gap:6px}.chat-user{padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.035);font-size:12px}.chat-side h3{margin:0 0 8px}.chat-count{font-size:28px;font-weight:1000;color:#8fffc4}.login-required{display:grid;place-items:center;text-align:center;height:100%;padding:40px;color:#ddd}.login-required a{margin-top:10px}
.yt-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:12px;height:100%;min-height:520px}.yt-side,.yt-stage{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);border-radius:14px;padding:11px;min-height:0}.yt-side{display:flex;flex-direction:column}.yt-add{display:grid;grid-template-columns:1fr auto;gap:7px}.yt-add input{min-width:0;background:rgba(4,7,20,.75);border:1px solid rgba(123,168,255,.28);border-radius:10px;color:#fff;padding:10px}.yt-list{display:grid;gap:7px;overflow:auto;margin-top:10px}.yt-row{display:grid;grid-template-columns:92px 1fr auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:6px;background:rgba(255,255,255,.025)}.yt-row img{width:92px;height:52px;object-fit:cover;border-radius:8px}.yt-row b{font-size:11px;line-height:1.25}.yt-row button{border:0;background:transparent}.yt-stage{padding:0;overflow:hidden;background:#000}.yt-stage iframe{width:100%;height:100%;min-height:520px;border:0}
.radio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px}.radio-card{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:13px;padding:13px;text-align:left}.radio-card.active{border-color:#64dfff;box-shadow:0 0 18px rgba(72,205,255,.18)}.radio-card b{display:block}.radio-card small{color:var(--muted)}
.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.game-card{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:13px;padding:14px}.game-card h3{margin-top:0}.game-output{margin-top:12px;padding:18px;border:1px solid rgba(255,195,76,.28);border-radius:14px;background:rgba(20,10,35,.48);font-size:20px;font-weight:900;text-align:center}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.settings-box{border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.028);padding:13px}.field{display:grid;gap:5px;margin-bottom:10px}.field label{font-size:11px;color:#cfc8dc;font-weight:800}.field input,.field textarea{width:100%;background:rgba(6,9,24,.65);border:1px solid rgba(117,160,255,.26);border-radius:10px;color:#fff;padding:9px}.field textarea{min-height:150px;resize:vertical}.toggle-list{display:grid;gap:6px}.toggle-list label{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.playerbar{height:var(--footer-h);position:relative;z-index:3;margin:0 14px 8px 203px;border:1px solid var(--line);background:rgba(7,6,25,.93);backdrop-filter:blur(16px);border-radius:17px;display:grid;grid-template-columns:minmax(280px,1fr) 1.2fr 220px;gap:14px;align-items:center;padding:8px 14px;box-shadow:var(--shadow)}.player-now{display:flex;align-items:center;gap:9px;min-width:0}.player-icon{width:50px;height:50px;border-radius:11px;background:linear-gradient(135deg,#6e27ff,#d717e7);display:grid;place-items:center;font-size:24px}.player-copy{min-width:0}.player-copy strong,.player-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-copy span{font-size:11px;color:#c8bfd8}.player-controls{display:flex;justify-content:center;gap:8px}.player-controls button{border:0;background:transparent;font-size:18px}.player-controls .play{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6721ff,#d117e5);border:2px solid #b564ff}.player-volume{display:flex;align-items:center;gap:7px}.player-volume input{width:100%}
.toast{position:fixed;right:20px;bottom:92px;z-index:99;background:#14102b;border:1px solid #8755d3;border-radius:11px;padding:10px 13px;opacity:0;transform:translateY(7px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}
@media(max-width:1150px){body.kylasta-body{overflow:auto}.kylasta-shell{height:auto;min-height:calc(100vh - var(--footer-h));grid-template-columns:145px 1fr}.top-modules{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:1fr 1fr}.chat-layout,.yt-layout{grid-template-columns:1fr}.playerbar{margin-left:173px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.kylasta-shell{grid-template-columns:1fr;padding:8px}.kylasta-sidebar{display:none}.kylasta-header{min-height:90px}.kylasta-title{font-size:42px}.kylasta-userbox{align-self:flex-end}.top-modules{grid-template-columns:1fr 1fr}.home-grid{grid-template-columns:1fr}.playerbar{position:sticky;bottom:0;margin:0 8px 6px;grid-template-columns:1fr}.player-controls,.player-volume{display:none}.chat-layout{min-height:650px}.yt-stage iframe{min-height:340px}} .home-profile-row{display:flex;align-items:center;gap:12px}.home-profile-row img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid rgba(131,222,255,.55)}.home-profile-row b,.home-profile-row span{display:block}.home-profile-row span{font-size:12px;color:#c9c4dd;margin-top:3px}
.chat-author{display:inline-flex!important;align-items:center;gap:7px;border:0!important;background:transparent!important;color:#fff!important;padding:0!important;cursor:pointer}.chat-author img,.chat-user img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.22)}.chat-user{width:100%;display:flex;align-items:center;gap:8px;text-align:left;border:0;background:rgba(255,255,255,.035);color:#fff;border-radius:10px;padding:7px 8px;cursor:pointer}.chat-user:hover{background:rgba(90,180,255,.12)}
.profile-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}.profile-card,.profile-details{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);border-radius:16px;padding:18px}.profile-card{text-align:center}.profile-avatar{width:170px;height:170px;border-radius:50%;object-fit:cover;border:2px solid rgba(80,217,255,.62);box-shadow:0 0 26px rgba(67,200,255,.18)}.profile-status{color:#cfc8df}.profile-actions{display:grid;gap:8px;margin-top:16px}.profile-info-row{display:grid;grid-template-columns:130px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.contacts-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contacts-layout>section{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);border-radius:15px;padding:14px}.contact-list{display:grid;gap:7px;margin-bottom:18px}.contact-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:12px;padding:8px;color:#fff}.contact-row img{width:42px;height:42px;border-radius:50%;object-fit:cover}.contact-row>button:not(.btn){border:0;background:transparent;color:#fff;text-align:left}.contact-row b,.contact-row small{display:block}.contact-row small{color:#aaa5bc;margin-top:3px}.thread-row{width:100%;cursor:pointer;text-align:left}.thread-row i{min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#ff3f8b;font-style:normal;font-weight:900;font-size:11px}
.dm-layout{display:grid;grid-template-rows:auto minmax(360px,1fr) auto;gap:10px;height:100%}.dm-header{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.dm-header img{width:44px;height:44px;border-radius:50%;object-fit:cover}.dm-header button{border:0;background:transparent;color:#fff}.dm-messages{overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px;background:rgba(0,0,0,.16);border-radius:14px}.dm-msg{align-self:flex-start;max-width:76%;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.07)}.dm-msg.mine{align-self:flex-end;background:rgba(65,174,255,.18);border-color:rgba(72,202,255,.25)}.dm-msg span,.dm-msg small{display:block}.dm-msg small{color:#aaa7bc;font-size:10px;margin-top:4px}
.privacy-camera{display:grid;gap:12px}.camera-privacy-banner{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:13px;border:1px solid rgba(69,230,155,.35);background:rgba(25,108,70,.16);color:#d9ffeb}.camera-privacy-banner b{color:#77ffb2}.camera-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.camera-toolbar select{min-width:220px;background:rgba(8,15,34,.72);color:#fff;border:1px solid rgba(113,180,255,.35);border-radius:9px;padding:9px}.local-camera-stage{width:100%;aspect-ratio:16/9;max-height:62vh;background:#000;border-radius:16px;overflow:hidden;border:1px solid rgba(145,84,255,.32);box-shadow:0 12px 34px rgba(0,0,0,.34)}.local-camera-stage video{width:100%;height:100%;object-fit:contain;background:#000}.camera-info{padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.035);color:#d6d1e2}.local-photo-preview{display:grid;gap:7px}.local-photo-preview img{max-width:100%;max-height:420px;object-fit:contain;background:#000;border-radius:14px}.local-photo-preview small{color:#9fffc5}
@media(max-width:1000px){.profile-layout,.contacts-layout{grid-template-columns:1fr}.profile-card{max-width:none}.camera-privacy-banner{align-items:flex-start;flex-direction:column}}