:root{--ink:#0b1b4d;--muted:#65708f;--lav:#9d78ff;--coral:#ff6555;--line:#e8e1e4;--shadow:0 12px 28px rgba(50,31,58,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-rounded,"SF Pro Display",Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,#fff 0%,#fff9f8 48%,#fff2ee 100%);min-height:100vh}button,input{font:inherit;color:inherit}button,a{transition:.2s}.topbar{height:100px;position:fixed;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:250px minmax(300px,1fr) 52px 58px;align-items:center;gap:26px;padding:0 28px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #eee7ea}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:38px;font-weight:800}.brand-mark{color:var(--coral);font-size:63px;font-weight:300;line-height:0;transform:rotate(8deg)}.top-search{height:52px;border:1.5px solid #cfcde0;border-radius:28px;display:flex;align-items:center;padding:0 18px;max-width:880px;background:#fff}.top-search>span,.main-search>span{font-size:39px;line-height:1;transform:rotate(-20deg);margin-right:12px}.top-search input,.main-search input{border:0;outline:0;background:transparent;flex:1;font-size:21px;min-width:0}.top-search button,.main-search button,.round,.avatar{border:0;background:transparent;cursor:pointer}.top-search button{font-size:27px}.round{font-size:31px;position:relative}.notification i{position:absolute;width:11px;height:11px;background:var(--coral);border-radius:50%;right:4px;top:5px}.avatar{width:54px;height:54px;border-radius:50%;background:#e4d9ff;position:relative;overflow:hidden}.avatar:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#a884ea;left:17px;top:10px}.avatar span{position:absolute;width:40px;height:25px;border-radius:50% 50% 0 0;background:#a884ea;bottom:-3px;left:7px}.sidebar{position:fixed;z-index:9;top:100px;bottom:0;left:0;width:230px;padding:94px 16px 20px;background:rgba(255,255,255,.64)}nav{display:grid;gap:10px}nav a{height:53px;padding:0 17px;display:flex;align-items:center;gap:20px;border-radius:14px;text-decoration:none;font-weight:600;font-size:20px;color:var(--ink)}nav a span{font-size:32px;width:30px;text-align:center}nav a:hover,nav a.active{background:linear-gradient(100deg,#eadfff,#d9c7ff)}main{margin-left:230px;padding-top:100px;min-height:100vh}.hero{height:285px;margin:0;position:relative;overflow:hidden;border-radius:32px 0 0 0;background:#ffebe7}.landscape{position:absolute;inset:0;width:100%;height:100%}.hero-copy{position:absolute;z-index:2;left:40px;top:28px}.hero h1{font-size:46px;line-height:1.1;margin:0 0 20px;letter-spacing:-1.5px}.weather{height:62px;display:flex;align-items:center;gap:15px;padding:0 25px;border-radius:34px;background:rgba(247,255,251,.84);border:1px solid white;font-size:19px}.weather .sun{font-size:43px;color:#ffae00}.weather strong{font-size:31px}.content{padding:0 36px 26px;position:relative;margin-top:-72px;z-index:3}.main-search{height:68px;max-width:900px;margin:0 auto 35px;border-radius:38px;border:2px solid #b28dff;box-shadow:0 5px 18px rgba(111,72,209,.25);background:rgba(255,255,255,.94);display:flex;align-items:center;padding:0 13px 0 27px}.main-search input{font-size:23px}.main-search button{width:53px;height:53px;border-radius:50%;background:#e9ddff;font-size:28px}.apps{display:grid;grid-template-columns:repeat(5,1fr);gap:34px;margin-bottom:34px}.apps button{height:132px;border:1px solid #eee5e2;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);display:grid;place-content:center;gap:10px;cursor:pointer;font-size:19px;font-weight:650}.apps button:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(50,31,58,.16)}.app-icon{font-style:normal;font-size:46px;line-height:48px}.mail{color:#ff6254}.cloud,.cal{color:#8668e9}.mus{color:#ff8a2f}.notes{color:#27a984}h2{font-size:25px;margin:0 0 17px}.recent{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.recent button{height:81px;border:1px solid #ece3e1;border-radius:16px;background:rgba(255,255,255,.8);display:flex;align-items:center;padding:13px 17px;gap:13px;cursor:pointer;text-align:left;min-width:0}.recent button:hover{background:#fff;transform:translateY(-2px)}.doc{flex:0 0 45px;height:45px;border-radius:8px;color:#fff;display:grid;place-items:center;font-style:normal;font-size:25px}.blue{background:#4b9af5}.green{background:#39b97b}.orange{background:#ff7948}.picture{background:linear-gradient(#73c9f6,#75ce8a)}.recent span{display:grid;gap:7px;min-width:0}.recent b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent small{color:var(--muted);font-size:15px}.recent em{margin-left:auto;font-style:normal}.calendar-card{border:1px solid #eee3e1;border-radius:24px;background:rgba(255,255,255,.83);box-shadow:var(--shadow);padding:18px 24px 19px}.calendar-title{display:flex;align-items:center;gap:14px}.calendar-title>span{font-size:34px;color:#8062e8}.calendar-title h2{margin:0}.calendar-title div{margin-left:auto;font-size:35px;color:#596481}.calendar-body{display:flex;gap:31px;margin-top:13px}.today{width:120px;height:118px;border-radius:18px;background:#eee7ff;display:grid;place-items:center;padding:10px}.today b{font-size:45px;line-height:38px}.agenda{flex:1}.agenda p{margin:0;padding:9px 0;border-bottom:1px solid var(--line);font-size:17px}.agenda p:last-child{border:0}.agenda i{display:inline-block;width:15px;height:15px;border-radius:50%;margin-right:14px;vertical-align:-2px}.purple{background:#b393f2}.mint{background:#9ee1d1}.coral{background:#ff7c6f}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%,30px);padding:13px 20px;border-radius:14px;background:#101d46;color:#fff;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.topbar{grid-template-columns:190px 1fr 44px 48px}.brand{font-size:30px}.sidebar{width:190px}main{margin-left:190px}.apps{gap:14px}.recent{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:76px;padding:0 15px;grid-template-columns:1fr 44px 48px}.brand{font-size:28px}.brand-mark{font-size:45px}.top-search{display:none}.sidebar{top:76px;width:76px;padding:26px 10px}.sidebar nav a{justify-content:center;padding:0}.sidebar nav a:not(.active){background:transparent}.sidebar nav a{font-size:0}.sidebar nav a span{font-size:28px}main{margin-left:76px;padding-top:76px}.hero{height:260px}.hero-copy{left:22px}.hero h1{font-size:34px}.content{padding:0 16px 22px}.apps{grid-template-columns:repeat(2,1fr)}.apps button:last-child{grid-column:span 2}.recent{grid-template-columns:1fr}.calendar-body{gap:14px}.agenda p{font-size:14px}}

/* Disk */
.disk-main{background:linear-gradient(145deg,#fff 20%,#fff8f8 70%,#fdf4f1);min-height:100vh}.disk-hero{height:285px;position:relative;overflow:hidden;border-radius:30px 0 0 0}.disk-landscape{position:absolute;inset:0;width:100%;height:100%}.disk-heading{position:relative;z-index:2;padding:25px 30px}.disk-heading h1{font-size:45px;letter-spacing:-1.5px;margin:0 0 22px}.disk-actions{display:flex;gap:14px;align-items:center}.disk-actions button{height:59px;border:0;border-radius:19px;padding:0 28px;font-size:21px;font-weight:650;box-shadow:var(--shadow);cursor:pointer}.disk-actions button span{font-size:31px;margin-right:9px}.create-btn{background:linear-gradient(135deg,#ff785f,#ff5c55);color:white}.upload-btn{background:rgba(255,255,255,.87)}.storage{width:244px;height:61px;padding:10px 18px;background:rgba(255,255,255,.84);border:1px solid white;border-radius:19px;font-size:18px}.storage small{font-size:15px}.storage i{display:block;height:10px;background:#d9ccf9;border-radius:9px;margin-top:8px;overflow:hidden}.storage i span{display:block;width:68%;height:100%;background:linear-gradient(90deg,#866ae5,#a983ef)}.disk-content{position:relative;z-index:3;margin-top:-67px;padding:0 24px 28px}.crumbs{height:67px;display:flex;align-items:center;gap:16px;font-size:19px;color:#66718f}.crumbs:first-letter{font-size:30px}.crumbs strong{color:var(--ink)}.disk-layout{display:grid;grid-template-columns:minmax(560px,1.65fr) minmax(320px,.95fr);gap:18px}.file-tabs{height:60px;background:rgba(255,255,255,.82);border:1px solid #eee4e4;border-radius:20px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow);margin-bottom:20px}.file-tabs button{border:0;background:transparent;border-radius:18px;font-size:18px;cursor:pointer}.file-tabs button.active{background:linear-gradient(100deg,#eae1ff,#d9c7ff);font-weight:700}.file-table{background:rgba(255,255,255,.82);border:1px solid #eee4e4;border-radius:20px;padding:5px 12px 14px;box-shadow:var(--shadow)}.file-head,.file-row{display:grid;grid-template-columns:42px minmax(220px,2fr) 125px 100px 120px 42px;align-items:center;min-width:0}.file-head{height:60px;border-bottom:1px solid var(--line);color:#4e5776}.file-row{width:100%;height:71px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:16px;cursor:pointer;border-radius:13px}.file-row:last-child{border-bottom:0}.file-row:hover{background:#f7f2ff}.file-row.selected{background:linear-gradient(100deg,#eee6ff,#e1d2ff)}.check{font-size:24px;color:#8373df}.file-name{display:flex;align-items:center;gap:15px;min-width:0}.file-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-icon{display:grid;place-items:center;width:44px;height:50px;flex:0 0 44px;border-radius:8px;color:white;font-style:normal;font-size:24px;font-weight:700}.file-icon.folder{color:#f5a21c;background:linear-gradient(#ffd66b,#ffae35);height:36px}.word{background:linear-gradient(135deg,#71b0ff,#276bd4)}.excel{background:linear-gradient(135deg,#62d393,#1b9d58)}.power{background:linear-gradient(135deg,#ff9b5e,#f25c2b)}.pdf{background:linear-gradient(135deg,#ff7b81,#ef3e53)}.owner{display:flex;gap:10px;align-items:center}.owner i{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#b99cf5 0 22%,transparent 24%),radial-gradient(circle at 50% 100%,#a98de9 0 44%,#e2d7ff 46%);}.preview-panel{background:rgba(255,255,255,.82);border:1px solid #eee4e4;border-radius:20px;box-shadow:var(--shadow);padding:20px 15px;transition:.25s;overflow:hidden}.preview-panel.closed{display:none}.preview-head{display:flex;align-items:center;gap:15px}.preview-head h2{font-size:22px;margin:0 0 8px}.preview-head p{margin:0;color:var(--muted)}.preview-head button{margin-left:auto;align-self:flex-start;border:0;background:transparent;font-size:30px;color:#68718c;cursor:pointer}.paper{margin-top:17px;padding:20px;background:#fff;border:1px solid #dedee8;border-radius:15px;box-shadow:0 4px 13px rgba(50,31,58,.08)}.paper h2{margin:0 0 12px}.paper h3{margin:10px 0 6px}.coast-picture{height:145px;border-radius:12px;background:linear-gradient(#70bce9 0 43%,#2d85c8 44% 72%,#d3b977 73%);position:relative;overflow:hidden}.coast-picture:before{content:"";position:absolute;left:-20px;bottom:0;width:70%;height:75%;background:#56895a;clip-path:polygon(0 45%,25% 12%,50% 35%,72% 4%,100% 50%,100% 100%,0 100%)}.coast-picture span{position:absolute;font-size:70px;right:12px;bottom:-12px}.paper ol{margin:0;padding-left:31px;line-height:1.65}.paper li::marker{color:#48ad67}.note{background:#dff3e4;padding:11px 13px;border-radius:12px;margin:0;font-size:14px}.empty{text-align:center;color:var(--muted);padding:45px}.disk-page .toast{z-index:30}
@media(max-width:1150px){.disk-layout{grid-template-columns:1fr}.preview-panel{max-width:700px}.file-head,.file-row{grid-template-columns:42px minmax(220px,2fr) 110px 90px 90px 35px}}
@media(max-width:760px){.disk-hero{height:320px}.disk-heading{padding:22px 18px}.disk-heading h1{font-size:34px}.disk-actions{flex-wrap:wrap}.disk-actions button{padding:0 16px}.storage{width:200px}.disk-content{padding:0 10px 20px}.file-tabs{overflow:auto;grid-template-columns:repeat(4,145px)}.file-table{overflow-x:auto}.file-head,.file-row{min-width:720px}.preview-panel{min-width:0}.crumbs{margin-top:0}}

/* Cloud */
.cloud-main{min-height:100vh;background:linear-gradient(145deg,#fff,#fff7f7)}.cloud-hero{height:290px;position:relative;overflow:hidden;border-radius:30px 0 0}.cloud-title{position:relative;z-index:2;padding:26px 32px}.cloud-title h1{font-size:44px;margin:0 0 18px}.cloud-title>div{display:flex;gap:20px;align-items:center}.cloud-title button{height:61px;padding:0 37px;border:0;border-radius:20px;background:linear-gradient(135deg,#ff765f,#ff5853);box-shadow:var(--shadow);color:#fff;font-weight:700;font-size:21px;cursor:pointer}.cloud-storage{display:grid;grid-template-columns:auto auto auto auto;align-items:center;padding:9px 22px;width:320px;height:66px;border-radius:24px;background:rgba(255,255,255,.85);font-size:16px}.cloud-storage i{grid-column:1/5;height:10px;background:#ddd2f7;border-radius:10px;overflow:hidden}.cloud-storage em{display:block;width:68%;height:100%;background:#886be3}.cloud-content{position:relative;z-index:3;margin-top:-75px;padding:0 24px 30px}.cloud-tabs{max-width:765px;height:55px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);margin-bottom:20px}.cloud-tabs button{border:0;background:transparent;border-radius:18px;font-size:17px;cursor:pointer}.cloud-tabs .active{background:linear-gradient(100deg,#e8ddff,#d7c2ff);font-weight:700}.folder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.folder-grid button{height:72px;border:1px solid #eee5e5;border-radius:17px;background:rgba(255,255,255,.85);box-shadow:var(--shadow);padding:0 20px;display:flex;align-items:center;gap:15px;font-size:27px;cursor:pointer}.folder-grid b{font-size:16px}.folder-grid span{margin-left:auto;font-size:15px}.cloud-content h2{font-size:25px;margin:18px 0 13px}.photo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.media-card,.video-card{border:0;background:#fff;border-radius:13px;padding:0;box-shadow:0 7px 18px rgba(53,35,62,.1);overflow:hidden;text-align:left;cursor:pointer}.scene{height:176px;display:block;position:relative;overflow:hidden;background:#72bde8}.scene:before,.scene:after{content:"";position:absolute}.scene span:not(.play){position:absolute;right:10px;top:7px;color:white;font-size:25px}.scene.coast{background:linear-gradient(#76c5f3 0 55%,#1b83c6 56%)}.scene.coast:before{left:-15px;bottom:0;width:75%;height:70%;background:#568755;clip-path:polygon(0 50%,28% 10%,52% 45%,74% 8%,100% 58%,100% 100%,0 100%)}.scene.sunset{background:radial-gradient(circle at 58% 65%,#fff1a2 0 5%,#ff995b 7%,transparent 20%),linear-gradient(#b26cac,#ff9879 55%,#3f80a1 56%)}.scene.beacon{background:linear-gradient(#70b9f0 0 65%,#6b915f 66%)}.scene.beacon:before{width:24px;height:90px;left:55%;bottom:18px;background:linear-gradient(90deg,#fff,#f6e5d5);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.scene.family{background:radial-gradient(circle at 38% 52%,#f2c297 0 8%,transparent 9%),radial-gradient(circle at 60% 52%,#f2c297 0 8%,transparent 9%),linear-gradient(135deg,#789c51,#e8b867)}.scene.sails{background:linear-gradient(#84c4ef 0 55%,#307fba 56%)}.scene.sails:before{left:42%;bottom:30px;border-left:28px solid transparent;border-bottom:70px solid white}.scene.forest{background:repeating-linear-gradient(100deg,#1e4727 0 12px,#658544 13px 32px,#ad9853 33px 37px)}.media-card small{display:block;padding:9px 12px;color:#596381}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.video-card .scene{height:150px}.scene.city{background:linear-gradient(#99c9e9 0 55%,#4384aa 56%)}.scene.camp{background:radial-gradient(circle at 55% 75%,#ffb443,#8f4e45 20%,transparent 32%),linear-gradient(#9c698c,#f49a70)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#17234c;font-style:normal}.video-card em{position:absolute;right:8px;bottom:8px;background:#25223b;color:#fff;padding:4px 7px;border-radius:5px}.video-card b{display:block;padding:8px 14px}.media-card:hover,.video-card:hover,.folder-grid button:hover{transform:translateY(-3px)}
@media(max-width:1100px){.photo-grid{grid-template-columns:repeat(3,1fr)}.folder-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.cloud-hero{height:330px}.cloud-title{padding:20px 16px}.cloud-title h1{font-size:34px}.cloud-title>div{align-items:flex-start;flex-direction:column}.cloud-content{padding:0 10px}.cloud-tabs{overflow:auto;grid-template-columns:repeat(5,130px)}.photo-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr}.folder-grid{grid-template-columns:1fr}.cloud-storage{width:290px}}

/* Music */
.music-page{padding-bottom:100px}.music-main{min-height:100vh}.music-hero{height:315px;position:relative;overflow:hidden;border-radius:30px 0 0;background:linear-gradient(150deg,#ffe0e1,#fff0da 48%,#8fc8ea 49%,#55afe1)}.music-sea{position:absolute;right:8%;bottom:20px;font-size:130px;color:rgba(255,255,255,.3)}.music-heading{position:relative;z-index:2;padding:26px 30px}.music-heading h1{font-size:46px;margin:0 0 22px}.music-heading h2{margin-bottom:14px}.genre-tabs{display:flex;gap:10px}.genre-tabs button{height:48px;padding:0 28px;border:1px solid #fff;border-radius:24px;background:rgba(255,255,255,.72);font-size:17px;cursor:pointer}.genre-tabs .active{background:linear-gradient(100deg,#e7ddff,#cfb9ff);font-weight:700}.music-content{position:relative;z-index:3;margin-top:-52px;padding:0 18px 25px}.music-grid{display:grid;grid-template-columns:minmax(560px,1.65fr) minmax(320px,.95fr);gap:18px}.morning{height:238px;border-radius:22px;box-shadow:var(--shadow);background:radial-gradient(circle at 61% 40%,#fff5b5 0 5%,#ffbb8c 7%,transparent 17%),linear-gradient(155deg,#f9dae2 0 42%,#a8a3eb 44% 58%,#63b5dd 60% 73%,#d39c91 74%);overflow:hidden}.morning>div{padding:30px}.morning h2{font-size:36px;margin:0 0 10px}.morning p{color:#6d718c;font-size:18px}.morning button{border:0;cursor:pointer}.morning #heroPlay{height:54px;padding:0 31px;border-radius:28px;background:linear-gradient(135deg,#ff765e,#ff5852);color:white;font-size:18px;font-weight:700}.round-music{width:54px;height:54px;border-radius:50%;background:#fff;font-size:22px;margin-left:8px}.recent-title{margin:20px 0 12px}.album-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.album{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.album .scene{height:165px;border-radius:14px}.album b,.album small{display:block;margin-top:6px}.album small{color:#6d718c}.scene.jazz{background:linear-gradient(120deg,#392a35,#c88f46)}.scene.jazz:before{content:"♫";font-size:100px;color:#efb552;left:30%;top:20px}.scene.train{background:linear-gradient(110deg,#3b3e50 0 30%,#f0a277 31% 45%,#97b4d2 46%)}.scene.wind{background:linear-gradient(135deg,#f9d1b0,#d99568)}.scene.rain{background:linear-gradient(135deg,#699353,#afcc83)}.playlist{border:1px solid #eee4e5;border-radius:22px;padding:18px 12px;background:#ffffffd9;box-shadow:var(--shadow)}.playlist-title{display:flex;align-items:center;padding:0 8px 12px}.playlist-title h2{margin:0;font-size:28px}.playlist-title button{margin-left:auto;width:44px;height:44px;border:1px solid #e6dfeb;border-radius:15px;background:#fff;font-size:26px}.playlist-title span{margin-left:16px}.track{width:100%;height:88px;border:0;border-bottom:1px solid #e8e2e7;background:transparent;display:grid;grid-template-columns:74px 1fr 48px 38px 38px;align-items:center;gap:10px;text-align:left;padding:10px;cursor:pointer}.track.playing{background:linear-gradient(100deg,#eee6ff,#ded0ff);border-radius:14px}.track .scene{height:68px;border-radius:10px}.track span b,.track span small{display:block}.track span small{color:#777b94;margin-top:6px}.track strong{font-size:25px}.track u{text-decoration:none}.player{position:fixed;z-index:20;left:10px;right:10px;bottom:8px;height:88px;border:1px solid #ede3e6;border-radius:26px;background:#fffffff2;backdrop-filter:blur(20px);box-shadow:0 -6px 25px #3827401f;display:flex;align-items:center;gap:20px;padding:10px 34px}.now-cover{width:72px;height:68px!important;border-radius:10px;flex:0 0 72px}.now-text{display:grid;gap:7px;min-width:130px}.player button{border:0;background:transparent;font-size:22px;cursor:pointer}.player .heart{color:#68718e}.player .heart.active{color:#ff655b}.progress{height:8px;background:#d9d6e5;border-radius:10px;flex:1;overflow:hidden}.progress em{display:block;width:43%;height:100%;background:#9272df}.main-play{width:58px;height:58px;border-radius:50%!important;background:linear-gradient(135deg,#ff755d,#ff554f)!important;color:#fff;font-size:25px!important}.volume{white-space:nowrap}
@media(max-width:1100px){.music-grid{grid-template-columns:1fr}.player{gap:10px;padding:10px 14px}.volume{display:none}}@media(max-width:760px){.music-hero{height:350px}.music-heading{padding:20px 16px}.music-heading h1{font-size:34px}.genre-tabs{overflow:auto}.genre-tabs button{white-space:nowrap}.music-content{padding:0 10px}.album-grid{grid-template-columns:repeat(2,1fr)}.playlist{margin-top:20px}.player>span,.progress,.player>button:not(.main-play):not(.heart){display:none}.now-text{flex:1}}

/* Service status */
.service-card{border:1px solid #eee3e1;border-radius:24px;background:rgba(255,255,255,.83);box-shadow:var(--shadow);padding:18px 24px 22px;margin-bottom:28px}.service-title,.service-title>div{display:flex;align-items:center}.service-title>div{gap:14px}.service-title>div>span{font-size:31px;color:var(--coral)}.service-title h2,.service-title p{margin:0}.service-title p{color:var(--muted);font-size:14px;margin-top:3px}.service-title button{margin-left:auto;width:42px;height:42px;border:1px solid #e7dfe6;border-radius:14px;background:#fff;cursor:pointer;font-size:23px}.service-title button:hover{background:#f2ebff;transform:rotate(20deg)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.service-item{min-width:0;display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid #eee5e7;border-radius:17px;background:#fff}.service-item i{width:11px;height:11px;border-radius:50%;background:#b6afbd;box-shadow:0 0 0 5px #eeeaf0}.service-item div{display:grid;gap:5px;min-width:0}.service-item small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-item>span{color:#776a8a;background:#f4effa;border-radius:14px;padding:5px 9px;font-size:13px}.service-item.online i{background:#45ba82;box-shadow:0 0 0 5px #dff4e9}.service-item.offline i{background:#ee7268;box-shadow:0 0 0 5px #fde6e3}.service-item.loading i{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.35}}@media(max-width:760px){.service-grid{grid-template-columns:1fr}}

/* Login */
.login-page{min-height:100vh;background:#fff8f6}.login-shell{margin:0;padding:0;min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-art{position:relative;overflow:hidden;padding:52px 64px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 74% 70%,#fff0b9 0 4%,transparent 5%),linear-gradient(160deg,#ffe4df 0 43%,#ada7ee 44% 58%,#62b4df 59% 72%,#cf9b91 73%);color:var(--ink)}.login-art:after{content:"";position:absolute;inset:auto -10% -18% 30%;height:48%;background:#60845f;clip-path:polygon(0 100%,15% 28%,34% 60%,51% 5%,70% 55%,85% 18%,100% 50%,100% 100%)}.login-brand{display:flex;align-items:center;gap:12px;font-size:34px}.login-brand span{font-size:55px;color:var(--coral)}.login-art h1{font-size:54px;line-height:1.04;letter-spacing:-2px;margin:0 0 18px}.login-art p{font-size:19px;max-width:480px}.login-beacon{position:absolute;z-index:2;right:17%;bottom:19%;font-size:120px;color:#fff8e7;filter:drop-shadow(0 8px 16px #624c6470)}.login-panel{display:grid;place-items:center;padding:40px}.login-form{width:min(420px,100%);display:grid;gap:20px}.login-form small:first-child{color:var(--coral);font-weight:800;letter-spacing:1.6px}.login-form h2{font-size:39px;margin:10px 0 8px}.login-form>div p{color:var(--muted);margin:0}.login-form label{display:grid;gap:8px;font-weight:650}.login-form input{height:54px;border:1.5px solid #dcd6e3;border-radius:16px;padding:0 16px;background:#fff;outline:0}.login-form input:focus{border-color:#9d78ff;box-shadow:0 0 0 4px #eee7ff}.login-form>button{height:56px;border:0;border-radius:18px;background:linear-gradient(135deg,#ff765f,#ff5853);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 10px 22px #ff655538}.login-form>button:disabled{opacity:.65}.login-error{margin:0;padding:12px 14px;border-radius:12px;background:#fde7e4;color:#a83832}.login-help{text-align:center;color:var(--muted)}@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-art{min-height:270px;padding:30px}.login-art h1{font-size:38px}.login-art p{display:none}.login-beacon{font-size:80px;bottom:4%}.login-panel{padding:42px 24px}}

/* Settings */
.settings-main{padding:140px 34px 40px;background:linear-gradient(145deg,#fff,#fff7f7)}.settings-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.settings-heading small{color:var(--coral);font-weight:800;letter-spacing:1.4px}.settings-heading h1{font-size:44px;margin:6px 0}.settings-heading p{margin:0;color:var(--muted)}.settings-heading>button{height:45px;padding:0 22px;border:1px solid #e3dce5;border-radius:15px;background:#fff;cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.settings-card{border:1px solid #eee4e5;border-radius:24px;background:#ffffffdb;box-shadow:var(--shadow);padding:24px}.connections-card{grid-column:1/-1}.settings-card-title{display:flex;align-items:center;gap:14px}.settings-card-title>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#eee5ff;color:#8062e8;font-size:24px}.settings-card-title h2,.settings-card-title p{margin:0}.settings-card-title p{color:var(--muted);font-size:14px;margin-top:4px}.connection-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.connection-list article{display:flex;align-items:center;gap:13px;border:1px solid #ede5e7;border-radius:17px;padding:16px}.connection-list i{width:12px;height:12px;border-radius:50%;background:#c0b8c3;box-shadow:0 0 0 5px #f0ecf1}.connection-list article.connected i{background:#43b97f;box-shadow:0 0 0 5px #dff4e9}.connection-list article div{display:grid;gap:5px}.connection-list small{color:var(--muted)}.settings-form{display:grid;gap:16px;margin-top:22px}.settings-form label{display:grid;gap:8px;font-weight:650}.settings-form input{height:50px;border:1.5px solid #ddd6e2;border-radius:15px;padding:0 14px;outline:0}.settings-form input:focus{border-color:#9d78ff;box-shadow:0 0 0 4px #eee7ff}.settings-form button{height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,#ff765f,#ff5853);color:#fff;font-weight:750;cursor:pointer}.settings-form button:disabled{opacity:.6}.form-message{margin:0;padding:11px 13px;border-radius:11px;background:#fde7e4;color:#9b3731}.form-message.success{background:#e1f5e9;color:#277b50}@media(max-width:850px){.settings-main{padding:110px 16px 30px}.settings-grid{grid-template-columns:1fr}.connection-list{grid-template-columns:1fr}.settings-heading h1{font-size:36px}}