:root{--bg:#08080a;--ink:#f4f4f6;--muted:#8a8a95;--hi:#6fd1e0;--accent:#d65f3c;--line:rgba(255,255,255,.1);font-family:-apple-system,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:radial-gradient(140% 90% at 50% -20%,#101015 0%,var(--bg) 50%),var(--bg)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}#root{position:relative;z-index:1}a{color:inherit}button{font-family:inherit}.center{min-height:100vh;display:grid;place-items:center}.muted{color:var(--muted)}.hi{color:var(--hi)}.mono{font-family:SF Mono,ui-monospace,Menlo,monospace}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;cursor:pointer}.brand .mark{height:33px;width:auto}.brand .brand-wm{height:30px;width:auto}.topbar .right{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}.navburger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:none;border:none;color:var(--text, #e6e6ea);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}.navburger:hover{background:var(--surface-2, rgba(255,255,255,.06))}.navburger svg{width:24px;height:24px}@media(max-width:640px){.navburger{display:inline-flex}.topbar .right{position:absolute;top:calc(100% + 6px);right:14px;left:14px;z-index:30;flex-direction:column;align-items:stretch;gap:8px;padding:12px;border-radius:16px;background:var(--card, #14141a);border:1px solid var(--line);box-shadow:0 24px 60px -18px #0009;display:none}.topbar .right.open{display:flex}.topbar .right .btn{width:100%}.topbar .right>span{text-align:center;padding:2px 0}}.container{max-width:1100px;margin:0 auto;padding:28px}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}h2{font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:none;border-radius:11px;cursor:pointer;font-size:14px;font-weight:600;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,black));box-shadow:inset 0 1px #ffffff38,0 12px 28px -12px var(--accent);transition:transform .14s,filter .14s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn[disabled]{opacity:.5;cursor:default;transform:none}.btn.ghost{background:transparent;color:#e6e6ea;border:1px solid rgba(255,255,255,.2);box-shadow:none}.btn.ghost:hover{background:#ffffff12}.btn.sm{padding:7px 12px;font-size:12.5px;border-radius:9px}.field,select.field{width:100%;padding:12px 14px;border-radius:11px;background:#00000052;color:#fff;font-size:14px;border:1px solid rgba(255,255,255,.14);outline:none}select.field{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:38px;line-height:1.2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a95' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center}.field:focus{border-color:color-mix(in srgb,var(--accent) 70%,white 10%)}.field::placeholder{color:#7d7d88}label.lbl{display:block;font-size:12px;color:var(--muted);margin:0 0 6px}.err{color:#ff8f8f;font-size:13px}.glass{background:#1010148c;border:1px solid var(--line);border-radius:16px;box-shadow:inset 0 1px #ffffff14,0 24px 60px -36px #000c}.pad{padding:18px}.stack{display:flex;flex-direction:column;gap:14px}.authpage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.authpage .acanvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 38%,#07070a))}.authpage .ascrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 78% 50%,#000000db,#00000080 40%,#0003 70%),linear-gradient(180deg,#00000080,#0000001a 30%,#000000b8)}.authpage .aglow{position:absolute;z-index:1;pointer-events:none;right:-6%;top:18%;width:48%;height:70%;background:radial-gradient(50% 55% at 60% 55%,var(--accent) 0%,transparent 70%);filter:blur(60px) saturate(1.2);opacity:.42}.authpage .agrain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.authpage .astage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding:34px}.signin{width:min(440px,100%);padding:30px;border-radius:24px;backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4);box-shadow:inset 0 1px #ffffff29,0 30px 90px -30px #000000d1}.signin-logo{display:flex;align-items:center;gap:11px;margin-bottom:18px;color:#fff}.signin-logo .mark{height:45px;width:auto}.signin-logo .signin-wm{height:42px;width:auto}.signin h1{margin-bottom:6px}.signin p{color:var(--muted);font-size:14px;margin:0 0 20px;line-height:1.5}@media(max-width:560px){.authpage .astage{justify-content:center;padding:22px}}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:#ffffff0d;border:1px solid var(--line)}.seg button{display:grid;place-items:center;min-width:30px;height:30px;padding:0 9px;border:none;background:transparent;color:#b9b9c4;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:600}.seg button:hover{color:#fff}.seg button.on{background:#ffffff21;color:#fff}.flist{display:flex;flex-direction:column;gap:1px;margin-top:8px}.flrow{display:flex;align-items:center;gap:14px;padding:9px 12px;border-radius:10px;cursor:pointer}.flrow:hover{background:#ffffff0a}.flmain{flex:1;min-width:0}.flname{font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flsub{font-size:11.5px;color:var(--muted)}.flgate{font-size:12px;color:var(--hi);flex:none}.fldate{font-size:11.5px;color:var(--muted);flex:none;min-width:88px;text-align:right}.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:40px 32px;margin-top:8px}.ftile{cursor:pointer}.ftile .frame{position:relative}.ftile .glow{position:absolute;left:-18%;right:-18%;top:15%;bottom:-11%;background:radial-gradient(68% 75% at 50% 64%,var(--tile-accent,#7b74e0) 0%,transparent 72%);filter:blur(24px) saturate(1.2);opacity:.55;z-index:0;pointer-events:none}.ftile svg{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.5))}.ftile .badge{position:absolute;z-index:2;top:4%;right:4.5%;display:inline-flex;align-items:center;gap:5px;padding:.4em .85em;border-radius:999px;font-size:calc(var(--tw,240px)*.05);font-weight:600;color:#fff;white-space:nowrap;background:#0a0a0e80;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff2e}.ftile .ttl{position:absolute;z-index:2;left:6%;bottom:6%;right:6%;font-size:calc(var(--tw,240px)*.082);font-weight:700;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ftile .sub{margin-top:12px;font-size:12px;color:var(--muted)}.ftile .sub b{color:var(--hi);font-weight:600}.files{display:flex;flex-direction:column;gap:1px}.frow{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px}.frow:hover{background:#ffffff0a}.frow .ic{width:34px;height:34px;flex:none;border-radius:8px;background:#0d0d11 center/cover no-repeat;display:grid;place-items:center;color:#54545f}.frow .ic svg{width:18px;height:18px}.frow .fn{flex:1;min-width:0}.frow .fn .nm{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frow .fn .mt{font-size:11.5px;color:var(--muted)}.frow .tag{font-size:11px;color:#f0c98a}.frow .x{cursor:pointer;color:var(--muted);border:none;background:none;padding:6px;border-radius:8px}.frow .x:hover{color:#ff8f8f;background:#ffffff0d}.drop{border:1.5px dashed rgba(255,255,255,.18);border-radius:14px;padding:26px;text-align:center;color:var(--muted);font-size:13.5px;transition:border-color .15s,background .15s;cursor:pointer}.drop.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:#e6e6ea}.prog{height:5px;border-radius:999px;background:#ffffff1a;overflow:hidden;margin-top:8px}.prog>i{display:block;height:100%;background:var(--accent);transition:width .15s}.frow.clickable{cursor:pointer}.frow .ic.thumb{background-size:cover;background-position:center;color:transparent}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#040406f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.lb-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;z-index:2}.lb-name{font-size:13px;color:#cfcfd6;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#e6e6ea;cursor:pointer;text-decoration:none}.lb-btn:hover{background:#ffffff1f}.lb-stage{max-width:92vw;max-height:84vh;display:flex;align-items:center;justify-content:center}.lb-media{max-width:92vw;max-height:84vh;border-radius:8px;box-shadow:0 30px 80px -20px #000c}.lb-pdf{width:90vw;height:84vh;border:none;border-radius:8px;background:#fff}.lb-audio{padding:30px}.lb-none{color:var(--muted);display:flex;flex-direction:column;align-items:center}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:#14141899;color:#fff;cursor:pointer;z-index:2}.lb-nav:hover{background:#282830cc}.lb-nav.prev{left:18px}.lb-nav.next{right:18px}.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}.astat{background:#ffffff08;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.aval{font-size:26px;font-weight:750;letter-spacing:-.02em}.albl{font-size:11.5px;color:var(--muted);margin-top:2px}.adthumb{width:96px;height:54px;border-radius:8px;flex:none;background:#0d0d11 center/cover no-repeat;border:1px solid var(--line);display:grid;place-items:center;color:#54545f;font-size:10px}.mediathumb{width:56px;height:40px;border-radius:7px;flex:none;object-fit:cover;display:block;background:#0d0d11 center/cover no-repeat;border:1px solid var(--line)}.mthumb-x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:none;background:#1a1a1f;color:#ff8f8f;font-size:13px;line-height:1;cursor:pointer;box-shadow:0 2px 6px #00000080}.mthumb-x:hover{background:#2a2a30}.share{display:flex;align-items:center;gap:8px}.share .url{flex:1;min-width:0;padding:11px 13px;border-radius:10px;background:#00000052;border:1px solid var(--line);font:12.5px SF Mono,ui-monospace,Menlo,monospace;color:#cfcfd6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copied{color:var(--hi);font-size:12px}
