:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#0a1740;background:#f7f9ff;font-synthesis:none;--ink:#09153c;--muted:#7381a6;--line:#e6ecf9;--blue:#126afb;--pink:#fc369f;--violet:#873efb;--shadow:0 7px 30px rgba(25,54,116,.055)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #8ac0ff;outline-offset:2px}[hidden]{display:none!important}.workspace{min-height:100vh;background:radial-gradient(ellipse 800px 580px at 23% -200px,#e8f3ff,transparent 85%),radial-gradient(ellipse 450px 700px at 105% 70%,#f8eaff,transparent 90%),#f9fbff}.topbar{height:72px;padding:0 30px 0 23px;display:flex;align-items:center;gap:32px;background:rgba(255,255,255,.86);box-shadow:0 2px 18px #dee8ff5a;position:relative;z-index:8}.top-left{width:248px;display:flex;align-items:center;gap:19px;flex-shrink:0}.brand{width:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand img{display:block;max-width:100%;max-height:40px;object-fit:contain}.brand small{display:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border:0;background:transparent;color:#243d79;border-radius:11px;position:relative}.icon-button:hover{background:#edf3ff}.icon-button.small{width:28px;height:28px}.icon-button svg,.global-search svg,.btn svg,.card-top svg,.file-toolbar svg,.more-apps svg,.text-button svg,.quick-grid svg{width:18px;height:18px;stroke-width:2}.global-search{height:47px;display:flex;align-items:center;gap:15px;padding:0 15px 0 17px;max-width:720px;flex:1;background:#f4f7ff;border:1px solid #e9edfa;border-radius:15px;box-shadow:inset 0 1px 5px #dce6fc50;color:#7690b4}.global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.global-search input::placeholder{color:#8496b9}.kbd{white-space:nowrap;color:#92a1c0;background:#eaf0fa;border-radius:6px;padding:4px 7px;font-size:11px}.top-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.round-plus{height:40px;width:40px;background:#096af8;color:white;border:0;border-radius:50%;font-size:28px;line-height:28px;box-shadow:0 5px 15px #1175ff3f}.badge-dot::after{content:'';height:9px;width:9px;background:#ff2857;border:2px solid white;border-radius:50%;position:absolute;right:6px;top:4px}.top-divider{height:30px;width:1px;background:#e1e9f9;margin:0 7px}.account-button{display:flex;gap:9px;align-items:center;max-width:170px;color:var(--ink);font-weight:650;background:none;border:0}.account-button svg{width:14px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#162a61,#287aff);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 3px 9px #102f8750}.layout{--left:260px;--right:297px;display:grid;grid-template-columns:var(--left) minmax(0,1fr) var(--right);gap:17px;padding:14px 16px 28px 16px;position:relative;max-width:1950px;margin:auto;min-height:calc(100vh - 98px);transition:grid-template-columns .25s}.layout.left-closed{--left:0px}.layout.right-closed{--right:0px}.panel{background:#fff;border-radius:17px;border:1px solid #eef1fb;box-shadow:var(--shadow);position:relative;min-height:660px;overflow:hidden}.left-panel{display:flex;flex-direction:column;padding:17px 16px 17px 16px}.left-panel:after,.right-panel:before{content:'';position:absolute;top:9px;bottom:14px;width:3px;pointer-events:none;opacity:.75}.left-panel:after{right:0;background:linear-gradient(180deg,transparent,#ffaeea 17%,#be74ff 40%,#6cd9fa 70%,transparent);box-shadow:0 0 15px 4px #d594fa50}.right-panel:before{left:0;background:linear-gradient(180deg,transparent,#ffb1ed 15%,#cc70ff 48%,#79f4fa 75%,transparent);box-shadow:0 0 15px 4px #e3b2ff4a}.layout.left-closed .left-panel,.layout.right-closed .right-panel{display:none}.edge-toggle{border:1px solid #e8ddff;background:white;width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:absolute;top:69px;border-radius:50%;z-index:6;box-shadow:0 0 0 3px #fff,0 0 18px #d89affac;color:#7043d8}.edge-toggle svg{width:15px}.edge-left{left:calc(16px + var(--left) + 3px)}.edge-right{right:calc(16px + var(--right) + 3px)}.layout.left-closed .edge-left svg{transform:rotate(180deg)}.layout.right-closed .edge-right svg{transform:rotate(180deg)}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin-bottom:16px}.app-launcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:3px;row-gap:18px;padding:5px 0 4px}.app-item{border:0;background:transparent;min-width:0;display:flex;flex-direction:column;gap:7px;align-items:center;color:#152653;padding:5px 0 3px;font-size:11px;font-weight:680;border-radius:11px}.app-item:hover{background:#f4f6ff}.app-item .app-icon{width:36px;height:35px;font-size:21px}.app-label{white-space:nowrap;font-size:10.5px}.app-icon{border-radius:11px;background:linear-gradient(145deg,#f5f7ff,#fff);display:grid;place-items:center;position:relative;box-shadow:0 3px 12px #aabbff2c;flex-shrink:0}.app-icon svg{height:23px;width:23px}.app-icon.blue{color:#087bfa;background:#eaf5ff}.app-icon.pink{color:#fb35ac;background:#fff0fa}.app-icon.purple{color:#8739ff;background:#f4eeff}.app-icon.cyan{color:#07a8e9;background:#e9faff}.app-icon.orange{color:#f08811;background:#fff6e5}.app-icon.red{color:#fa5576;background:#fff0f2}.app-icon.green{color:#0db983;background:#e8fcf3}.app-icon.rainbow{background:conic-gradient(from 10deg,#fa406b,#f7a127,#13d7ff,#1565fd,#922bff,#fa406b);color:white;box-shadow:0 3px 14px #e080ef75}.more-apps{display:flex;align-items:center;gap:13px;margin-top:16px;border:0;background:transparent;color:#435780;font-weight:600;font-size:12px}.more-apps span{background:#f1f4fc;border-radius:100%;padding:8px;color:var(--blue)}.left-spacer{flex:1;min-height:30px}.storage-card{background:linear-gradient(140deg,#fff,#fdfcff);border:1px solid #f0f1fc;border-radius:16px;padding:17px 14px;box-shadow:var(--shadow)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-top h3,.card-top strong{margin:0;font-size:14px}.card-top svg{color:#3773f3}.storage-row{display:flex;align-items:center;gap:15px;padding:19px 0 14px}.donut{width:86px;height:86px;flex-shrink:0;background:conic-gradient(#4b68ff 0 70deg,#a24fff 70deg 165deg,#ff43a1 165deg 225deg,#ffbc44 225deg 310deg,#c8dbf8 310deg);border-radius:50%;display:grid;place-items:center}.donut-middle{background:white;width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-middle b{font-size:18px}.donut-middle small{font-size:10px;color:var(--muted)}.storage-details{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;font-size:11px;color:#768ab6}.storage-details span{display:flex;align-items:center;gap:5px}.storage-details b{margin-left:auto;color:#223766;font-size:11px;white-space:nowrap}.legend{width:7px;height:7px;border-radius:50%;display:inline-block}.legend.blue{background:#087fff}.legend.purple{background:#ba38ff}.progress-track{height:7px;background:#ebf0f9;border-radius:10px;overflow:hidden}.progress-track>div{width:0;height:100%;background:linear-gradient(90deg,#ff9f35,#fe30a4,#126afb);transition:width .3s}.storage-caption{display:block;color:var(--muted);margin-top:12px}.centre{min-width:0;display:flex;flex-direction:column;gap:13px}.view{animation:appear .25s ease;min-width:0}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card{background:#fff;border:1px solid #edf0fb;border-radius:17px;box-shadow:var(--shadow)}.hero{min-height:278px;padding:30px 36px;position:relative;display:flex;overflow:hidden;background:radial-gradient(ellipse at 68% 61%,#f9eafe 0,transparent 40%),radial-gradient(ellipse at 89% 45%,#e5f6ff 0,transparent 60%),linear-gradient(120deg,#fff,#fbfcff)}.hero:before{content:'';position:absolute;right:10%;bottom:-70px;height:150px;width:430px;background:radial-gradient(ellipse,#d7faff,transparent 72%);filter:blur(20px)}.hero-copy{position:relative;z-index:2;width:68%;min-width:440px}.eyebrow{font-size:10px;color:#6a7fb2;font-weight:800;letter-spacing:.13em}.welcome{font-size:13px;color:#6277a0;margin:18px 0 5px}.hero h1{font-size:clamp(24px,2.35vw,35px);letter-spacing:-1.4px;line-height:1.22;margin:9px 0 11px;font-weight:800}.hero h1 span,.apps-hero h1 span,.file-head h1 span{background:linear-gradient(95deg,#0872f5,#a83cff,#f333a3);color:transparent;-webkit-background-clip:text;background-clip:text}.hero p:not(.welcome){color:#6e7d9f;font-size:13px;max-width:440px;line-height:1.75}.hero-image{position:absolute;width:35%;max-width:405px;height:auto;object-fit:contain;right:2.5%;top:15%;filter:drop-shadow(0 15px 19px #bfb3f65e)}.hero-glow{position:absolute;width:35%;height:95%;right:1%;top:0;border-radius:50%;background:radial-gradient(ellipse,#ffebff,#d3ecff80 45%,transparent 70%);filter:blur(24px)}.hero-buttons{display:flex;gap:13px;margin-top:22px;flex-wrap:wrap}.btn{border-radius:25px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:11px 19px;font-weight:700;font-size:12px;border:1px solid transparent;white-space:nowrap;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #a3aee85c}.btn-gradient{background:linear-gradient(105deg,#ff9735,#ff33a4 35%,#9139fe 67%,#037df8);color:white;box-shadow:0 8px 17px #f37ce044}.btn-white{background:white;color:#183567;box-shadow:0 4px 16px #d8e1fb66;border-color:#f0f2fc}.btn-outline{background:white;border:1px solid #dbe4ff;color:#2454b2}.full{width:100%}.hero-pager{display:flex;gap:6px;margin-top:17px;align-items:center}.hero-pager>*{display:block;border-radius:15px;width:16px;height:3px;background:#e4e8f3}.hero-pager b{width:27px;background:linear-gradient(90deg,#fd2fab,#5131ff)}.music-banner{margin-top:14px;min-height:92px;display:flex;align-items:center;gap:17px;padding:15px 22px;position:relative;overflow:hidden;background:linear-gradient(105deg,#fff9fd,#f7f8ff 45%,#eaf1ff)}.music-logo{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font-size:24px;background:conic-gradient(#ff932b,#f73168,#8b32fb,#008ffe,#ff932b);color:white;box-shadow:0 4px 15px #bc90e77d}.music-banner strong{font-style:italic;font-size:18px;letter-spacing:-.5px}.music-banner strong em{color:#f43d59}.music-banner h3{font-size:12px;margin:4px 0}.music-banner p{margin:3px 0;color:#7585aa;font-size:11px}.music-banner .small-btn{margin-left:auto;z-index:2}.music-disc{font-size:70px;color:#f3c7ff;opacity:.62;line-height:1}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 1px 12px;gap:15px}.section-heading h2{font-size:17px;margin:0;letter-spacing:-.3px}.text-button{background:none;border:0;color:#0b6cf2;font-weight:650;font-size:12px}.module-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.module-card{min-height:152px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;border-radius:13px;border:1px solid #edf0fb;background:#fff;padding:16px 13px 13px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.module-card:hover,.all-app-card:hover{transform:translateY(-3px);border-color:#d6d6ff}.module-card .app-icon{width:37px;height:36px}.module-card strong{font-size:12px;margin:11px 0 5px}.module-card small{font-size:10px;color:#7886a7;line-height:1.5;min-height:31px}.module-card>span:last-child{margin-top:auto;color:#0768ef;font-weight:650;font-size:11px}.home-bottom{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin-top:15px}.content-card{padding:19px 20px;min-height:184px}.recent-list{margin-top:9px}.recent-item{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1fb;padding:9px 0;gap:8px;font-size:12px}.recent-item:last-child{border:0}.recent-item strong{font-weight:650}.recent-item small{color:#8391af}.recent-item .app-icon{width:29px;height:29px;margin-right:10px;display:inline-flex;vertical-align:middle}.recent-item .app-icon svg{width:17px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.quick-grid button{min-height:44px;display:flex;align-items:center;gap:9px;border:1px solid #edf1fa;background:#fafcff;border-radius:11px;padding:11px;color:#27477d;font-weight:650;font-size:11px;text-align:left}.quick-grid button:hover{background:#f0f6ff}.muted{color:var(--muted)}.right-panel{padding:19px 19px 23px}.right-panel .panel-title{margin:0 0 16px}.right-illustration{height:175px;border-radius:14px;background:radial-gradient(circle at 65% 40%,#fde6fa,transparent 44%),linear-gradient(120deg,#f6f9ff,#edf4ff);display:flex;align-items:center;justify-content:center;overflow:hidden}.right-illustration img{width:170px;max-width:90%;filter:drop-shadow(0 7px 14px #b5b8ed58)}.status-row{display:flex;align-items:center;gap:8px;margin:18px 0 6px;font-size:13px;font-weight:700}.dot{background:#16c87e;width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot.off{background:#fa9d39}.right-panel p{font-size:12px;color:#7b8cac;line-height:1.7}.right-divider{height:1px;background:#e9eef9;margin:19px 0}.right-subhead{font-size:13px;font-weight:800;margin:0 0 13px}.right-link{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 0;color:#2a4274;border-bottom:1px solid #f0f3fa;font-size:12px}.right-link svg{height:17px;width:17px;color:#2777ff}.right-link strong{margin-left:auto;color:#2879ed;font-size:11px}.right-meta{display:flex;justify-content:space-between;gap:13px;font-size:11px;padding:9px 0}.right-meta span{color:#8491b0}.right-meta b{text-align:right;overflow-wrap:anywhere}.right-file-icon{width:60px;height:60px;border-radius:14px;background:linear-gradient(140deg,#e7f5ff,#caeaff);display:grid;place-items:center;color:#0675e8;margin:20px auto}.right-file-icon svg{width:32px;height:32px}.file-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 6px 23px}.file-head h1,.apps-hero h1{font-size:29px;letter-spacing:-1px;margin:5px 0}.file-head p{margin:7px 0}.file-actions{display:flex;gap:8px}.file-toolbar{height:55px;border:1px solid #edf0fb;background:white;border-radius:13px 13px 0 0;padding:7px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#8391b0}.breadcrumbs button{background:none;border:0;color:#2a61b3;font-weight:650}.file-toolbar-right{display:flex;align-items:center;gap:8px}.files-container{background:white;border:1px solid #edf0fb;border-top:0;border-radius:0 0 14px 14px;min-height:460px;padding:12px;overflow:auto}.file-table{width:100%;border-collapse:collapse;text-align:left;min-width:570px}.file-table th{font-size:11px;color:#93a0bc;font-weight:700;padding:15px 12px;border-bottom:1px solid #ecf0fa}.file-table td{font-size:12px;padding:12px;border-bottom:1px solid #f0f2fa;color:#465778}.file-table tr:hover td{background:#f7faff}.file-table tr.active td{background:#eaf4ff}.file-cell{display:flex;align-items:center;gap:13px}.file-cell .app-icon{width:35px;height:35px}.file-cell .app-icon svg{width:18px}.file-cell button{border:0;background:none;color:#1b3567;text-align:left;font-weight:650}.table-actions{display:flex;gap:2px;justify-content:flex-end}.table-actions button{border:0;background:none;color:#6286bd;border-radius:8px;padding:7px}.table-actions button:hover{background:#e9f2ff}.table-actions svg{height:16px;width:16px}.empty-state{text-align:center;padding:70px 20px;color:#7183a8}.empty-state svg{height:40px;width:40px;color:#337df3}.empty-state h3{color:#142653}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.folder-tile{border:1px solid #eaf0fa;background:#fff;border-radius:13px;padding:18px 14px;text-align:left;min-height:132px;display:flex;flex-direction:column;gap:10px;color:#19345f}.folder-tile:hover{background:#f7fbff;border-color:#b7d6ff}.folder-tile .app-icon{width:45px;height:42px}.apps-hero{min-height:207px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 75% 75%,#f9dfff,#eff5ff 40%,#fff)}.apps-hero p{color:#8290b4}.apps-hero-bag{font-size:112px;color:#9842f8;text-shadow:0 13px 25px #d687fa80}.all-app-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:13px}.all-app-card{border:1px solid #ecf0fa;background:#fff;border-radius:15px;padding:19px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-height:210px;text-align:left;box-shadow:var(--shadow)}.all-app-card .app-icon{width:49px;height:49px}.all-app-card .app-icon svg{width:30px;height:30px}.all-app-card strong{font-size:14px}.all-app-card p{color:#8491ac;font-size:12px;line-height:1.5;margin:0}.all-app-card span:last-child{font-size:11px;color:#1b75f0;font-weight:700;margin-top:auto}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.settings-grid .content-card{min-height:240px}.settings-grid h3{margin:0 0 22px}.setting-line{display:flex;justify-content:space-between;align-items:center;gap:13px;border-bottom:1px solid #e9eef9;padding:14px 0;color:#7685a4}.setting-line b{color:#1c376f;font-size:12px}.settings-help{font-size:12px;line-height:1.7;color:#8090ad}.settings-grid .btn{margin-top:22px}.bottom-status{display:flex;justify-content:space-between;align-items:center;padding:0 23px 11px;color:#8998b5;font-size:11px;gap:15px}.bottom-status>span:first-child{display:flex;align-items:center;gap:7px}.toast{position:fixed;bottom:26px;right:30px;max-width:370px;color:white;background:#172a60;padding:13px 18px;border-radius:14px;box-shadow:0 10px 25px #13245d40;z-index:100;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{background:#a32e63}.modal{border:1px solid #e5eafb;background:#fff;padding:25px;min-width:min(420px,95vw);max-width:94vw;border-radius:18px;box-shadow:0 22px 95px #1e3f8c42;color:#182958}.modal::backdrop{background:#0c1c3d77;backdrop-filter:blur(3px)}.modal h3{margin:0 0 12px}.modal p{color:#7889ab;font-size:13px;line-height:1.6}.modal-input{width:100%;border:1px solid #dfe8f8;padding:13px 15px;border-radius:10px;margin:10px 0;color:#173664;background:#f9fbff}.modal-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.error-box{background:#fff1f5;color:#a32656;border:1px solid #facbd8;padding:11px;border-radius:10px;margin-top:12px;font-size:12px}.login-screen{min-height:100vh;background:radial-gradient(circle at 2% 90%,#f7ddfc,transparent 26%),radial-gradient(circle at 72% 37%,#dcf4ff,transparent 45%),#fcfdff;display:flex;flex-direction:column}.login-header{height:83px;display:flex;align-items:center;justify-content:space-between;padding:12px max(5%,calc((100vw - 1440px)/2));background:#ffffffaa}.login-header .brand{width:219px}.login-header .brand img{max-height:55px}.login-secure{font-size:12px;color:#6079ac;font-weight:700}.login-layout{flex:1;max-width:1440px;width:100%;margin:auto;padding:45px 5% 35px;display:grid;grid-template-columns:1.2fr .85fr;gap:5%;align-items:center}.login-visual{position:relative;min-height:605px}.login-visual .eyebrow{color:#4b70bc}.login-visual h1{font-size:clamp(45px,4.8vw,78px);letter-spacing:-3.5px;line-height:1.12;margin:20px 0;color:#0d1743}.login-visual h1 em{font-style:normal;background:linear-gradient(100deg,#ff8f28,#ff27a5,#7330fa,#008aff);color:transparent;background-clip:text}.login-visual>p{font-size:15px;line-height:1.8;color:#5d719e;max-width:490px}.login-art{height:260px;max-width:570px;position:relative;display:flex;justify-content:center}.login-art .art-orbit{position:absolute;inset:15% 15% 8%;border-radius:50%;background:radial-gradient(ellipse,#f6bdfb,#dcf4ff 44%,transparent 70%);filter:blur(30px)}.login-art img{height:260px;max-width:100%;object-fit:contain;position:relative;filter:drop-shadow(0 18px 26px #d3aceb66)}.login-features{display:flex;flex-wrap:wrap;gap:17px;margin-top:20px;color:#6178aa;font-size:12px;font-weight:700}.login-card{max-width:470px;width:100%;margin:0 auto;padding:43px 40px;border:1px solid #ffffffec;background:#ffffffcf;box-shadow:0 19px 70px #8cafe328,0 0 20px #f9d4ffb5;border-radius:25px;backdrop-filter:blur(13px)}.login-card h2{font-size:34px;letter-spacing:-1.2px;margin:14px 0 4px}.login-card>p{margin-top:0}.login-card form{margin-top:27px}.login-card label{display:block;font-size:12px;color:#405885;font-weight:700;margin:16px 0 7px}.input-wrap{border:1px solid #e5ebf8;border-radius:12px;background:white;display:flex;align-items:center;gap:10px;padding:0 12px;height:49px;color:#5074bc}.input-wrap input{background:none;border:0;outline:0;width:100%;color:#0a1641}.input-wrap input::placeholder{color:#9da9bd}.input-wrap .reveal{border:0;background:none;color:#4e6ea8}.auth-hint{color:#7c8caa;font-size:11px;line-height:1.6;margin:11px 0 20px}.login-card .btn{height:47px}.login-divider{display:flex;align-items:center;gap:10px;color:#9aa6be;font-size:10px;font-weight:700;letter-spacing:.08em;margin:24px 0}.login-divider:before,.login-divider:after{content:'';height:1px;background:#e5eafb;flex:1}.demo-note{text-align:center;color:#8c9ab3;font-size:11px;line-height:1.6;padding:13px 15px 0;margin:0}.login-footer{padding:20px 5%;display:flex;justify-content:space-between;color:#93a2bd;font-size:11px}.login-footer span{color:#adb9cf}
@media(max-width:1420px){.layout{--left:222px;--right:265px;gap:12px}.top-left{width:210px}.hero-copy{width:70%;min-width:390px}.hero h1{font-size:29px}.module-cards{grid-template-columns:repeat(4,1fr)}.app-launcher{row-gap:14px}.topbar{gap:14px}}@media(max-width:1100px){.layout{--left:205px;--right:0px}.right-panel{display:none}.edge-right{right:17px}.layout.right-closed .right-panel{display:none}.layout:not(.right-closed){--right:260px}.layout:not(.right-closed) .right-panel{display:block}.hero h1{font-size:26px}.module-cards{grid-template-columns:repeat(3,1fr)}.top-left{width:190px}.topbar{padding:0 16px}.top-actions{gap:2px}}@media(max-width:780px){.topbar{gap:8px;height:64px}.top-left{width:auto;gap:5px}.brand{width:132px}.brand img{max-height:30px}.top-actions .desktop-only,.top-divider,.top-actions .account-button>span:not(.avatar){display:none}.global-search{max-width:none;min-width:0}.global-search .kbd{display:none}.layout{display:block;padding:10px 10px 15px}.left-panel,.right-panel{display:none!important}.edge-toggle{display:none}.centre{width:100%}.hero{padding:27px 23px;min-height:290px}.hero-copy{min-width:0;width:100%}.hero-image{opacity:.25;right:-18%;top:19%;height:90%;width:auto}.hero h1{font-size:29px}.module-cards{grid-template-columns:repeat(2,1fr)}.home-bottom,.settings-grid{grid-template-columns:1fr}.music-disc{display:none}.file-head{flex-wrap:wrap}.login-layout{grid-template-columns:1fr;gap:5px;padding:32px 4%}.login-visual{min-height:0;text-align:center}.login-visual h1{font-size:47px}.login-visual>p{margin:auto}.login-art{height:150px}.login-art img{height:150px}.login-features{justify-content:center}.login-card{margin-top:25px;max-width:530px}.login-footer{gap:10px}.login-header{height:72px}.login-header .brand{width:165px}}@media(max-width:500px){.brand{width:115px}.topbar{padding:0 9px;gap:4px}.global-search{height:38px;padding:0 7px}.global-search input{font-size:11px}.top-actions>.icon-button{display:none}.top-actions .round-plus{height:31px;width:31px;font-size:22px}.top-actions .avatar{height:30px;width:30px}.hero h1{font-size:23px}.hero p:not(.welcome){font-size:12px}.hero-buttons .btn{font-size:11px;padding:10px 11px}.music-banner{gap:8px;padding:12px}.music-banner strong{font-size:14px}.music-banner p{display:none}.music-banner .btn{font-size:10px;padding:9px}.module-cards{gap:8px}.module-card{padding:12px 9px}.file-actions{width:100%}.file-head h1{font-size:26px}.login-header{padding:9px 5%}.login-secure{display:none}.login-visual h1{font-size:36px;letter-spacing:-2px}.login-visual .eyebrow{font-size:9px}.login-card{padding:30px 22px}.login-features{font-size:10px}.login-footer span{display:none}}

[hidden]{display:none!important}#storageDialog form{display:grid;gap:16px;max-width:420px}#storageDialog label{display:grid;gap:8px;font-size:13px}#storageDialog input{border:1px solid #d4ddef;border-radius:10px;padding:12px;width:100%}#switchAuth{margin-top:16px}a.btn{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #873efb;outline-offset:3px}

.music-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;}

.app-item .app-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.module-card .app-icon img,.all-app-card .app-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.landing-card h2{font-size:clamp(27px,2.5vw,35px);line-height:1.12;margin:15px 0 10px}.landing-card>p{font-size:13px;line-height:1.7}.landing-services{display:grid;gap:10px;margin:24px 0}.landing-services>div{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:12px;border:1px solid #e9effa;border-radius:14px;background:#ffffff9c}.landing-service-icon{grid-row:span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eaf5ff;color:#1684ed;font-size:19px}.landing-service-icon.violet{background:#f2ebff;color:#8f4bea}.landing-service-icon.pink{background:#fff0f8;color:#e847a0}.landing-services b{font-size:12px;color:#20375f}.landing-services small{font-size:10px;color:#7d8daa;margin-top:3px}.landing-card .btn{height:47px}.landing-note{font-size:10px!important;text-align:center;margin:10px 0 0!important}.landing-card .login-divider{margin:19px 0 13px}.mail-login-dialog{border:0;padding:0;background:transparent;max-width:min(470px,calc(100vw - 28px));width:100%;overflow:visible}.mail-login-dialog::backdrop{background:#0a174066;backdrop-filter:blur(7px)}.mail-login-dialog .login-card{position:relative;max-width:none;width:100%;max-height:calc(100vh - 32px);overflow:auto;background:#fff;padding:35px 36px}.mail-login-close{position:absolute;right:17px;top:15px;border:0;background:#f3f6fc;color:#526787;border-radius:50%;height:32px;width:32px;font-size:21px;line-height:1}.mail-login-dialog .login-card h2{font-size:29px}@media(max-width:780px){.landing-card{margin-top:8px}.landing-services{grid-template-columns:1fr 1fr}.landing-services>div:first-child{grid-column:span 2}.mail-login-dialog .login-card{padding:30px 22px}}@media(max-width:500px){.landing-services{gap:7px}.landing-services>div{padding:9px;grid-template-columns:32px 1fr;column-gap:8px}.landing-service-icon{height:31px;width:31px}.landing-services small{font-size:9px}}
.ecosystem-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 27px}.ecosystem-card{min-height:140px;display:grid;grid-template-columns:minmax(105px,.78fr) 1fr;align-items:center;gap:15px;padding:12px;border:1px solid var(--border,#e7edf6);border-radius:18px;overflow:hidden;background:linear-gradient(110deg,#fff,#f0f6ff);box-shadow:0 8px 28px #18365c0b;transition:transform .2s,box-shadow .2s}.ecosystem-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px #18365c18}.ecosystem-card>img{width:100%;height:112px;object-fit:cover;object-position:center;border-radius:10px}.ecosystem-card-copy{display:flex;flex-direction:column;gap:6px}.ecosystem-card-copy small{font-size:9px;font-weight:800;letter-spacing:.14em;color:#4374d5}.ecosystem-card-copy strong{font-size:16px;color:#102650}.ecosystem-card-copy>span{font-size:11px;color:#667793;line-height:1.45}.ecosystem-card-copy b{color:#296be6}.store-card{background:linear-gradient(110deg,#fff,#fbf3ff)}@media(max-width:700px){.ecosystem-links{grid-template-columns:1fr;gap:10px}.ecosystem-card{min-height:122px;grid-template-columns:110px 1fr}.ecosystem-card>img{height:94px}.ecosystem-card-copy strong{font-size:14px}}

.ecosystem-card>img.store-wordmark{object-fit:contain;padding:18px;background:#fff}.auth-switch{display:block;margin:16px auto 0;text-align:center}