:root{color-scheme:light dark}:root,:root[data-theme=dark]{--bg-base: #09090b;--bg-surface: #18181b;--bg-dock: rgba(24, 24, 27, .75);--fg-default: #fafafa;--fg-muted: #a1a1aa;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-glow: rgba(59, 130, 246, .25);--border-light: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 9999px;--shadow-card: 0 4px 24px -8px rgba(0, 0, 0, .5);--shadow-float: 0 16px 40px -8px rgba(0, 0, 0, .6)}:root[data-theme=light]{--bg-base: #f4f4f5;--bg-surface: #ffffff;--bg-dock: rgba(255, 255, 255, .75);--fg-default: #09090b;--fg-muted: #71717a;--primary: #000000;--primary-hover: #3f3f46;--primary-glow: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .12);--shadow-card: 0 4px 24px -8px rgba(0, 0, 0, .08);--shadow-float: 0 16px 40px -8px rgba(0, 0, 0, .12)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-base);color:var(--fg-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 50%,var(--primary-glow),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.15),transparent 25%);background-attachment:fixed;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}#root{min-height:100vh;width:100%}*{box-sizing:border-box}a{color:var(--primary);text-decoration:none;font-weight:500}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{width:min(92vw,22rem);padding:2.5rem 2rem;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--shadow-float);display:flex;flex-direction:column;gap:1.25rem;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:popIn .5s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-card h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.auth-card p{margin:0;font-size:.9rem;color:var(--fg-muted)}input{height:3rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);padding:0 1rem;font-size:.95rem;color:var(--fg-default);background:#00000005;outline:none;transition:all .2s}input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:transparent}button{height:3rem;border-radius:var(--radius-md);border:none;padding:0 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.auth-card button,.search-dock button:not(.dock-icon-btn),.modal-card button:not(.modal-close){background:var(--primary);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.auth-card button:hover,.search-dock button:not(.dock-icon-btn):hover,.modal-card button:not(.modal-close):hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 15px var(--primary-glow)}.auth-card button:active,.search-dock button:not(.dock-icon-btn):active,.modal-card button:not(.modal-close):active{transform:translateY(0) scale(.97)}button:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.app-shell{padding:4rem 1rem 8rem}.app-header{max-width:76rem;margin:0 auto 3rem;text-align:center}.app-header h1{margin:0;font-size:2.5rem;font-weight:800;letter-spacing:-.04em}.app-header p{margin-top:.5rem;font-size:1rem;color:var(--fg-muted)}.waterfall{column-count:2;column-gap:1rem;max-width:76rem;margin:0 auto}.cover-card{break-inside:avoid;margin-bottom:1rem;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--shadow-card);cursor:pointer;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.cover-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);border:2px solid transparent;transition:all .3s;pointer-events:none}.cover-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-float);z-index:10}.cover-card:hover:after{border-color:var(--border-strong)}.cover-card img{width:100%;display:block;transition:transform .5s ease}.cover-card:hover img{transform:scale(1.05)}.cover-meta{position:absolute;bottom:0;left:0;right:0;padding:2rem 1rem 1rem;background:linear-gradient(to top,#000000e6,#0000);color:#fff;display:flex;flex-direction:column;gap:.2rem}.cover-id{font-size:.75rem;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.cover-title{font-size:.95rem;font-weight:600;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-mask{position:fixed;inset:0;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:200;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:fit-content;min-width:min(92vw,20rem);max-width:92vw;max-height:85vh;overflow-y:auto;background:var(--bg-surface);border-radius:24px;border:1px solid var(--border-strong);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;box-shadow:var(--shadow-float);animation:popModal .4s cubic-bezier(.16,1,.3,1);scrollbar-width:none;-ms-overflow-style:none}.modal-card::-webkit-scrollbar{display:none}@keyframes popModal{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1.25rem;right:1.25rem;width:2rem!important;height:2rem!important;padding:0;border-radius:50%!important;background:var(--border-light)!important;color:var(--fg-default)!important;border:none!important;font-size:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.modal-close:hover{background:var(--border-strong)!important;transform:scale(1.1) rotate(90deg)!important}.modal-cover{width:auto;height:auto;max-width:100%;max-height:45vh;margin:0 auto;display:block;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.modal-info{display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;background:var(--bg-base);padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-light)}.modal-info span{color:var(--fg-muted);display:flex;gap:.5rem}.format{display:flex;background:var(--bg-base);padding:4px;border-radius:12px;border:1px solid var(--border-light)}.format label{flex:1;text-align:center;padding:.6rem 0;font-size:.85rem;font-weight:600;text-transform:uppercase;color:var(--fg-muted);border-radius:8px;cursor:pointer;transition:all .2s ease}.format input{display:none}.format label:has(input:checked){background:var(--bg-surface);color:var(--fg-default);box-shadow:0 2px 8px #0000001f}.progress{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;text-align:center;color:var(--primary);background:var(--primary-glow);padding:1rem;border-radius:var(--radius-md)}.notice-card{gap:1rem}.notice-line{line-height:1.6;color:var(--fg-muted);font-size:.95rem}.search-dock{position:fixed;left:50%;bottom:2rem;transform:translate(-50%);display:flex;gap:.4rem;width:min(92vw,36rem);padding:.5rem;border-radius:var(--radius-pill);background:var(--bg-dock);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-strong);z-index:120;box-shadow:0 24px 48px #0003,inset 0 1px #ffffff1a;animation:slideUpDock .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUpDock{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}.search-dock input{flex:1;border:none;background:transparent;min-width:0;padding-left:1rem;height:2.8rem;font-size:.95rem}.search-dock input:focus{box-shadow:none}.search-dock button:not(.dock-icon-btn){border-radius:var(--radius-pill);padding:0 1rem;height:2.8rem;white-space:nowrap;flex-shrink:0}.dock-icon-btn{width:2.8rem!important;height:2.8rem!important;min-width:unset!important;border-radius:50%!important;padding:0!important;background:var(--bg-surface)!important;border:1px solid var(--border-light)!important;color:var(--fg-default)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.dock-icon-btn:hover{background:var(--border-strong)!important;transform:scale(1.05)}.dock-random{position:relative;flex-shrink:0}.random-main-btn{font-size:.8rem;font-weight:700;letter-spacing:.02em}.random-flyout{position:absolute;left:50%;bottom:calc(100% + .6rem);transform:translate(-50%);display:flex;gap:.45rem;padding:.45rem;border-radius:999px;background:var(--bg-dock);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-strong);box-shadow:var(--shadow-float);z-index:130;animation:popIn .2s ease}.random-option-btn{height:2.4rem!important;min-width:2.9rem;padding:0 .8rem!important;border-radius:999px!important;background:var(--bg-surface)!important;border:1px solid var(--border-light)!important;color:var(--fg-default)!important;box-shadow:none!important;font-size:.82rem;font-weight:700;white-space:nowrap;flex-shrink:0}.random-option-btn:hover{background:var(--border-strong)!important;transform:translateY(-1px)}.danger-mode .auth-card button,.danger-mode .search-dock button:not(.dock-icon-btn),.danger-mode .modal-card button:not(.modal-close),.danger-mode .random-option-btn{background:#e53935!important;box-shadow:0 2px 10px #e5393559!important;color:#fff!important}.danger-mode .auth-card button:hover,.danger-mode .search-dock button:not(.dock-icon-btn):hover,.danger-mode .modal-card button:not(.modal-close):hover,.danger-mode .random-option-btn:hover{background:#d32f2f!important;box-shadow:0 6px 15px #e5393566!important}.danger-mode .dock-icon-btn{border-color:#e5393559!important;color:#e53935!important}@media(min-width:768px){.waterfall{column-count:4;column-gap:1.5rem}.cover-card{margin-bottom:1.5rem}.search-dock{bottom:3rem;gap:.5rem;padding:.6rem}.search-dock input{padding-left:1.25rem;height:3.2rem;font-size:1rem}.search-dock button:not(.dock-icon-btn){padding:0 1.8rem;height:3.2rem}.dock-icon-btn{width:3.2rem!important;height:3.2rem!important}.random-option-btn{height:2.7rem!important;min-width:3.3rem;font-size:.9rem}}