:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.qr-generator-container{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a;max-width:500px;width:100%;margin:0 auto;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark] .qr-generator-container{background:#1e1e1ee6;color:#fff;box-shadow:0 8px 32px #0000004d}.qr-generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:10px}[data-theme=dark] .qr-generator-header{border-bottom:1px solid rgba(255,255,255,.1)}.qr-generator-header h3{margin:0;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:inherit;opacity:.6;transition:opacity .2s}.close-btn:hover{opacity:1}.input-group{margin-bottom:20px}.input-group label,.options-group label{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem;opacity:.8}.input-group input{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(0,0,0,.2);background:#fffc;font-size:1rem;transition:all .2s;box-sizing:border-box}[data-theme=dark] .input-group input{background:#0000004d;border-color:#fff3;color:#fff}.input-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.input-error{border-color:#dc3545!important}.error-message{color:#dc3545;font-size:.85rem;margin-top:5px}.options-group{margin-bottom:24px}.size-selector{display:flex;gap:10px;flex-wrap:wrap}.size-btn{padding:8px 16px;border-radius:6px;border:1px solid rgba(0,0,0,.1);background:#0000000d;cursor:pointer;transition:all .2s;color:inherit}[data-theme=dark] .size-btn{border-color:#ffffff1a;background:#ffffff0d}.size-btn:hover{background:#0000001a}[data-theme=dark] .size-btn:hover{background:#ffffff1a}.size-btn.active{background:#007bff;color:#fff;border-color:#007bff}.preview-area{display:flex;justify-content:center;align-items:center;background:#00000008;border-radius:12px;padding:20px;margin-bottom:24px;border:1px dashed rgba(0,0,0,.1);overflow:hidden}[data-theme=dark] .preview-area{background:#ffffff08;border-color:#ffffff1a}.qr-wrapper{background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:100%}.qr-wrapper canvas{display:block;max-width:100%;height:auto!important}.placeholder{display:flex;justify-content:center;align-items:center;color:#0006;font-size:.9rem}[data-theme=dark] .placeholder{color:#fff6}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-primary,.btn-success{padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s;font-size:1rem}.btn-primary:active,.btn-success:active{transform:scale(.98)}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0069d9}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-success:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.qr-generator-footer{margin-top:16px;text-align:center;font-size:.8rem;opacity:.6}@media(max-width:600px){.qr-generator-container{padding:16px;border-radius:12px}.action-buttons{grid-template-columns:1fr}.size-selector{justify-content:space-between}.size-btn{flex:1;text-align:center}}:root{--bg-color: #0f131a;--card-bg: rgba(22, 27, 34, .7);--border-color: rgba(255, 255, 255, .12);--primary-color: #e5c05d;--primary-gradient: linear-gradient(135deg, #e5c05d 0%, #d4af37 50%, #b38f1d 100%);--secondary-gradient: linear-gradient(135deg, #1a202c 0%, #000000 100%);--text-primary: #f0f0f0;--text-secondary: #a0a6b0;--success-color: #10b981;--danger-color: #ef4444;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--shadow-lg: 0 20px 40px -5px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(212, 175, 55, .15);--font-serif: "Noto Serif SC", "Songti SC", "SimSun", "Times New Roman", serif;--font-sans: "Inter", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--bg-gradient-1: radial-gradient(circle at 20% 20%, rgba(30, 41, 59, .4), transparent 40%);--bg-gradient-2: radial-gradient(circle at 80% 80%, rgba(212, 175, 55, .03), transparent 40%)}[data-theme=light]{--bg-color: #f8f9fa;--card-bg: rgba(255, 255, 255, .85);--border-color: rgba(0, 0, 0, .06);--primary-color: #c5a028;--primary-gradient: linear-gradient(135deg, #d4af37 0%, #b38f1d 100%);--text-primary: #2d3748;--text-secondary: #718096;--shadow-lg: 0 20px 40px -5px rgba(0, 0, 0, .08);--shadow-glow: 0 0 20px rgba(212, 175, 55, .1);--bg-gradient-1: radial-gradient(circle at 10% 10%, rgba(226, 232, 240, .5), transparent 50%);--bg-gradient-2: radial-gradient(circle at 90% 90%, rgba(254, 252, 232, .5), transparent 50%)}body{background-color:var(--bg-color);background-image:var(--bg-gradient-1),var(--bg-gradient-2);background-attachment:fixed;color:var(--text-primary);min-height:100vh;margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;letter-spacing:.02em;transition:background-color .3s ease,color .3s ease}#root{max-width:1000px;margin:0 auto;padding:60px 20px}h1{text-align:center;font-size:3.5rem;margin-bottom:15px;background:linear-gradient(to right,#e2c35d,#d4af37,#c5a028);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-family:var(--font-serif);letter-spacing:.05em;filter:drop-shadow(0 4px 15px rgba(212,175,55,.2))}.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:60px;font-size:1.1rem;font-family:var(--font-serif);font-style:italic;opacity:.8;letter-spacing:.1em}.room-info,.file-card,.upload-section{background:var(--card-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.room-info{padding:30px;text-align:center;margin-bottom:30px;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}.room-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#d4af37,transparent);opacity:.5}.qr-section{display:flex;flex-direction:column;align-items:center;margin-bottom:0;flex:0 1 auto;min-width:auto}.qr-wrapper{background:#fff;padding:10px;border-radius:var(--radius-sm);box-shadow:0 0 20px #00000080;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid rgba(255,255,255,.1)}.qr-wrapper:hover{transform:scale(1.02);box-shadow:0 0 30px #d4af374d}.room-id-container{margin:0;display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 1 auto;min-width:auto}.room-id-container p{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin:0}.room-id{font-size:2.2rem;font-weight:400;color:#e2c35d;font-family:"Cinzel",var(--font-serif);background:transparent;padding:0;border:none;letter-spacing:.1em;text-shadow:0 0 20px rgba(212,175,55,.4)}.room-desc{display:none}.copy-btn{background:transparent;border:1px solid rgba(212,175,55,.5);color:#e2c35d;box-shadow:none;font-family:var(--font-serif);letter-spacing:.1em;padding:8px 20px;font-size:.9rem;margin-top:10px}.copy-btn:hover{background:#d4af371a;border-color:#e2c35d;transform:translateY(-2px);box-shadow:0 5px 20px #d4af3726}.upload-section{padding:40px 20px;text-align:center;border:1px dashed var(--border-color);background:var(--card-bg);transition:all .4s ease;margin-bottom:30px}[data-theme=light] .upload-section{border-style:dashed;border-color:#9ca3af;background:#f9fafb}.upload-section:hover{border-color:#d4af3780;background:#d4af3705}.upload-btn{background:var(--primary-gradient);color:#0b0f19;font-size:1.1rem;padding:18px 50px;box-shadow:0 10px 30px -5px #d4af374d;border-radius:50px;font-family:var(--font-sans);font-weight:600;letter-spacing:.05em}.upload-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px -5px #d4af3780;filter:brightness(1.1)}.file-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 10px}.file-list h2{font-family:var(--font-serif);font-weight:600;letter-spacing:.05em;font-size:1.4rem;margin:0}.file-list h2:before{background:var(--primary-color)}.file-card{background:var(--card-bg);border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}[data-theme=light] .file-card{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 5px #0000000d}.file-card:hover{border-color:#d4af374d}.preview{height:180px;background:#0003;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}[data-theme=light] .preview{background:#f3f4f6}.preview img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;cursor:zoom-in}.filename{font-family:var(--font-sans);color:var(--text-primary);font-weight:600}.meta{font-size:.8rem;color:var(--text-secondary);margin-bottom:15px}.download-link{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-serif);letter-spacing:.05em;font-weight:600}[data-theme=light] .download-link{border-color:#d1d5db;color:#374151}.download-link:hover{border-color:var(--primary-color);color:var(--primary-color);background:#d4af370d}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none}.lightbox-content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.lightbox-content img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease-out;cursor:grab;-webkit-user-select:none;user-select:none;transform:translateZ(0);will-change:transform}.lightbox-content img:active{cursor:grabbing}.lightbox-close-btn{position:absolute;top:20px;right:20px;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10001}.lightbox-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:#0009;padding:10px 20px;border-radius:30px;z-index:10001;border:1px solid rgba(255,255,255,.1)}.lightbox-btn{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.lightbox-btn:hover{background:#fff3}body.lightbox-open{overflow:hidden}.report-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:0 5px;opacity:.5;transition:opacity .2s}.report-btn:hover{opacity:1}.countdown-badge{display:inline-block;background-color:#ffebee;color:#c62828;font-size:.75rem;padding:2px 6px;border-radius:4px;margin-left:5px}.my-uploads-panel{background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:20px}.history-list{list-style:none;padding:0}.history-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.history-link{color:#1890ff;text-decoration:none}.text-btn{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;text-decoration:underline}.disclaimer-banner{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fbbf24;padding:20px;border-radius:var(--radius-md);margin-top:60px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.disclaimer-banner strong{color:#f59e0b}.footer{text-align:center;margin-top:60px;padding:40px 0;color:var(--text-secondary);border-top:1px solid var(--border-color)}.footer-sub{font-size:.8rem;opacity:.6;margin-top:10px;letter-spacing:2px;text-transform:uppercase}.download-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.download-modal{background:#1e1e1e;padding:30px;border-radius:16px;width:90%;max-width:320px;text-align:center;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.1);animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.progress-circle-container{position:relative;width:120px;height:120px;margin:0 auto 20px}.progress-svg{transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.progress-circle-fg{fill:none;stroke:#007bff;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.progress-percentage{font-size:24px;font-weight:700;color:#fff}.download-speed{font-size:12px;color:#fff9;margin-top:4px}.download-status{font-size:16px;font-weight:500;margin-bottom:8px;color:#fff}.download-meta{font-size:13px;color:#ffffff80;margin-bottom:20px}.download-error-icon{font-size:48px;margin-bottom:15px;color:#ff4d4f}.download-actions{display:flex;gap:10px;justify-content:center}.btn-retry{background:#007bff;color:#fff;border:none;padding:8px 20px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s}.btn-retry:active{transform:scale(.95)}.btn-close{background:#ffffff1a;color:#fffc;border:none;padding:8px 20px;border-radius:20px;font-size:14px;cursor:pointer}@media(max-width:768px){#root{padding:15px 10px}h1{font-size:1.8rem;margin-bottom:5px}.subtitle{margin-bottom:20px;font-size:.9rem}.room-id{font-size:1.6rem}.room-info{flex-direction:column;gap:20px;padding:20px 15px;margin-bottom:20px}.upload-section{padding:25px 15px;margin-bottom:20px}.upload-btn{width:100%;padding:12px 20px;font-size:1rem;box-sizing:border-box;white-space:normal}.lightbox-close-btn{top:10px;right:10px;background:#00000080}.copy-btn{width:100%;box-sizing:border-box;padding:10px}.room-desc{display:none}}.admin-container{min-height:100vh;width:100%;background-color:#f0f2f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:24px;box-sizing:border-box;text-align:left}.admin-header{background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;font-size:20px;font-weight:600;color:#1f1f1f;background:none;-webkit-text-fill-color:initial;text-align:left}.logout-btn{padding:6px 16px;background:#fff;border:1px solid #d9d9d9;color:#595959;border-radius:4px;cursor:pointer;transition:all .3s;font-size:14px}.logout-btn:hover{color:#ff4d4f;border-color:#ff4d4f;background:#fff}.admin-content{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 2px #0000000d}.stats-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.stats-card h2{margin:0;font-size:18px;color:#262626;border-left:4px solid #1890ff;padding-left:12px}.refresh-btn{padding:6px 16px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s;font-size:14px}.refresh-btn:hover{background:#40a9ff}.table-container{overflow-x:auto}.logs-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #f0f0f0;border-radius:4px}.logs-table th{background:#fafafa;color:#595959;font-weight:500;text-align:left;padding:16px;border-bottom:1px solid #f0f0f0;font-size:14px}.logs-table td{padding:16px;border-bottom:1px solid #f0f0f0;color:#595959;font-size:14px;vertical-align:top}.logs-table tr:last-child td{border-bottom:none}.logs-table tr:hover td{background:#fafafa}.badge{padding:2px 10px;border-radius:4px;font-size:12px;display:inline-block;border:1px solid transparent}.badge-upload{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.badge-delete{background:#fff1f0;border-color:#ffa39e;color:#f5222d}.logs-table strong{color:#262626;font-weight:500}.logs-table div{margin-bottom:4px;line-height:1.5}