:root{--bg: #f2f2f7;--card-bg: #ffffff;--text: #1c1c1e;--text-secondary: #6e6e73;--primary: #007aff;--primary-active: #0060df;--success: #34c759;--error: #ff3b30;--border: rgba(60, 60, 67, .12);--thumb-bg: #e9e9ee;--shadow: 0 8px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (prefers-color-scheme: dark){:root{--bg: #000000;--card-bg: #1c1c1e;--text: #f5f5f7;--text-secondary: #98989d;--primary: #0a84ff;--primary-active: #409cff;--success: #30d158;--error: #ff453a;--border: rgba(255, 255, 255, .1);--thumb-bg: #2c2c2e;--shadow: 0 8px 30px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overscroll-behavior:none}body{margin:0;touch-action:manipulation;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}.app{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--safe-top)) 20px calc(20px + var(--safe-bottom))}.card{width:100%;max-width:440px;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:36px 28px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:card-in .5s cubic-bezier(.22,1,.36,1)}@keyframes card-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.logo-wrap{width:72px;height:72px;border-radius:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) .1s both}.logo-wrap svg{width:100%;height:100%;border-radius:20px;display:block}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.title{font-size:1.5rem;font-weight:700;margin:0 0 8px;letter-spacing:-.02em}.subtitle{font-size:.95rem;color:var(--text-secondary);margin:0 0 28px;line-height:1.4}.panel{width:100%;display:flex;flex-direction:column;align-items:center}.panel-center{padding:12px 0 4px;animation:fade-in .35s ease both}[hidden]{display:none!important}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dropzone{width:100%;border:2px dashed var(--border);border-radius:var(--radius-md);padding:18px;margin-bottom:18px;transition:border-color .2s ease,background-color .2s ease;min-height:88px;display:flex;align-items:center;justify-content:center}.dropzone.drag-over{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);padding:8px 4px}.dropzone-icon{width:30px;height:30px;color:var(--text-secondary)}.drop-hint{font-size:.85rem;margin:0}@media (hover: none){.desktop-only{display:none}}.thumbnails{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}.thumbnails:empty{display:none}.thumb{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;background:var(--thumb-bg);animation:thumb-in .3s cubic-bezier(.22,1,.36,1) both}@keyframes thumb-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.btn{width:100%;min-height:52px;border:none;border-radius:var(--radius-md);font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 40%,transparent)}.btn-primary:active:not(:disabled){background:var(--primary-active)}.btn-secondary{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.btn-upload{margin-top:4px}.btn-stacked{margin-top:8px}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--primary);animation:spin .8s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{width:100%;height:8px;border-radius:4px;background:var(--thumb-bg);overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;width:0%;background:var(--primary);border-radius:4px;transition:width .2s ease}.progress-text{font-size:.95rem;color:var(--text-secondary);margin:0;font-variant-numeric:tabular-nums}.result-icon{width:84px;height:84px;margin-bottom:20px}.result-icon .ring{fill:none;stroke-width:4}.success-icon .ring{stroke:var(--success)}.success-icon .check{fill:none;stroke:var(--success);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:draw .45s ease .15s forwards}.error-icon .ring{stroke:var(--error)}.error-icon .cross{fill:none;stroke:var(--error);stroke-width:5;stroke-linecap:round;stroke-dasharray:34;stroke-dashoffset:34;animation:draw .4s ease .15s forwards}.result-icon .ring{stroke-dasharray:226;stroke-dashoffset:226;animation:draw-ring .5s ease forwards}@keyframes draw-ring{to{stroke-dashoffset:0}}@keyframes draw{to{stroke-dashoffset:0}}.result-text{font-size:1.05rem;font-weight:500;margin:0 0 24px;line-height:1.4}.error-text{color:var(--error)}@media (max-width: 360px){.card{padding:28px 20px 24px}}.admin-shell{min-height:100dvh;width:100%;max-width:1080px;margin:0 auto;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom))}.admin-shell-center{display:flex;align-items:center;justify-content:center}.admin-login-form{width:100%;display:flex;flex-direction:column;gap:12px}.admin-input{width:100%;min-height:48px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text);padding:0 16px;font-size:1rem}.admin-input:focus{outline:2px solid var(--primary);outline-offset:1px}.admin-login-error{margin:0;font-size:.9rem}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.admin-title{font-size:1.4rem;font-weight:700;margin:0 0 4px;letter-spacing:-.02em}.admin-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.admin-logout{width:auto;min-height:40px;padding:0 18px;flex-shrink:0}.admin-error{margin:0 0 16px}.admin-empty{color:var(--text-secondary);text-align:center;padding:48px 0}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.admin-card{position:relative;background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;animation:thumb-in .3s cubic-bezier(.22,1,.36,1) both}.admin-card-image-btn{display:block;width:100%;aspect-ratio:1 / 1;border:none;padding:0;background:var(--thumb-bg);cursor:pointer}.admin-card-image{width:100%;height:100%;object-fit:cover;display:block}.admin-card-video-badge{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:50%;background:#0000008c;color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;pointer-events:none}.lightbox-download{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.admin-card-body{padding:10px 12px 12px}.admin-card-name{font-size:.85rem;font-weight:600;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-card-uploader{font-size:.8rem;color:var(--primary);margin:0 0 2px}.admin-card-date{font-size:.75rem;color:var(--text-secondary);margin:0}.admin-card-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.admin-card-delete:disabled{opacity:.6;cursor:default}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}.admin-page-btn{width:auto;min-height:40px;padding:0 18px}.admin-page-indicator{font-size:.9rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.btn-danger{background:var(--error);color:#fff}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:fade-in .2s ease both}.lightbox-content{width:100%;max-width:560px;max-height:90dvh;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.lightbox-image{width:100%;max-height:60dvh;object-fit:contain;background:var(--thumb-bg);display:block}.lightbox-info{padding:16px 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.lightbox-details{min-width:0}.lightbox-message{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin:6px 0 0}.lightbox-actions{display:flex;gap:10px;flex-shrink:0}.lightbox-actions .btn{width:auto;min-height:40px;padding:0 18px}@media (max-width: 480px){.lightbox-info{flex-direction:column;align-items:stretch}.lightbox-actions{justify-content:flex-end}}