:root{--green:#16763c;--ink:#fff;--muted:rgba(255,255,255,.62);--glass:rgba(255,255,255,.1);--edge:rgba(255,255,255,.16)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:radial-gradient(circle at 12% -5%,rgba(83,180,116,.34),transparent 30%),radial-gradient(circle at 90% 10%,rgba(32,117,82,.28),transparent 34%),linear-gradient(145deg,#071d15,#0a2d20 52%,#061810);background-attachment:fixed}body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.28) 1px,transparent 0);background-size:24px 24px}button,input,select,textarea{font:inherit}button{cursor:pointer}.locked{overflow:hidden}.os-header{position:sticky;top:0;z-index:20;padding:10px 18px calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid rgba(255,255,255,.12);background:rgba(4,27,18,.56);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}.os-header-inner{max-width:820px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:146px;height:54px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.22));background:#fff;border-radius:13px;padding:3px 7px}.brand h1{margin:0;font-size:20px;font-weight:900;letter-spacing:-.03em}.brand p{margin:3px 0 0;color:var(--muted);font-size:11px}.header-actions{display:flex;align-items:center;gap:8px}.cloud-pill{padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.54);font-size:11px;font-weight:750;white-space:nowrap}.cloud-pill.on{background:rgba(48,207,111,.14);border-color:rgba(66,223,126,.32);color:#91e9b1}.settings{width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.1);color:#fff;font-size:20px;box-shadow:inset 0 1px rgba(255,255,255,.18)}.os-body{position:relative;z-index:1;max-width:820px;margin:auto;padding:18px 14px 34px}.glass-slab{padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:linear-gradient(155deg,rgba(255,255,255,.11),rgba(255,255,255,.045));box-shadow:0 28px 75px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.18);backdrop-filter:blur(32px) saturate(170%);-webkit-backdrop-filter:blur(32px) saturate(170%)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding:2px 4px}.section-head b{font-size:15px}.section-head span{margin-left:8px;color:var(--muted);font-size:11px}.section-head button{padding:8px 12px;border:1px solid rgba(255,255,255,.17);border-radius:11px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:800}#grid{display:grid;gap:11px}.tile{display:grid;grid-template-columns:1fr auto;overflow:hidden;border:1px solid var(--edge);border-radius:22px;background:var(--glass);box-shadow:0 13px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.19);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);transition:.17s}.tile:hover{transform:translateY(-2px);background:rgba(255,255,255,.15)}.tile-main{display:flex;align-items:center;gap:14px;min-height:78px;padding:11px 14px;border:0;background:transparent;color:#fff;text-align:left}.tile-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:17px;background:linear-gradient(155deg,var(--c1),var(--c2));box-shadow:0 8px 22px color-mix(in srgb,var(--c2) 36%,transparent),inset 0 1px rgba(255,255,255,.42);font-size:22px;font-weight:950;text-shadow:0 1px 2px rgba(0,0,0,.24)}.mat-1{--c1:#ff7293;--c2:#e01f54}.mat-2{--c1:#ff9834;--c2:#b85b00}.mat-3{--c1:#37cc64;--c2:#207f3b}.mat-4{--c1:#5daaff;--c2:#0875e7}.mat-5{--c1:#a58af2;--c2:#6938d8}.mat-6{--c1:#e8b63b;--c2:#96710e}.mat-7{--c1:#18c9cd;--c2:#0b7d80}.mat-8{--c1:#ff7e7e;--c2:#e82c2c}.tile-info{min-width:0;flex:1}.tile-info strong,.tile-info small{display:block}.tile-info strong{font-size:17px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-info small{margin-top:4px;color:var(--muted);font-size:11px}.tile.empty{border-style:dashed}.tile.empty .tile-icon{filter:saturate(.55);opacity:.76}.tile-arr{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.07);color:rgba(255,255,255,.65);font-size:22px;font-style:normal}.tile-actions{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1)}.tile-actions button{flex:1;min-width:58px;border:0;background:rgba(255,255,255,.035);color:rgba(255,255,255,.55);font-size:10px}.tile-actions button+button{border-top:1px solid rgba(255,255,255,.1)}.tile-actions .delete{color:#e9a6a6}.add-tile{display:flex;align-items:center;justify-content:center;gap:8px;min-height:62px;border:1px dashed rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.7);font-weight:800}.add-tile b{font-size:22px}.foot{margin:18px 0 0;color:rgba(255,255,255,.4);font-size:10px;text-align:center}.overlay{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.42);opacity:0;visibility:hidden;transition:.24s;backdrop-filter:blur(5px)}.overlay.open{opacity:1;visibility:visible}.settings-panel{position:fixed;z-index:50;left:50%;bottom:0;width:min(720px,100%);height:min(88vh,850px);transform:translate(-50%,105%);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-bottom:0;border-radius:28px 28px 0 0;background:linear-gradient(165deg,rgba(24,62,43,.98),rgba(6,31,21,.99));box-shadow:0 -24px 70px rgba(0,0,0,.46);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.settings-panel.open{transform:translate(-50%,0)}.panel-grab{width:44px;height:5px;margin:8px auto 2px;border-radius:99px;background:rgba(255,255,255,.26)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 19px 13px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-head h2{margin:0;font-size:18px}.panel-head button{width:34px;height:34px;border:0;border-radius:11px;background:rgba(255,255,255,.09);color:#fff;font-size:23px}.panel-body{height:calc(100% - 58px);overflow:auto;padding:18px 20px 44px}.panel-body section{display:grid;gap:11px}.panel-body h3{margin:0;font-size:15px}.note,.warning{margin:0;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.58);font-size:11px;line-height:1.65}.warning{border-color:rgba(236,180,70,.25);color:#e8c781}.panel-body label,dialog label{display:grid;gap:6px;color:rgba(255,255,255,.8);font-size:11px;font-weight:750}.panel-body input,.panel-body select,.panel-body textarea,dialog input{width:100%;min-height:42px;padding:9px 11px;border:1px solid rgba(255,255,255,.14);border-radius:11px;outline:none;background:rgba(255,255,255,.08);color:#fff}.panel-body select option{color:#111}.panel-body textarea{resize:vertical}.panel-body input:focus,.panel-body select:focus,.panel-body textarea:focus{border-color:rgba(109,215,145,.62);box-shadow:0 0 0 3px rgba(58,174,96,.12)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important}.check input{width:16px!important;min-height:16px!important;accent-color:#3bc66d}.button-row,.dialog-actions{display:flex;gap:8px}.button-row button,.primary,.secondary{min-height:39px;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;font-size:11px;font-weight:800}.button-row .primary,.primary{border-color:transparent;background:linear-gradient(135deg,#2dad5d,#16763c)}.button-row .violet{background:linear-gradient(135deg,#8a65e8,#6336ca)}.wide{width:100%}.summary,.status{min-height:0;color:rgba(255,255,255,.6);font-size:11px}.status{display:none;padding:9px 11px;border-radius:10px}.status.show{display:block}.status.ok{background:rgba(46,199,105,.12);color:#91e9b1}.status.bad{background:rgba(238,75,75,.12);color:#f3a0a0}.panel-body hr{height:1px;margin:18px 0;border:0;background:rgba(255,255,255,.1)}dialog{width:min(430px,calc(100% - 26px));border:1px solid rgba(255,255,255,.18);border-radius:22px;background:linear-gradient(165deg,#183d2c,#071f15);color:#fff;padding:20px;box-shadow:0 25px 80px rgba(0,0,0,.5)}dialog::backdrop{background:rgba(0,0,0,.48);backdrop-filter:blur(5px)}dialog form{display:grid;gap:14px}.dialog-head{display:flex;justify-content:space-between;gap:14px}.dialog-head h2{margin:0;font-size:20px}.dialog-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.dialog-head button{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:22px}.dialog-actions{justify-content:flex-end}.dialog-actions>button:first-child{background:rgba(255,255,255,.08)}.toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translate(-50%,20px);padding:10px 16px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(4,25,17,.94);color:#fff;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:640px){.brand img{width:108px;height:44px}.brand h1{font-size:17px}.cloud-pill{display:none}.os-header{padding-inline:12px}.glass-slab{padding:13px;border-radius:23px}.tile-main{min-height:72px;padding:9px 11px}.tile-icon{width:50px;height:50px;border-radius:15px}.tile-actions button{min-width:52px}.two{grid-template-columns:1fr}.panel-body{padding-inline:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}