:root{--brand:#1677ff;--brand2:#8b5cf6;--ink:#13213a;--muted:#66748a;--line:rgba(255,255,255,.66);--surface:rgba(255,255,255,.48);--bg:#eef5ff}
body{background:radial-gradient(circle at 14% 8%,rgba(77,191,255,.30),transparent 30%),radial-gradient(circle at 86% 4%,rgba(173,103,255,.25),transparent 30%),radial-gradient(circle at 75% 86%,rgba(255,126,179,.22),transparent 34%),linear-gradient(145deg,#eef8ff 0%,#f7f3ff 48%,#f4fbff 100%);background-attachment:fixed}
.glow{filter:blur(18px);animation:floatGlass 10s ease-in-out infinite alternate}.glow-one{background:radial-gradient(circle,rgba(91,123,255,.22),transparent 68%)}.glow-two{background:radial-gradient(circle,rgba(255,118,190,.20),transparent 68%);animation-delay:-4s}
.site-header{background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.32));border-bottom:1px solid rgba(255,255,255,.8);box-shadow:0 8px 34px rgba(59,85,130,.08),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(30px) saturate(190%);-webkit-backdrop-filter:blur(30px) saturate(190%)}
.brand-mark{background:linear-gradient(145deg,rgba(38,126,255,.94),rgba(139,92,246,.9));border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 28px rgba(55,109,240,.27),inset 0 1px rgba(255,255,255,.58)}
.status,.search{background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.35));border:1px solid rgba(255,255,255,.82);box-shadow:0 14px 40px rgba(54,78,123,.10),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%)}.search input{background:transparent}.search kbd{background:rgba(255,255,255,.38);border-color:rgba(255,255,255,.8)}
.panel{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.86);box-shadow:0 30px 90px rgba(50,74,118,.14),inset 0 1px rgba(255,255,255,.92),inset 0 -1px rgba(255,255,255,.25);backdrop-filter:blur(34px) saturate(180%);-webkit-backdrop-filter:blur(34px) saturate(180%)}.panel:before{content:"";position:absolute;inset:0 0 auto;height:45%;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.30),transparent);border-radius:inherit}.panel-head,.file-list{position:relative;z-index:1}.panel-head{border-bottom-color:rgba(255,255,255,.55)}
.file-row{grid-template-columns:48px minmax(0,1fr) 145px minmax(210px,auto);border:1px solid transparent}.file-row:hover{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.39));border-color:rgba(255,255,255,.88);box-shadow:0 14px 36px rgba(47,71,112,.11),inset 0 1px rgba(255,255,255,.9)}.file-icon{border:1px solid rgba(255,255,255,.72);box-shadow:0 8px 20px rgba(48,79,129,.10),inset 0 1px rgba(255,255,255,.75)}.file-icon.file{background:linear-gradient(145deg,rgba(231,243,255,.88),rgba(221,232,255,.55));color:#2a75db}.file-icon.folder{background:linear-gradient(145deg,rgba(239,233,255,.9),rgba(221,214,254,.58))}
.action-group{display:flex;align-items:center;gap:8px}.glass-action{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:13px;border:1px solid rgba(255,255,255,.82);background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(255,255,255,.32));box-shadow:0 7px 20px rgba(51,77,122,.09),inset 0 1px rgba(255,255,255,.9);color:#3e587a;font:inherit;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,color .18s;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.glass-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.glass-action b{font-size:12px;white-space:nowrap}.glass-action:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(42,78,143,.15),inset 0 1px rgba(255,255,255,.95)}.save-action{color:#fff;background:linear-gradient(135deg,rgba(38,126,255,.92),rgba(111,91,246,.88));border-color:rgba(255,255,255,.55);box-shadow:0 10px 24px rgba(58,105,233,.25),inset 0 1px rgba(255,255,255,.48)}.share-action:active,.save-action:active{transform:scale(.96)}
.toast{position:fixed;left:50%;bottom:34px;z-index:50;display:flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.46));box-shadow:0 18px 50px rgba(37,58,96,.2),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);opacity:0;transform:translate(-50%,20px) scale(.96);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0) scale(1)}.toast span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#22c55e}.toast b{font-size:12px}
@keyframes floatGlass{from{transform:translate3d(0,-8px,0) scale(1)}to{transform:translate3d(18px,12px,0) scale(1.06)}}
@media(max-width:860px){.file-row{grid-template-columns:44px minmax(0,1fr) auto}.file-row time{display:none}.action-group{grid-column:2/4;justify-self:stretch}.glass-action{flex:1}.file-entry{padding-top:12px;padding-bottom:12px}}
@media(max-width:520px){.action-group{grid-column:1/4;margin-top:3px}.glass-action{height:40px}.glass-action b{display:inline}.file-row{min-height:76px}.panel{background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.34))}}
@media(prefers-reduced-motion:reduce){.glow{animation:none}}