:root{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:14px;color-scheme:dark;font-synthesis:none;--sidebar:225px;--rail:270px;--bg:#06121f;--surface:#0c1d2b;--surface2:#102639;--surface3:#152c3e;--border:rgba(142,193,221,.17);--border-hot:rgba(82,225,226,.65);--text:#eff8ff;--text2:#a3bacc;--muted:#7693a8;--brand:#27cbd0;--brand2:#5a9bea;--highlight:rgba(31,191,198,.16);--glass:rgba(11,29,43,.88);--shadow:0 18px 44px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Segoe UI',Inter,system-ui,sans-serif}small{font-size:11px}.workspace-shell{min-height:100vh;background:linear-gradient(170deg,rgba(5,16,29,.91) 0%,rgba(5,17,28,.93) 55%,rgba(6,22,35,.65) 100%),var(--wallpaper);background-size:cover;background-position:center;background-attachment:fixed}.workspace-shell{--wallpaper:url('/wallpapers/mountains.svg')}body[data-background=forest] .workspace-shell{--wallpaper:url('/wallpapers/forest.svg')}body[data-background=city] .workspace-shell{--wallpaper:url('/wallpapers/city.svg')}body[data-background=aurora] .workspace-shell{--wallpaper:url('/wallpapers/aurora.svg')}body[data-background=abstract] .workspace-shell{--wallpaper:url('/wallpapers/abstract.svg')}body[data-background=none] .workspace-shell{--wallpaper:none}body[data-background=custom] .workspace-shell{--wallpaper:var(--custom-wallpaper)}
.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:10;width:var(--sidebar);padding:23px 15px;background:linear-gradient(170deg,rgba(7,22,35,.96),rgba(6,25,39,.93));border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.brand{padding:3px 8px 30px;display:flex;flex-direction:column;gap:3px}.brand-logo{width:165px;height:51px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 7px rgba(15,219,217,.07))}.brand-sub{color:#b4cbd8;letter-spacing:.13em;font-size:10px;margin-left:8px}.brand-sub i{font-style:normal;color:var(--brand)}.sidebar nav{display:grid;gap:6px}.nav-link{appearance:none;border:1px solid transparent;background:none;display:flex;align-items:center;gap:13px;width:100%;text-align:left;min-height:43px;padding:11px 13px;color:var(--text2);border-radius:11px;transition:.2s}.nav-link:hover{background:rgba(106,181,225,.10);color:var(--text)}.nav-link.selected{background:linear-gradient(100deg,rgba(28,203,214,.23),rgba(38,135,173,.09));border-color:rgba(41,197,207,.32);box-shadow:inset 3px 0 0 var(--brand);color:#ecfdff}.nav-link.selected svg{color:var(--brand)}.sidebar-bottom{margin-top:auto;padding:42px 10px 9px;position:relative;color:var(--text2);font-size:13px;line-height:1.5}.sidebar-bottom p{max-width:155px;position:relative}.sidebar-bottom small{font-size:9px;letter-spacing:.15em;color:var(--muted);position:relative}.orb{position:absolute;right:-24px;bottom:18px;width:180px;height:180px;border-radius:50%;border:1px dashed rgba(40,208,213,.32);background:radial-gradient(ellipse at 60% 25%,rgba(14,213,207,.2),transparent 55%);opacity:.65;transform:rotate(-24deg)}.orb:before,.orb:after{content:'';position:absolute;inset:29px;border:1px solid rgba(38,211,218,.3);border-radius:50%;transform:rotate(55deg) scaleX(.35)}.orb:after{transform:rotate(-55deg) scaleX(.35)}
.workspace-core{margin-left:var(--sidebar);padding:0 17px 105px;max-width:2000px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(152,199,228,.08)}.search-box{width:min(660px,100%);display:flex;align-items:center;gap:12px;height:44px;border:1px solid var(--border);background:rgba(25,51,73,.70);box-shadow:inset 0 1px rgba(255,255,255,.045);border-radius:11px;padding:0 14px;color:#d7e7f2}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(25,212,213,.12)}.search-box input{outline:none;width:100%;border:0;color:var(--text);background:none;font-size:13px}.search-box input::placeholder{color:var(--text2)}.search-box kbd{font-family:inherit;font-size:11px;color:var(--text2);white-space:nowrap;border:1px solid var(--border);border-radius:5px;padding:2px 4px}.top-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.icon-button,.quiet-btn,.close-btn,.mobile-menu-btn{background:none;border:0;color:var(--text2);padding:8px;border-radius:9px;display:inline-flex}.icon-button:hover,.quiet-btn:hover,.close-btn:hover{background:var(--highlight);color:var(--text)}.lang-switch{appearance:none;padding:9px 10px;border-radius:9px;background:var(--surface2);color:var(--text);border:1px solid var(--border)}.explore-badge{display:flex;align-items:center;gap:10px;border-left:1px solid var(--border);padding-left:17px}.avatar{width:35px;height:35px;border:1px solid var(--border);border-radius:50%;background:linear-gradient(145deg,#25829d,#1e4568);display:grid;place-items:center}.user-copy{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.user-copy strong{font-size:12px}.user-copy small{color:var(--muted)}.mobile-menu-btn{display:none}.workspace-columns{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);gap:17px}.main-content{min-width:0;padding:15px 0}.hero{position:relative;height:230px;overflow:hidden;border:1px solid rgba(138,192,212,.2);border-radius:16px;background-image:linear-gradient(90deg,rgba(2,13,25,.92),rgba(2,20,34,.62) 64%,rgba(2,16,26,.09)),url('/wallpapers/mountains.svg');background-size:cover;background-position:center;box-shadow:var(--shadow)}.hero.banner-forest{background-image:linear-gradient(90deg,rgba(2,13,25,.88),rgba(2,20,34,.28)),url('/wallpapers/forest.svg')}.hero.banner-city{background-image:linear-gradient(90deg,rgba(2,13,25,.9),rgba(2,20,34,.33)),url('/wallpapers/city.svg')}.hero.banner-aurora{background-image:linear-gradient(90deg,rgba(2,13,25,.9),rgba(2,20,34,.3)),url('/wallpapers/aurora.svg')}.hero.banner-abstract{background-image:linear-gradient(90deg,rgba(2,13,25,.86),rgba(2,20,34,.24)),url('/wallpapers/abstract.svg')}.hero.banner-none{background-image:linear-gradient(125deg,#0a2030,#0b3647,#12486a)}.hero.banner-custom{background-image:linear-gradient(90deg,rgba(2,13,25,.9),rgba(2,20,34,.19)),var(--custom-banner);}.hero-overlay{padding:29px 31px;height:100%}.eyebrow{color:#a7c5d5;letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:800}.hero h1{font-size:clamp(22px,2.2vw,33px);font-weight:800;line-height:1.23;letter-spacing:-.045em;margin-top:14px}.hero h1 span{color:#20dce0}.hero h2{font-size:clamp(12px,1.2vw,16px);font-weight:500;letter-spacing:-.01em;margin-top:5px}.hero-line{width:52px;height:2px;background:#22d6d9;margin:13px 0}.hero-detail{max-width:470px;font-size:11px;color:#b5ccd8;line-height:1.55}.hero-actions{display:flex;gap:9px;margin-top:15px}.primary-btn,.ghost-btn,.outline-btn{border-radius:9px;padding:9px 12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:11px;font-weight:700}.primary-btn{color:#03141f;border:1px solid #35d4d8;background:linear-gradient(110deg,#30d7dc,#64dce2)}.primary-btn:hover{filter:brightness(1.14)}.ghost-btn{border:1px solid rgba(208,235,246,.2);color:#e7f5ff;background:rgba(15,38,54,.5)}.ghost-btn:hover,.outline-btn:hover{border-color:var(--brand);background:var(--highlight)}
.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:13px}.stat-card{border:1px solid var(--border);background:linear-gradient(120deg,rgba(20,47,67,.87),rgba(11,28,42,.78));border-radius:12px;min-height:70px;padding:12px;display:grid;grid-template-columns:43px 1fr;grid-template-rows:25px 17px;column-gap:10px;align-content:center;min-width:0}.stat-icon{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:white}.stat-icon.blue{background:linear-gradient(140deg,#17448e,#286abe)}.stat-icon.turquoise{background:linear-gradient(140deg,#076868,#11999f)}.stat-icon.purple{background:linear-gradient(140deg,#363c9b,#586adf)}.stat-icon.emerald{background:linear-gradient(140deg,#077661,#128d7c)}.stat-card strong{font-size:18px;line-height:1.3}.stat-card small{color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-note{display:flex;align-items:center}.stat-note>span:last-child{display:flex;flex-direction:column;gap:5px}.stat-note b{font-size:11px;white-space:nowrap}.app-section{margin-top:19px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-head h3{font-size:15px;letter-spacing:-.025em}.text-btn{border:0;background:none;color:#51cce5;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:5px}.text-btn:hover{text-decoration:underline}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.app-tile{position:relative;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,rgba(29,61,83,.84),rgba(11,28,42,.88));min-width:0;box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .2s,border-color .2s}.app-tile:hover,.group-card:hover,.catalog-item:hover{transform:translateY(-2px);border-color:rgba(65,198,226,.52)}.tile-body{width:100%;min-height:126px;display:flex;align-items:center;flex-direction:column;gap:8px;padding:13px 5px 8px;color:var(--text);background:none;border:0;text-align:center}.tile-label{font-size:11px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-desc{font-size:10px;color:var(--text2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-icon{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;border:1px solid rgba(255,255,255,.12);color:#f0ffff;box-shadow:inset 0 2px 2px rgba(255,255,255,.2),0 7px 16px rgba(0,0,0,.18);background:linear-gradient(135deg,#0dd2c0,#0e4f7b)}.app-icon.accent-violet{background:linear-gradient(135deg,#9a70fc,#353a9b)}.app-icon.accent-blue{background:linear-gradient(135deg,#36b9f3,#1d408d)}.app-icon.accent-amber{background:linear-gradient(135deg,#f3ba51,#ac5e1d)}.app-icon.accent-silver{background:linear-gradient(135deg,#a0c3cd,#41576e)}.app-icon.accent-rose{background:linear-gradient(135deg,#e28faf,#844276)}.app-icon.small{width:31px;height:31px;border-radius:9px}.app-icon.small svg{width:17px;height:17px}.app-icon.mini{width:36px;height:36px;border-radius:9px}.app-icon.mini svg{width:19px;height:19px}.favorite-button{position:absolute;top:8px;right:8px;background:rgba(7,22,34,.32);border:0;color:var(--muted);border-radius:6px;padding:4px;display:inline-flex}.favorite-button:hover,.favorite-button.active{color:#ffcf71}.favorite-button.active svg{fill:#ffb72a55}.groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.group-card{min-width:0;border:1px solid var(--border);border-radius:12px;background:linear-gradient(130deg,rgba(20,46,66,.88),rgba(9,30,46,.85));padding:12px;min-height:141px;transition:.2s}.group-heading{width:100%;display:flex;align-items:center;gap:8px;border:0;color:var(--text);background:transparent;text-align:left;padding:0}.group-icon{width:33px;height:33px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(13,191,188,.29),rgba(22,113,169,.32));color:#50d8de;border-radius:9px}.group-copy{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.group-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-copy small{color:var(--text2);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-heading>svg{color:var(--muted)}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px}.mini-app{min-width:0;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text2)}.mini-app:hover{color:var(--brand)}.mini-app span:last-child{font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3;text-align:center}.right-rail{padding-top:15px;display:flex;flex-direction:column;gap:12px;min-width:0}.rail-card{border:1px solid var(--border);border-radius:13px;background:linear-gradient(140deg,rgba(15,38,56,.91),rgba(8,28,41,.91));padding:14px 13px;box-shadow:0 10px 22px rgba(0,0,0,.12)}.rail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.rail-head h3{display:inline-flex;gap:8px;align-items:center;font-size:12px;letter-spacing:-.01em}.rail-head h3 svg{color:var(--brand)}.rail-empty{min-height:80px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;line-height:1.6}.rail-empty svg{color:#67a2bd}.rail-footer{margin-top:7px;border-top:1px solid var(--border);padding-top:8px;color:var(--muted);font-size:10px}.app-row{position:relative;display:flex;align-items:center;gap:3px;padding:7px 0;border-bottom:1px solid var(--border)}.app-row:last-child{border:0}.row-open{display:flex;align-items:center;gap:8px;flex:1;min-width:0;border:0;text-align:left;color:var(--text);background:none;padding:0}.row-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.row-copy b{font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-copy small{color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-row .favorite-button{position:static}.app-row .row-open>svg:last-child{color:var(--muted);opacity:.65}.monitor-line{display:flex;gap:10px;color:#75c8db;align-items:flex-start;margin:12px 0}.monitor-line p{display:flex;flex-direction:column;gap:6px}.monitor-line strong{font-size:11px;color:var(--text)}.monitor-line small{color:var(--text2);line-height:1.5}.outline-btn{border:1px solid var(--border);color:var(--text);background:rgba(22,62,80,.22)}.monitor .outline-btn{width:100%}.page-footer{margin-top:29px;text-align:center;color:var(--muted);font-size:10px;line-height:1.6;padding:0 8px 14px}.dock-outer{position:fixed;bottom:16px;z-index:14;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);max-width:calc(100vw - var(--sidebar) - 30px)}.dock{display:flex;align-items:center;gap:3px;background:rgba(6,22,35,.89);border:1px solid rgba(136,201,225,.36);border-radius:17px;padding:8px 12px;box-shadow:0 14px 40px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(20px)}.dock-item{border:0;background:none;color:var(--text2);display:flex;align-items:center;flex-direction:column;gap:4px;min-width:58px;padding:0 3px}.dock-item span:last-child{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.dock-item:hover{color:#fff;transform:translateY(-3px)}.app-icon.dock-icon{width:33px;height:33px;border-radius:10px}.dock-icon svg{width:18px;height:18px}.dock-settings>svg{width:33px;height:33px;border-radius:10px;padding:6px;background:#233a4b}.dock-separator{width:1px;height:37px;background:var(--border);margin:0 4px}
.catalog-page{min-height:72vh}.catalog-top{border:1px solid var(--border);border-radius:16px;background:linear-gradient(105deg,rgba(19,48,66,.88),rgba(5,24,40,.89));padding:24px;display:flex;justify-content:space-between;align-items:end;gap:20px}.catalog-top h1{font-size:26px;margin:10px 0}.catalog-top p:last-child{color:var(--text2)}.catalog-controls{display:flex;flex-wrap:wrap;gap:7px}.filter-chip{border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text2);font-size:11px;padding:8px 10px}.filter-chip.selected{color:#071523;background:var(--brand);border-color:var(--brand)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:13px}.catalog-item{position:relative;display:flex;align-items:flex-start;gap:11px;min-width:0;padding:15px;background:var(--glass);border:1px solid var(--border);border-radius:12px;transition:.2s}.catalog-copy{min-width:0;flex:1}.catalog-copy b{font-size:12px}.catalog-copy p{font-size:11px;color:var(--text2);line-height:1.5;margin:7px 0}.catalog-actions{display:flex;gap:4px;align-self:flex-start;align-items:center}.catalog-actions .favorite-button{position:static}.open-icon{padding:5px;border:0;background:none;color:var(--text2)}.open-icon:hover{color:var(--brand)}.kind-badge{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border);border-radius:5px;font-size:9px;color:var(--muted);padding:3px 5px}.empty-wide{grid-column:1/-1;text-align:center;padding:75px;color:var(--muted)}.empty-wide svg{color:var(--brand);margin-bottom:10px}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,7,14,.56);z-index:30;backdrop-filter:blur(3px)}.settings-drawer{position:fixed;right:17px;top:15px;bottom:15px;width:min(510px,calc(100vw - 34px));z-index:31;background:linear-gradient(165deg,#11283c,#07192b);border:1px solid rgba(50,194,216,.46);border-radius:17px;box-shadow:0 30px 80px #0009;display:flex;flex-direction:column;color:#eff8ff}.settings-header{display:flex;gap:12px;align-items:center;padding:20px 20px 16px}.settings-header .settings-icon{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;background:rgba(28,171,194,.18);color:#4bd7e1}.settings-header>div{flex:1}.settings-header h2{font-size:18px}.settings-header p{font-size:11px;color:#a5c0d2;margin-top:4px}.settings-header button{align-self:flex-start}.settings-tabs{display:flex;gap:6px;padding:0 19px 12px;border-bottom:1px solid rgba(153,206,222,.12)}.settings-tab{border:1px solid transparent;background:rgba(37,75,98,.26);color:#b4cbd8;border-radius:8px;padding:10px;flex:1;font-size:11px}.settings-tab.active{border-color:#30bdd1;background:rgba(16,150,171,.25);color:#fff}.settings-content{overflow-y:auto;padding:0 20px 20px;scrollbar-width:thin}.settings-subsection{padding:18px 0 19px;border-bottom:1px solid rgba(153,206,222,.13)}.settings-subsection h4{display:flex;align-items:center;gap:8px;font-size:13px}.settings-subsection h4 svg{color:#2dd0d6}.settings-subsection p{font-size:11px;color:#a5bbcc;margin:8px 0 13px;line-height:1.55}.lang-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.lang-option{border:1px solid #2b4c64;border-radius:8px;background:#132b3f;color:#dae9f4;padding:11px 7px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px}.lang-option.current,.theme-option.current,.background-option.current{border-color:#21dbdf;box-shadow:0 0 0 1px rgba(14,218,221,.32),inset 0 0 15px rgba(21,172,187,.1)}.lang-option.current{background:#07566c}.themes-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.theme-option{min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;min-height:108px;background:#132d42;color:#e9f7fe;border:1px solid #2b4c64;border-radius:9px;padding:11px 4px}.theme-option b{font-size:9px;font-weight:600;text-align:center;min-height:27px;line-height:1.2}.theme-preview{width:100%;height:38px;border-radius:5px;padding:6px;display:flex;flex-direction:column;gap:4px}.theme-preview i{width:70%;height:5px;border-radius:2px;background:#78bad5}.theme-preview i:nth-child(2){width:93%}.theme-preview i:nth-child(3){width:47%}.mini-light{background:#f2f7fa}.mini-light-contrast{background:#fff;border:1px solid #000}.mini-light-contrast i{background:#152638}.mini-dark{background:#071526}.mini-dark-contrast{background:#000;border:1px solid #fff}.mini-dark-contrast i{background:#aaffff}.mini-grayscale{background:#343434;filter:grayscale(1)}.theme-selected,.checkmark{position:absolute;top:4px;right:4px;background:#1dd3d9;color:#001521;border-radius:50%;padding:2px;display:grid;place-items:center}.background-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.background-option{position:relative;border:1px solid #2b4c64;border-radius:9px;background:#132a3d;color:#dceef6;display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px;font-size:10px;min-width:0;overflow:hidden}.swatch{width:100%;height:51px;display:block;border-radius:5px;background-position:center;background-size:cover}.swatch-mountains{background-image:url('/wallpapers/mountains.svg')}.swatch-forest{background-image:url('/wallpapers/forest.svg')}.swatch-city{background-image:url('/wallpapers/city.svg')}.swatch-aurora{background-image:url('/wallpapers/aurora.svg')}.swatch-abstract{background-image:url('/wallpapers/abstract.svg')}.swatch-none{background:#061523}.swatch-custom{background:linear-gradient(130deg,#16787d,#6735a7)}.upload-option{cursor:pointer}.upload-symbol{display:grid;place-items:center;font-size:23px;height:51px}.file-upload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.settings-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:19px}.settings-foot p{font-size:10px;display:flex;align-items:center;gap:8px;color:#b1cbdb;max-width:60%}.settings-foot .outline-btn{font-size:10px}.profile-config{display:flex;align-items:center;gap:6px;border:1px solid #2b4c64;background:#0a1b2b;padding:6px;border-radius:10px}.profile-config input{width:100%;flex:1;min-width:0;padding:7px;border:0;outline:none;background:none;color:#fff}.profile-config span{font-size:10px;color:#b4ccdb;white-space:nowrap}.profile-config button{font-size:10px;padding:6px 10px}.toast{position:fixed;bottom:88px;right:25px;max-width:390px;background:#0a3f4b;border:1px solid #34bfc9;border-radius:10px;color:white;z-index:40;box-shadow:var(--shadow);padding:14px;display:flex;align-items:center;gap:13px;font-size:12px}
body[data-theme=light]{color-scheme:light;--bg:#e8f0f5;--surface:#fff;--surface2:#f4f8fa;--surface3:#e6eef5;--border:rgba(30,76,104,.18);--text:#142a3a;--text2:#456277;--muted:#667f92;--highlight:rgba(33,156,174,.11);--glass:rgba(255,255,255,.92);--shadow:0 15px 35px rgba(43,82,111,.12)}
body[data-theme=light] .workspace-shell{background:linear-gradient(rgba(237,247,250,.91),rgba(228,239,247,.84)),var(--wallpaper);background-size:cover;background-position:center}
body[data-theme=light] .sidebar{background:rgba(246,251,254,.96)}body[data-theme=light] .brand-sub{color:#506b7d}body[data-theme=light] .nav-link.selected{color:#075967}body[data-theme=light] .stat-card,body[data-theme=light] .app-tile,body[data-theme=light] .group-card,body[data-theme=light] .rail-card,body[data-theme=light] .catalog-top{background:var(--glass)}body[data-theme=light] .search-box{background:#fff;color:#123}body[data-theme=light] .lang-switch{color:#123}body[data-theme=light] .dock{background:#f5fcffef}body[data-theme=light] .dock-settings>svg{background:#dae8f0}body[data-theme=light] .sidebar-bottom small{color:#526e7d}body[data-theme=light] .hero,body[data-theme=light] .hero *{color:#fff}body[data-theme=light] .hero h1 span{color:#36f4f2}body[data-theme=light] .tile-body{color:var(--text)}
body[data-theme=light-contrast]{color-scheme:light;--bg:#fff;--surface:#fff;--surface2:#fff;--surface3:#eee;--border:#17283d;--text:#07121c;--text2:#152333;--muted:#253849;--brand:#006c7a;--highlight:#d3ffff;--glass:#fff;--shadow:none}body[data-theme=light-contrast] .workspace-shell{background:#fff}body[data-theme=light-contrast] .sidebar,body[data-theme=light-contrast] .app-tile,body[data-theme=light-contrast] .group-card,body[data-theme=light-contrast] .rail-card,body[data-theme=light-contrast] .stat-card,body[data-theme=light-contrast] .catalog-top,body[data-theme=light-contrast] .dock{background:white}body[data-theme=light-contrast] .search-box{background:white}body[data-theme=light-contrast] .nav-link.selected{background:#d3ffff;color:#000}
body[data-theme=dark-contrast]{color-scheme:dark;--bg:#000;--surface:#000;--surface2:#080808;--surface3:#171717;--border:#a3faff;--text:#fff;--text2:#fff;--muted:#ddd;--brand:#2dfcff;--highlight:#185758;--glass:#000;--shadow:none}body[data-theme=dark-contrast] .workspace-shell{background:#000}body[data-theme=dark-contrast] .sidebar,body[data-theme=dark-contrast] .app-tile,body[data-theme=dark-contrast] .group-card,body[data-theme=dark-contrast] .rail-card,body[data-theme=dark-contrast] .stat-card,body[data-theme=dark-contrast] .catalog-top,body[data-theme=dark-contrast] .dock,body[data-theme=dark-contrast] .search-box{background:#000}
body[data-theme=grayscale]{filter:grayscale(1);color-scheme:dark;--brand:#d0d0d0;--brand2:#999;--border:rgba(220,220,220,.25);--bg:#151515;--surface:#222;--surface2:#333;--surface3:#444;--glass:#222;--highlight:#555}
@media(max-width:1500px){:root{--sidebar:207px;--rail:244px}.workspace-core{padding:0 12px 100px}.workspace-columns{gap:11px}.quick-grid{gap:7px}.tile-desc{font-size:9px}.group-card{padding:10px}.group-copy strong{font-size:11px}.stat-card{padding:9px;column-gap:7px}}@media(max-width:1280px){:root{--rail:0px}.workspace-columns{grid-template-columns:1fr}.right-rail{display:none}.quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.dock-outer{max-width:calc(100vw - var(--sidebar) - 30px)}}@media(max-width:900px){:root{--sidebar:0px}.sidebar{transform:translateX(-102%);width:245px;transition:transform .22s;box-shadow:var(--shadow)}.sidebar.expanded{transform:translateX(0)}.workspace-core{margin-left:0;padding:0 13px 105px}.mobile-menu-btn{display:inline-flex}.topbar{gap:10px}.search-box{max-width:unset}.explore-badge{padding-left:5px}.user-copy{display:none}.desktop-action{display:none}.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dock-outer{left:50%;max-width:calc(100vw - 24px)}}@media(max-width:630px){.topbar{height:62px}.top-actions{gap:5px}.explore-badge{display:none}.search-box{height:39px;padding:0 10px}.search-box kbd{display:none}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.groups-grid,.catalog-grid{grid-template-columns:1fr}.hero{height:258px}.hero-overlay{padding:21px 20px}.hero h1{font-size:27px}.hero-detail{font-size:11px}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-body{min-height:110px}.catalog-top{align-items:flex-start;flex-direction:column}.dock{gap:0;padding:7px}.dock-item{min-width:39px;padding:0 2px}.dock-item span:last-child{font-size:8px;max-width:43px}.dock-outer{bottom:8px}.app-icon.dock-icon{width:30px;height:30px}.settings-drawer{top:8px;bottom:8px;right:8px;width:calc(100vw - 16px)}.settings-header{padding:15px}.settings-header h2{font-size:16px}.settings-content{padding:0 13px 15px}.settings-tabs{padding:0 13px 10px}.theme-option b{font-size:8px}.lang-option{font-size:10px}.page-footer{font-size:9px}}@media(max-width:370px){.dock-item{min-width:34px}.dock-item span:last-child{display:none}.themes-grid{gap:3px}.background-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.brand-wordmark{display:flex;align-items:center;gap:10px}.brand-wordmark>.brand-logo{width:51px;height:51px;border-radius:13px}.brand-wordmark>span{font-family:Inter,"Segoe UI",sans-serif;font-size:30px;line-height:1;letter-spacing:-.07em;font-weight:800;color:var(--text)}.brand-wordmark>span>span{color:#34d6dc}.brand-wordmark small{font-size:12px;font-weight:400;letter-spacing:.1em;color:var(--text2);display:block;margin-top:6px}.brand .brand-sub{font-size:8px;letter-spacing:.13em;margin:4px 0 0 5px}.brand{padding-bottom:25px}

/* Settings follows each workspace appearance mode; the dark preset retains the cinematic drawer. */
body[data-theme=light] .settings-drawer,body[data-theme=light-contrast] .settings-drawer{background:#fff;color:#112c3d;border-color:var(--border)}
body[data-theme=light] .settings-header p,body[data-theme=light-contrast] .settings-header p,body[data-theme=light] .settings-subsection p,body[data-theme=light-contrast] .settings-subsection p{color:var(--text2)}
body[data-theme=light] .settings-tab,body[data-theme=light-contrast] .settings-tab,body[data-theme=light] .lang-option,body[data-theme=light-contrast] .lang-option,body[data-theme=light] .theme-option,body[data-theme=light-contrast] .theme-option,body[data-theme=light] .background-option,body[data-theme=light-contrast] .background-option{color:var(--text);background:#f3f8fa;border-color:var(--border)}
body[data-theme=light] .settings-tab.active,body[data-theme=light-contrast] .settings-tab.active,body[data-theme=light] .lang-option.current,body[data-theme=light-contrast] .lang-option.current{color:#002b33;background:#bcf2f2}
body[data-theme=light] .profile-config,body[data-theme=light-contrast] .profile-config{background:#eef5f8;border-color:var(--border)}
body[data-theme=light] .profile-config input,body[data-theme=light-contrast] .profile-config input{color:var(--text)}
body[data-theme=light] .profile-config span,body[data-theme=light-contrast] .profile-config span{color:var(--text2)}
body[data-theme=light-contrast] .settings-drawer,body[data-theme=dark-contrast] .settings-drawer{box-shadow:none;border-width:2px}
body[data-theme=dark-contrast] .settings-drawer,body[data-theme=dark-contrast] .settings-tab,body[data-theme=dark-contrast] .lang-option,body[data-theme=dark-contrast] .theme-option,body[data-theme=dark-contrast] .background-option{background:#000;color:#fff;border-color:#fff}

.secondary-link{color:var(--brand);font-size:10px;font-weight:700;background:none;border:0;padding:0;display:inline-flex;gap:4px;align-items:center;margin-bottom:7px}.secondary-link:hover{text-decoration:underline}

/* UBID-WS-1.2AB — App Center & customizable desktop */
.desktop-board{position:relative;border:1px solid rgba(59,194,217,.22);border-radius:17px;padding:17px;background:linear-gradient(155deg,rgba(9,31,49,.73),rgba(8,22,37,.38));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.desktop-section-head{align-items:center;margin-bottom:14px}.section-description{color:var(--text2);font-size:11px;margin-top:5px;line-height:1.5}.section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.desktop-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.desktop-shortcut{min-width:0}.desktop-shortcut.editing{border-style:dashed;border-color:rgba(44,221,222,.65);cursor:grab}.desktop-shortcut.editing:active{cursor:grabbing}.desktop-shortcut .tile-body{min-height:123px}.desktop-shortcut.editing .tile-body{min-height:96px;padding-bottom:4px}
.reorder-controls{display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 2px 8px}.micro-action{border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--text2);display:grid;place-items:center;min-width:21px;min-height:23px;padding:3px}.micro-action:hover{color:var(--brand);border-color:var(--brand)}.micro-action.danger-action:hover{color:#fb818b;border-color:#fb818b}.drag-hint{display:inline-grid;place-items:center;color:var(--muted);margin:0 1px}.desktop-shortcut.is-dragging,.dock-slot.is-dragging{opacity:.4;filter:saturate(.65)}.add-shortcut-tile{border:1px dashed var(--border-hot);border-radius:12px;background:var(--highlight);color:var(--text2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;min-height:129px;font-size:11px}.add-shortcut-tile:hover{color:var(--text);border-color:var(--brand)}
.center-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px 2px 3px}.catalog-hint{font-size:10px;color:var(--muted);margin-left:auto}.catalog-top .catalog-controls{align-items:flex-end;gap:9px}.catalog-select-label{display:flex;flex-direction:column;gap:5px;color:var(--text2);font-size:10px;font-weight:600}.catalog-select-label select{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:10px 28px 10px 10px;font-size:12px;max-width:240px}
.app-center-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}.app-center-item{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:minmax(66px,auto) auto;align-items:start;gap:12px;min-height:153px;background:linear-gradient(140deg,rgba(21,50,69,.88),rgba(9,26,41,.87))}.app-center-item>.app-icon{grid-column:1;grid-row:1}.app-center-item>.catalog-copy{grid-column:2;grid-row:1;min-width:0}.app-center-controls{grid-column:1/-1;grid-row:2;border-top:1px solid var(--border);display:flex;align-items:center;gap:6px;padding-top:9px;justify-content:flex-end}.app-center-controls .favorite-button{position:static;margin-right:auto}.pin-action{background:var(--surface2);border:1px solid var(--border);color:var(--text2);display:inline-grid;place-items:center;padding:7px;border-radius:9px;min-width:33px;min-height:33px}.pin-action:hover,.pin-action.is-pinned{color:var(--brand);border-color:var(--brand)}.pin-action.is-pinned{background:var(--highlight)}.app-center-controls .open-icon{border:1px solid var(--border);border-radius:9px;min-width:33px;min-height:33px;display:grid;place-items:center;color:var(--text)}.app-center-controls .open-icon:hover{color:var(--brand);border-color:var(--brand)}
.dock-slot{position:relative;display:flex;align-items:center;flex-direction:column;border:1px solid transparent;border-radius:10px}.dock-editing .dock-slot{border:1px dashed var(--border-hot);cursor:grab;padding:4px 0}.dock-editing .dock-slot:active{cursor:grabbing}.dock-editing .dock-item{padding-bottom:2px}.dock-slot-controls{display:flex;gap:1px;margin-top:4px}.dock-slot-controls .micro-action{min-width:17px;min-height:19px;padding:1px;border-radius:4px}.dock-tool{display:grid;place-items:center;width:35px;height:35px;border:0;background:none;color:var(--text2);border-radius:10px}.dock-tool:hover,.dock-editing .dock-tool{background:var(--highlight);color:var(--brand)}.dock-outer{max-width:min(95vw,calc(100vw - var(--sidebar) - 30px))}.dock{max-width:100%;overflow-x:auto;scrollbar-width:thin}.dock-separator{flex:none}
.app-detail-drawer{position:fixed;z-index:33;top:50%;left:50%;transform:translate(-50%,-50%);width:min(505px,calc(100vw - 30px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--border-hot);border-radius:19px;padding:25px;background:var(--surface);color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.7)}.detail-top{display:flex;gap:14px;align-items:center}.detail-top>div{min-width:0;flex:1}.detail-top .detail-icon{width:58px;height:58px;border-radius:15px}.detail-top h2{font-size:20px;margin:7px 0 5px;line-height:1.2}.detail-top p:last-child{color:var(--text2);font-size:12px}.detail-description{line-height:1.65;color:var(--text2);margin:20px 0}.detail-meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:17px 0;display:grid;grid-template-columns:80px minmax(0,1fr);gap:11px;font-size:11px;align-items:center}.detail-meta span{color:var(--muted)}.detail-url{overflow-wrap:anywhere}.detail-warning{margin-top:15px;padding:12px;border-radius:10px;background:var(--highlight);border:1px solid var(--border);display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.5}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px}.detail-actions button{white-space:normal;text-align:center}
body[data-theme=light] .desktop-board,body[data-theme=light] .app-center-item{background:rgba(255,255,255,.88)}body[data-theme=light-contrast] .desktop-board,body[data-theme=light-contrast] .app-center-item,body[data-theme=dark-contrast] .desktop-board,body[data-theme=dark-contrast] .app-center-item{background:var(--surface);box-shadow:none}
@media(max-width:1500px){.desktop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-hint{flex-basis:100%;margin-left:0}}@media(max-width:1050px){.app-center-grid{grid-template-columns:1fr}.desktop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.app-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-hint{display:none}}
@media(max-width:670px){.app-center-grid{grid-template-columns:1fr}.desktop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-board{padding:12px}.desktop-section-head{align-items:stretch;flex-direction:column}.section-actions{justify-content:flex-start}.catalog-top .catalog-controls{width:100%}.catalog-select-label{flex:1}.catalog-select-label select{max-width:none;width:100%}.dock-outer{width:max-content;max-width:calc(100vw - 14px)}.dock{padding:6px;overflow-x:auto}.dock-slot .dock-item{min-width:42px}.dock-editing .dock-slot{min-width:43px}.dock-slot-controls .micro-action{min-width:14px}.app-detail-drawer{padding:17px}.detail-actions{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.desktop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-top .catalog-controls{flex-direction:column;align-items:stretch}.dock-slot .dock-item{min-width:38px}}
@media(max-width:480px){.dock-slot .dock-item{min-width:32px}.dock-slot .dock-item span:last-child{display:none}.dock-slot .app-icon.dock-icon{width:28px;height:28px}.dock-tool{width:29px;height:29px}.dock{gap:2px}.dock-settings{min-width:29px}.dock-settings>svg{width:28px;height:28px}.dock-separator{height:28px;margin:0 2px}}