:root,[data-theme=dark]{--bg:#0f1117;--bg2:#141722;--card:#181b24;--card2:#1f2330;--border:#2a2f3f;--accent:#e8734a;--accent2:#f0935f;--text:#eef0f5;--muted:#9aa1b5;--ok:#4cc38a;--warn:#e5b454;--radius:16px;--shadow:0 10px 34px rgba(0,0,0,.35)}[data-theme=light]{--bg:#f5f4fb;--bg2:#ffffff;--card:#ffffff;--card2:#f4f1fb;--border:#e4e1ee;--accent:#e8734a;--accent2:#f0935f;--text:#221f2c;--muted:#7c7891;--ok:#2e9e6b;--warn:#b8790a;--radius:16px;--shadow:0 10px 30px rgba(80,60,120,.1)}*{box-sizing:border-box;margin:0;padding:0}html{transition:background-color .25s ease}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1100px 500px at 12% -10%,rgba(232,115,74,.12),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(232,115,74,.08),transparent 55%),var(--bg);color:var(--text);min-height:100vh;transition:color .2s ease}a{color:var(--accent);text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:40}.topbar .brand{font-weight:800;font-size:18px;color:var(--text)}.topbar .brand span{color:var(--accent)}.topbar .who{display:flex;align-items:center;gap:10px}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--card2);color:var(--text);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.theme-toggle.floating{position:fixed;top:16px;right:16px;z-index:50;box-shadow:var(--shadow)}.userMenu{position:relative}.userMenu-trigger{display:flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--border);border-radius:24px;padding:6px 12px 6px 6px;cursor:pointer;color:var(--text);font-family:inherit;transition:.15s}.userMenu-trigger:hover{border-color:var(--accent)}.userMenu-trigger .avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800;font-size:12px}.userMenu-trigger .whoname{font-size:14px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userMenu-trigger .chev{color:var(--muted);transition:transform .2s}.userMenu-trigger .chev.open{transform:rotate(180deg)}.userMenu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.userMenu-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;z-index:46}.userMenu-info{padding:12px 16px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--card2)}.userMenu-info b{color:var(--accent);font-size:14px}.userMenu-dropdown button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;text-align:left;padding:12px 16px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;font-family:inherit;transition:.12s}.userMenu-dropdown button:hover{background:var(--card2)}.userMenu-dropdown button.danger{color:var(--warn)}.userMenu-dropdown .mi{font-size:15px}.menufade-enter-active,.menufade-leave-active{transition:opacity .15s ease,transform .15s ease}.menufade-enter-from,.menufade-leave-to{opacity:0;transform:translateY(-6px)}.needtopup{margin:16px auto 0;max-width:560px;background:#e8734a1a;border:1px solid var(--accent);color:var(--text);border-radius:12px;padding:16px;text-align:center}.needtopup .btn{width:auto;margin-top:12px;display:inline-block}.bignum{font-size:40px;font-weight:800;color:var(--accent);text-align:center;margin:8px 0}.hintline{color:var(--muted);font-size:13px;text-align:center;margin-top:8px}.wrap{max-width:1000px;margin:0 auto;padding:24px 16px 60px}.intro{text-align:center;color:var(--muted);margin-top:6px;font-size:15px}.remainrow{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:14px;color:var(--text)}.remainrow b{color:var(--accent)}.authwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.authcard{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.authcard h1{font-size:24px;text-align:center;color:var(--text)}.authcard h1 span{color:var(--accent)}.authcard .sub{color:var(--muted);text-align:center;margin-top:6px;font-size:14px}.field{margin-top:16px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px;font-family:inherit;font-size:15px}.field input:focus{outline:none;border-color:var(--accent)}.formmsg{margin-top:14px;font-size:14px;text-align:center;min-height:18px}.formmsg.err{color:var(--warn)}.formmsg.ok{color:var(--ok)}.switch{margin-top:16px;text-align:center;color:var(--muted);font-size:14px}.btn{border:none;border-radius:12px;padding:13px 22px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s;width:100%;margin-top:20px}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 8px 24px #e8734a52}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #e8734a66}.btn.primary.big{width:auto;padding:15px 34px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn.ghost{background:var(--card2);color:var(--text);border:1px solid var(--border);width:auto;margin:0;padding:8px 14px;font-size:14px}.btn.ghost:hover{border-color:var(--accent)}.btn.ghost.sm{padding:6px 10px;font-size:12.5px;border-radius:9px}.uploads{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}@media (max-width:700px){.uploads{grid-template-columns:1fr}}.dropzone{background:var(--card);border:2px dashed var(--border);border-radius:var(--radius);padding:18px;text-align:center;transition:.2s;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:default}.dropzone:hover{border-color:var(--accent)}.dropzone.filled{border-style:solid}.dropzone .icon{font-size:34px}.dropzone .tt{font-weight:600;font-size:16px}.dropzone img.preview{max-width:100%;max-height:150px;border-radius:10px;object-fit:contain}.pickrow{display:flex;gap:8px;margin-top:6px}.actionbar{display:flex;justify-content:center;margin-top:22px}.status{margin:18px auto 0;max-width:560px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 18px;text-align:center;font-size:14px;color:var(--muted)}.status b{color:var(--text)}.warnbox{margin:14px auto 0;max-width:640px;background:#e5b45414;border:1px solid rgba(229,180,84,.4);color:var(--warn);border-radius:12px;padding:12px 16px;font-size:14px;text-align:center}.fadeSwap-enter-active,.fadeSwap-leave-active{transition:opacity .28s ease,transform .28s ease}.fadeSwap-enter-from,.fadeSwap-leave-to{opacity:0;transform:translateY(8px)}.loadingcard{margin-top:26px;min-height:210px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.loadingcard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(232,115,74,.12) 45%,transparent 65%);background-size:250% 100%;animation:loadingsheen 2.2s linear infinite}@keyframes loadingsheen{0%{background-position:150% 0}to{background-position:-50% 0}}.loadingart{font-size:44px;animation:roll 1.1s ease-in-out infinite;z-index:1}@keyframes roll{0%,to{transform:rotate(-14deg) translateY(0)}50%{transform:rotate(14deg) translateY(-6px)}}.loadingphrase{font-size:15.5px;font-weight:600;color:var(--text);z-index:1}.loadingbar{width:220px;height:6px;border-radius:6px;background:var(--card2);overflow:hidden;z-index:1}.loadingbar-fill{width:40%;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent2));animation:loadingslide 1.3s ease-in-out infinite}@keyframes loadingslide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.loadingtime{font-size:12.5px;color:var(--muted);z-index:1}.gallery{margin-top:34px}.gallery h3{font-size:16px;color:var(--muted);margin-bottom:12px;font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.gallery-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid var(--border);aspect-ratio:1/1;transition:.15s}.gallery-item:hover{transform:translateY(-3px);border-color:var(--accent)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-badge{position:absolute;right:6px;bottom:6px;background:#0000008c;color:#fff;font-size:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060adb;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.lightbox-body{max-width:min(92vw,900px);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:14px}.lightbox-body img{max-width:100%;max-height:72vh;border-radius:14px;box-shadow:0 20px 60px #00000080}.lightbox-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;font-size:18px;cursor:pointer}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;font-size:24px;cursor:pointer}.lightbox-nav.prev{left:18px}.lightbox-nav.next{right:18px}.toolrow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media (max-width:480px){.wrap{padding:16px 10px 50px}.topbar{padding:12px 14px}.userMenu-trigger .whoname{display:none}.btn.primary.big{width:100%}.lightbox-nav{width:38px;height:38px;font-size:20px}}