:root{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','PingFang SC','Helvetica Neue',sans-serif;color:#fff;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#302c66}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.wallpaper{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 110%,#faac8599 0,transparent 46%),radial-gradient(ellipse at 5% 96%,#f361a9aa 0,transparent 54%),radial-gradient(ellipse at 72% 0%,#7270c1 0,transparent 58%),linear-gradient(132deg,#172d58 0%,#414881 42%,#664b84 72%,#ac7486 100%)}body.aurora .wallpaper{background:radial-gradient(ellipse at 2% 90%,#116885 0,transparent 65%),radial-gradient(ellipse at 80% 90%,#77937a 0,transparent 58%),linear-gradient(135deg,#172d40,#384d6d 60%,#697282)}header{display:flex;align-items:center;justify-content:space-between;height:55px;padding:0 32px;background:#14183316;border-bottom:1px solid #ffffff0c;font-size:13px}.brand{font-weight:600;display:flex;align-items:center;gap:10px}.brand>span:first-child{font-size:23px}.brand-detail{font-weight:400;color:#ffffff66;font-size:12px;border-left:1px solid #ffffff30;padding-left:12px;margin-left:2px}.menubar{display:flex;gap:20px;align-items:center;font-size:12px;color:#ffffffb3}button{border:0;background:transparent}#appearance{font-size:22px;line-height:1}main{max-width:1100px;margin:auto;padding:35px 35px 0}.top{display:flex;align-items:center;flex-direction:column}h1{font-weight:500;font-size:25px;letter-spacing:3px;margin:0 0 23px;text-shadow:0 2px 15px #13123722}#search-form{display:flex;align-items:center;gap:12px;background:#18234032;border:1px solid #ffffff38;box-shadow:inset 0 1px 1px #ffffff0a,0 6px 20px #1a173211;border-radius:10px;width:310px;padding:8px 13px;backdrop-filter:blur(20px)}#search-form:focus-within{border-color:#ffffff9c;box-shadow:0 0 0 3px #ffffff13}input{min-width:0;background:none;color:inherit;border:0;outline:0}#query{width:100%;font-size:14px;line-height:22px}input::placeholder{color:#ffffff8c}.search-icon{width:13px;height:13px;border:1.5px solid #ffffffb0;border-radius:50%;position:relative;flex-shrink:0}.search-icon:after{content:'';position:absolute;width:5px;height:1.5px;transform:rotate(45deg);background:#ffffffb0;bottom:-3px;right:-3px}kbd{white-space:nowrap;font:11px -apple-system,sans-serif;color:#ffffff5c}#clear{font-size:20px;padding:0;line-height:1}nav{display:flex;gap:6px;margin:24px 0 29px;flex-wrap:wrap;justify-content:center}nav button{font-size:13px;padding:7px 16px;border-radius:20px;color:#ffffff99;transition:.2s}nav button:hover{background:#ffffff10;color:#fff}nav button.active{background:#ffffff20;color:#fff;box-shadow:inset 0 0 0 1px #ffffff18}.launchpad{min-height:405px}.apps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:29px 23px;max-width:940px;margin:auto}.app{position:relative;min-width:0;display:flex;align-items:center;flex-direction:column}.app>a{display:flex;align-items:center;flex-direction:column;gap:12px;width:100%;outline-offset:8px;border-radius:15px}.app-icon{width:78px;height:78px;border-radius:19px;background:linear-gradient(145deg,var(--c1),var(--c2));color:var(--fg,#fff);display:grid;place-items:center;position:relative;font-size:45px;font-weight:600;letter-spacing:-2px;line-height:1;box-shadow:0 8px 15px #17163030,inset 0 1px 1px #ffffff85,inset 0 -1px 1px #00000030;transition:transform .2s,box-shadow .2s;overflow:hidden}.app-icon:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff20;pointer-events:none}.app>a:hover .app-icon{transform:translateY(-5px) scale(1.06);box-shadow:0 14px 20px #17163050,inset 0 1px 1px #ffffff85}.app>a:active .app-icon{transform:scale(.94)}.app-label{font-size:13px;text-align:center;line-height:18px;text-shadow:0 2px 4px #19133060;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove{position:absolute;top:-6px;left:calc(50% - 45px);border-radius:50%;background:#d9d9e6;color:#394052;width:22px;height:22px;padding:0;box-shadow:0 2px 6px #0004;opacity:0;z-index:2;font-size:18px}.app:hover .remove,.remove:focus-visible{opacity:1}.page-indicator{display:flex;justify-content:center;align-items:center;gap:8px;height:50px;font-size:11px;color:#ffffff6b}.page-dot{width:5px;height:5px;background:#ffffff9c;border-radius:50%}footer{position:relative;max-width:1220px;margin:0 auto;padding:0 30px 20px;display:flex;justify-content:center}.dock-wrap{text-align:center}.dock{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:22px;background:#ffffff1e;border:1px solid #ffffff38;box-shadow:0 12px 35px #22173325,inset 0 1px 0 #ffffff18;backdrop-filter:blur(25px)}.dock a{position:relative}.dock .app-icon{width:51px;height:51px;border-radius:12px;font-size:30px;box-shadow:0 4px 7px #17163030,inset 0 1px 1px #ffffff85}.dock a:hover .app-icon{transform:translateY(-8px) scale(1.13)}.dock a:before{content:attr(aria-label);position:absolute;bottom:72px;left:50%;transform:translateX(-50%);padding:5px 10px;background:#26243acc;backdrop-filter:blur(12px);border:1px solid #ffffff30;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none}.dock a:hover:before,.dock a:focus-visible:before{opacity:1}.dock a:last-child{border-left:1px solid #ffffff33;padding-left:16px}.dock-wrap p{font-size:11px;color:#ffffff55;letter-spacing:2px;margin:14px 0 0}.add-button{position:absolute;right:35px;top:24px;font-size:12px;color:#ffffffa0;display:flex;align-items:center;gap:7px}.add-button span{font-size:21px}.domain{position:absolute;left:35px;top:34px;color:#ffffff4d;font-size:11px;letter-spacing:.3px}dialog{color:#eceef9;background:#282d45eb;backdrop-filter:blur(40px);border:1px solid #ffffff30;border-radius:20px;width:380px;max-width:calc(100% - 32px);padding:26px;box-shadow:0 30px 80px #0005}dialog::backdrop{background:#10152d66;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}h2{font-size:19px;font-weight:500;margin:0}.dialog-head button{font-size:25px;color:#ffffff99}label{display:block;font-size:14px;margin-top:20px}label input{display:block;border:1px solid #ffffff25;background:#ffffff07;border-radius:9px;padding:12px;width:100%;margin-top:8px;font-size:14px}.submit,#empty-add{background:#777ff0;border-radius:9px;padding:12px;width:100%;font-size:14px}.storage-note{color:#ffffff70;font-size:12px}#error{font-size:13px;color:#ffb7af}#empty{text-align:center;padding:50px 0;color:#ffffffb0}#empty>span{font-size:50px}#empty p{font-size:14px}#empty-add{width:auto;padding:10px 22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#252840e8;border-radius:10px;font-size:13px;box-shadow:0 8px 30px #0003;z-index:5}#toast:not(:empty){padding:12px 20px}:focus-visible{outline:2px solid #ccd5ff;outline-offset:4px}@media(min-height:850px){main{padding-top:60px}.apps{row-gap:39px}.launchpad{min-height:435px}}@media(max-width:760px){main{padding:30px 20px 0}.apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 10px}.app-icon{width:66px;height:66px;border-radius:16px;font-size:38px}.brand-detail,.domain{display:none}.launchpad{min-height:380px}.add-button{position:static;margin-left:18px}footer{align-items:flex-start;padding:12px 20px}.dock{gap:12px;padding:10px 12px}.dock .app-icon{width:43px;height:43px;font-size:25px}.dock a:last-child{padding-left:12px}.dock-wrap p{margin-top:12px}.menubar{gap:14px}}@media(max-width:450px){header{padding:0 18px;height:48px}.menubar{font-size:11px}h1{font-size:22px}.apps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}nav{gap:2px;margin:20px 0 26px}nav button{font-size:12px;padding:7px 10px}#search-form{width:280px}.app-icon{width:68px;height:68px}.launchpad{min-height:300px}.dock{gap:10px}.dock .app-icon{width:39px;height:39px;border-radius:10px}.dock a:last-child{padding-left:10px}.add-button{font-size:0;margin-left:12px;margin-top:12px}.add-button span{font-size:26px}.remove{opacity:1}footer{margin-top:8px}.app-label{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Soft-focus wallpaper and layered frosted glass */
.wallpaper{inset:-70px;filter:blur(42px) saturate(125%);transform:scale(1.08);background:radial-gradient(ellipse at 12% 80%,#e883b8 0%,#c66eaf70 25%,transparent 49%),radial-gradient(ellipse at 92% 105%,#ffd4ad 0%,#ebaa9b80 24%,transparent 48%),radial-gradient(ellipse at 70% 12%,#87a8ef 0%,#747bc880 29%,transparent 57%),radial-gradient(ellipse at 15% 0%,#183157 0%,transparent 60%),linear-gradient(145deg,#293b68,#726196 60%,#a57b98)}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(130deg,#d5e5ff08,transparent 42%,#fff2df0c);pointer-events:none}body.aurora .wallpaper{background:radial-gradient(ellipse at 5% 90%,#58b5b0 0%,transparent 55%),radial-gradient(ellipse at 90% 95%,#cdd5aa 0%,transparent 55%),radial-gradient(ellipse at 80% 10%,#708cb9 0%,transparent 55%),linear-gradient(135deg,#203447,#51748b 60%,#9ba48d)}header{background:linear-gradient(110deg,#ffffff0d,#ffffff04);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-bottom:1px solid #ffffff14;box-shadow:0 1px 0 #14214409}h1{font-size:24px;font-weight:500;letter-spacing:2px;text-shadow:0 2px 16px #18314d20}#search-form{width:332px;padding:10px 15px;border-radius:13px;background:linear-gradient(125deg,#ffffff26,#ffffff0f);border:1px solid #ffffff38;backdrop-filter:blur(32px) saturate(155%);-webkit-backdrop-filter:blur(32px) saturate(155%);box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff0a,0 8px 28px #182a5412}#search-form:focus-within{background:linear-gradient(125deg,#ffffff32,#ffffff18);border-color:#ffffff73;box-shadow:inset 0 1px 0 #ffffff50,0 0 0 3px #ffffff0c,0 8px 30px #182a5418}#query::placeholder{color:#ffffffe0}kbd{color:#ffffff8c}nav{padding:5px;gap:3px;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(115deg,#ffffff16,#ffffff08);box-shadow:inset 0 1px 0 #ffffff17,0 5px 18px #1925460b;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);margin-top:22px;margin-bottom:34px}nav button{color:#ffffffc7;padding:7px 16px}nav button.active{background:linear-gradient(135deg,#ffffff40,#ffffff1c);box-shadow:inset 0 1px 0 #ffffff44,inset 0 0 0 1px #ffffff24,0 3px 9px #17254713}nav button:hover{background:#ffffff1b}.app-icon{border-radius:21px;background:linear-gradient(150deg,color-mix(in srgb,var(--c1),white 16%),var(--c1) 25%,var(--c2));box-shadow:0 9px 15px -5px #14244744,0 2px 3px #17274818,inset 0 1.5px 1px #ffffffa0,inset 1px 0 1px #ffffff44,inset 0 -2px 2px #00000016;text-shadow:0 1px 2px #0000000c}.app-icon:after{background:linear-gradient(150deg,#ffffff22,transparent 38%,transparent 65%,#ffffff08);border:1px solid #ffffff38;box-shadow:inset 0 0 0 1px #ffffff0a}.app>a:hover .app-icon{box-shadow:0 17px 23px -7px #14244755,inset 0 1.5px 1px #ffffffa0,inset 1px 0 1px #ffffff44,inset 0 -2px 2px #00000016}.app-label{font-weight:500;text-shadow:0 1px 4px #18315540}.dock{position:relative;gap:18px;padding:13px 18px;border-radius:25px;background:linear-gradient(115deg,#ffffff35,#ffffff16 45%,#ffffff29);border:1px solid #ffffff4c;backdrop-filter:blur(40px) saturate(165%);-webkit-backdrop-filter:blur(40px) saturate(165%);box-shadow:inset 0 1px 1px #ffffff65,inset 1px 0 1px #ffffff20,inset 0 -1px 1px #ffffff20,0 16px 35px -12px #21234850,0 3px 8px #27354e12}.dock .app-icon{border-radius:14px;box-shadow:0 5px 8px -2px #17263e40,inset 0 1px 1px #ffffff90,inset 0 -1px 1px #00000015}.dock a:last-child{border-left-color:#ffffff38}.dock-wrap p{color:#ffffff85}.page-indicator{color:#ffffff9c}.add-button{padding:8px 12px;top:18px;border:1px solid #ffffff25;border-radius:12px;background:linear-gradient(130deg,#ffffff1d,#ffffff09);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#ffffffca;box-shadow:inset 0 1px 0 #ffffff15}.add-button:hover{background:#ffffff29}.domain{color:#ffffff80}dialog{background:linear-gradient(135deg,#626985d9,#3f496bd9);border:1px solid #ffffff45;box-shadow:inset 0 1px 0 #ffffff45,0 30px 80px #14244750;-webkit-backdrop-filter:blur(40px)}@media(max-width:760px){.app-icon{border-radius:18px}.dock{gap:12px;padding:11px 14px}.add-button{padding:7px 10px}}@media(max-width:450px){#search-form{width:min(100%,300px)}nav{gap:1px;padding:4px;border-radius:19px;margin-bottom:29px}nav button{padding:7px 9px}.dock{gap:10px;padding:11px 12px;border-radius:21px}.dock .app-icon{border-radius:11px}.add-button{padding:4px 7px}.wallpaper{filter:blur(30px)}h1{font-size:22px}}@media(prefers-reduced-transparency:reduce){#search-form,nav,.dock{background:#626984}header{background:#3b4a6b}}
/* Actual LiquidGlass surfaces; their child content must remain optically clear. */
.search-glass,.category-glass,.dock-glass{isolation:isolate;max-width:100%}.category-glass{margin:22px 0 34px}.liquid-surface #search-form,.liquid-surface nav,.liquid-surface .dock{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.liquid-surface nav{margin:0}.liquid-surface #search-form{border-radius:16px;padding:11px 16px}.liquid-surface #search-form input{width:100%;font-size:14px;line-height:22px}.liquid-surface #search-form:focus-within{outline:2px solid #ffffff70;outline-offset:2px}.liquid-surface .dock{padding:14px 19px}.menubar>button{font-size:22px}.wallpaper{filter:blur(24px) saturate(110%)}@media(max-width:450px){.category-glass{margin:20px 0 29px}.liquid-surface nav{gap:0;padding:4px}.liquid-surface nav button{padding:7px 8px}.liquid-surface .dock{padding:12px}.liquid-surface #search-form{width:280px}}
.glass-host{position:relative;isolation:isolate;flex-shrink:0}.search-glass{width:332px;height:44px}.category-glass{width:522px;height:45px}.dock-glass{width:381px;height:79px}.glass-host>.opacity-0{opacity:0}.glass-host>.pointer-events-none{pointer-events:none}.glass-host>.bg-black{background:#000}.glass-host .liquid-surface{white-space:nowrap}.glass-host nav{flex-wrap:nowrap}.glass-host .glass{box-shadow:0 8px 30px #19234414}.search-glass .liquid-surface{width:100%}.search-glass #search-form{width:100%}.dock-glass .liquid-surface{width:100%}@media(max-width:760px){.dock-glass{width:321px;height:71px}.liquid-surface .dock{padding:14px}.category-glass{max-width:100%}}@media(max-width:450px){.search-glass{width:280px}.category-glass{width:338px;height:40px}.dock-glass{width:279px;height:63px}.liquid-surface .dock{padding:12px}}
.search-glass .glass,.search-glass .glass>div,.dock-glass .glass,.dock-glass .glass>div{width:100%}.glass-host .liquid-surface{line-height:0}.glass-host .glass>div{line-height:normal}.glass-host>span{max-width:100%}