:root{--accent: #ff4d0d;--accent-hot: #ff7a2e;--like: #ff3b7f;--bg: #050505;--glass: rgb(22 21 20 / .72);--hair: rgb(255 255 255 / .09);--hair-strong: rgb(255 255 255 / .16);--fill: rgb(255 255 255 / .06);--fill-hover: rgb(255 255 255 / .11);--text: #f5f2ee;--muted: rgb(245 242 238 / .52);--spring: cubic-bezier(.32, .72, 0, 1);--display: "Geist", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;font-family:var(--display);font-size:13px;font-feature-settings:"ss01","tnum";color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden;user-select:none;-webkit-user-select:none}button,select,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;white-space:nowrap}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent-hot);outline-offset:2px}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:var(--fill);box-shadow:inset 0 0 0 1px var(--hair);font:500 10.5px Geist Mono,ui-monospace,Menlo,monospace;color:var(--muted)}.island{display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--hair),inset 0 1px #ffffff14,0 18px 50px -18px #000000e6;backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5)}.segment{display:flex;gap:2px;padding:3px;border-radius:999px;background:#00000052}.island.segment{padding:5px;background:var(--glass)}.segment button{height:28px;padding:0 12px;border-radius:999px;color:var(--muted);font-weight:500;transition:background .5s var(--spring),color .5s var(--spring),transform .3s var(--spring)}.segment button:hover{color:var(--text)}.segment button:active{transform:scale(.96)}.segment button[aria-pressed=true]{background:var(--text);color:#0a0908}.round{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;color:var(--muted);font-weight:600;transition:background .5s var(--spring),color .5s var(--spring),transform .3s var(--spring)}.round:hover:not(:disabled){background:var(--fill-hover);color:var(--text)}.round:active:not(:disabled){transform:scale(.92)}.round:disabled{opacity:.3}.round[aria-pressed=true]{background:var(--text);color:#0a0908}.ghost{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:999px;color:var(--muted);font-weight:500;transition:background .5s var(--spring),color .5s var(--spring),transform .3s var(--spring)}.ghost:hover{background:var(--fill-hover);color:var(--text)}.ghost:active{transform:scale(.97)}.cta{display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 4px 0 15px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff47,0 8px 24px -10px var(--accent);transition:transform .4s var(--spring),background .5s var(--spring),opacity .5s var(--spring)}.cta-icon{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#0003;font-size:12px;font-variant-numeric:tabular-nums;transition:transform .5s var(--spring)}.cta:hover:not(:disabled){background:var(--accent-hot)}.cta:hover:not(:disabled) .cta-icon{transform:translate(2px,-1px) scale(1.05)}.cta:active:not(:disabled){transform:scale(.97)}.cta:disabled{background:var(--fill);color:var(--muted);box-shadow:none}.shell{padding:6px;border-radius:30px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--hair)}.core{border-radius:24px;background:#0e0d0cdb;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0a}.eyebrow{display:inline-block;margin:0;padding:5px 12px;border-radius:999px;background:#ffffff14;box-shadow:inset 0 0 0 1px var(--hair);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.brand,.hero h2{margin:0;font-weight:900;letter-spacing:-.045em;white-space:nowrap}.brand span,.hero h2 span{margin-left:.14em;font-size:.72em;color:var(--accent)}.top{position:fixed;inset:14px 14px auto;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none}.top>*{pointer-events:auto}.brand-island{padding:0 16px;height:42px}.brand{font-size:16px}.filters{overflow-x:auto;scrollbar-width:none}.filters .count{margin-left:6px;font-size:11px;opacity:.55;font-variant-numeric:tabular-nums}.dock{position:fixed;left:50%;bottom:14px;z-index:10;max-width:calc(100vw - 28px);gap:6px;padding:5px 6px 5px 16px;overflow-x:auto;scrollbar-width:none;transform:translate(-50%);animation:rise .9s var(--spring) backwards}.dock .group{display:flex;align-items:center;gap:6px;padding-left:10px;box-shadow:-1px 0 0 var(--hair)}.dock .group:last-child{gap:0}.label,.unit{color:var(--muted);font-size:11px;white-space:nowrap}.summary{padding-right:6px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.summary b{color:var(--text);font-weight:600}#folder{height:28px;max-width:170px;padding:0 26px 0 12px;border:0;border-radius:999px;background:#00000052 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 8px center / 14px;appearance:none;-webkit-appearance:none;cursor:pointer}#size{width:92px;height:28px;margin:0;background:none;appearance:none;-webkit-appearance:none;cursor:pointer}#size::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:var(--hair-strong)}#size::-moz-range-track{height:3px;border-radius:3px;background:var(--hair-strong)}#size::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5.5px;border-radius:50%;background:var(--text);box-shadow:0 2px 8px #0009;appearance:none;-webkit-appearance:none;transition:transform .3s var(--spring)}#size::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--text)}#size:active::-webkit-slider-thumb{transform:scale(1.25)}body.is-empty .filters,body.is-empty .actions-island,body.is-empty .dock,body.is-empty .grid{display:none}.grid{position:fixed;inset:0;overflow-y:auto;outline:none;scrollbar-width:thin;scrollbar-color:var(--hair-strong) transparent}.grid-inner{position:relative}.nothing{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--muted)}.tile{position:absolute;top:0;left:0;overflow:hidden;border-radius:14px;background:#121110;contain:strict;cursor:pointer}.tile .poster,.tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .6s var(--spring),filter .6s var(--spring),transform .9s var(--spring)}.grid.fit .tile .poster,.grid.fit .tile video{object-fit:contain}.tile .poster{animation:fade .7s var(--spring) backwards}.tile video{opacity:0}.tile video.ready{opacity:1}.tile:hover .poster,.tile:hover video{transform:scale(1.035)}.tile.is-excluded .poster,.tile.is-excluded video{opacity:.16;filter:grayscale(1)}.tile:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0f;transition:box-shadow .5s var(--spring)}.tile.is-focused:after{box-shadow:inset 0 0 0 1.5px #ffffffe6}.tile.is-selected:after{box-shadow:inset 0 0 0 2.5px var(--accent),inset 0 0 34px -6px #ff4d0d8c}.tile.is-selected.is-focused:after{box-shadow:inset 0 0 0 2.5px var(--accent),inset 0 0 0 4px #ffffffe6}.tile .actions{position:absolute;top:8px;right:8px;display:flex;gap:4px}.tile .actions button{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0a090880;box-shadow:inset 0 0 0 1px #ffffff24;color:#fff;opacity:0;transform:translateY(-4px) scale(.9);transition:opacity .4s var(--spring),transform .5s var(--spring),background .4s var(--spring)}.tile .actions svg{width:14px;height:14px;stroke-width:2}.tile .actions [data-act=liked] svg{fill:currentColor;stroke:none}.tile:hover .actions button{opacity:1;transform:none}.tile .actions button:hover{background:#0a0908d9;transform:scale(1.1)}.tile .actions button:active{transform:scale(.9)}.tile.is-liked [data-act=liked]{opacity:1;transform:none;background:var(--like);box-shadow:none}.tile.is-selected [data-act=selected]{opacity:1;transform:none;background:var(--accent);box-shadow:none}.tile.is-excluded [data-act=excluded]{opacity:1;transform:none;background:#ffffff38}.tile .caption{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;gap:8px;padding:26px 10px 8px;background:linear-gradient(transparent,#0000009e);font-size:11px;pointer-events:none}.tile .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .5s var(--spring),transform .5s var(--spring)}.tile:hover .name,.tile.is-focused .name{opacity:.92;transform:none}.tile .time{margin-left:auto;font:500 10.5px Geist Mono,ui-monospace,monospace;letter-spacing:.02em}.note{display:none;margin:0;color:var(--muted);font-size:12px}.tile .note{position:absolute;inset:0;place-items:center}.tile.is-unsupported .note{display:grid}.tile.is-offline .note{display:grid;align-content:end;padding-bottom:30px;color:var(--text);text-shadow:0 1px 6px #000}.tile.is-offline .poster{opacity:.45}.reconnect{position:fixed;bottom:68px;left:50%;z-index:10;max-width:calc(100vw - 28px);gap:8px;padding:5px 5px 5px 16px;transform:translate(-50%);white-space:nowrap;animation:rise .8s var(--spring) backwards}.reconnect span{overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.reconnect b{color:var(--text);font-weight:600}.hero{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;padding:88px 16px 40px;text-align:center;overflow:hidden}.orb{position:absolute;left:50%;top:46%;width:min(118vh,132vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffb347 0,#ff6a14 22%,#e92c00 44%,rgb(120 10 0 / .5) 60%,transparent 72%);transform:translate(-50%,-50%);filter:blur(34px);opacity:.92;pointer-events:none;animation:breathe 9s var(--spring) infinite alternate}.hero>:not(.orb){position:relative;animation:rise 1s var(--spring) backwards}.hero>:nth-child(3){animation-delay:.07s}.hero>:nth-child(4){animation-delay:.14s}.hero>:nth-child(5){animation-delay:.21s}.hero>:nth-child(6){animation-delay:.28s}.hero .eyebrow{background:#00000038}.hero h2{font-size:clamp(52px,11.5vw,168px);line-height:.88}.hero h2 span{color:#fff}.hero .lead{margin:0;font-size:clamp(15px,1.5vw,19px);font-weight:500;line-height:1.5;opacity:.92}.drop-shell{width:min(520px,100%);margin-top:14px;background:#00000029;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.drop-core{display:grid;justify-items:center;gap:14px;padding:30px 24px 26px;background:#0a060494}.drop-icon{width:26px;height:26px;opacity:.85}.drop{margin:0;font-size:15px;font-weight:500}.hero-actions{display:flex;gap:6px;margin-top:4px}.hero-actions .cta{height:42px;padding:0 5px 0 20px;background:#fff;color:#140700;box-shadow:none}.hero-actions .cta:hover:not(:disabled){background:#fff}.hero-actions .cta-icon{width:32px;height:32px;background:#00000014}.hero-actions .ghost{height:42px;padding:0 18px;color:#fff}.fine{margin:0;color:var(--muted);font-size:12px}.hero .fine{color:#ffffffb3}.drop-veil{position:fixed;inset:10px;z-index:40;display:grid;place-items:center;border-radius:28px;background:#ff4d0dd1;box-shadow:inset 0 0 0 2px #ffffffd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:clamp(22px,3vw,40px);font-weight:800;letter-spacing:-.03em;pointer-events:none;animation:fade .4s var(--spring)}.viewer{position:fixed;inset:0;z-index:20;display:grid;grid-template-rows:auto 1fr auto;background:#030303e6;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);animation:fade .5s var(--spring)}.viewer header{display:flex;align-items:center;gap:14px;padding:16px 18px 12px 22px}.viewer-count{font:500 12px Geist Mono,ui-monospace,monospace;color:var(--muted)}.viewer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;user-select:text;-webkit-user-select:text}.viewer-info{margin-left:auto;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.stage{position:relative;min-height:0;margin:0 18px;display:grid;place-items:center;animation:zoom .7s var(--spring)}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:18px}.viewer.is-unsupported .note{display:block;position:relative}.viewer footer{display:flex;justify-content:center;padding:14px}.viewer footer .island{gap:6px;padding:6px;animation:rise .8s var(--spring) backwards}.viewer .round{width:40px;height:40px}.mark{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 8px 0 18px;border-radius:999px;background:var(--fill);font-weight:600;transition:background .5s var(--spring),color .5s var(--spring),transform .3s var(--spring)}.mark:hover{background:var(--fill-hover)}.mark:active{transform:scale(.96)}.mark[aria-pressed=true] kbd{background:#0003;box-shadow:none;color:inherit}.mark[data-act=selected][aria-pressed=true]{background:var(--accent);color:#fff}.mark[data-act=liked][aria-pressed=true]{background:var(--like);color:#fff}.mark[data-act=excluded][aria-pressed=true]{background:var(--text);color:#0a0908}dialog{width:min(440px,calc(100vw - 28px));border:0;color:var(--text);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}dialog[open]{animation:rise .6s var(--spring)}dialog::backdrop{background:#0009}dialog .core{padding:26px}dialog.wide{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 28px)}dialog h4{margin:22px 0 10px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--muted)}.sources{display:grid;gap:6px;margin:0;padding:0;list-style:none}.sources li{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:16px;background:var(--fill);box-shadow:inset 0 0 0 1px var(--hair)}.sources .source-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.sources .source-kind{color:var(--muted);font-weight:400;margin-left:6px}.sources .empty{justify-content:center;padding:14px;color:var(--muted)}.state{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.state.ok{background:#3cc87829;color:#7be0a4}.state.ask{background:#ff4d0d2e;color:var(--accent-hot)}.sources .ghost{height:28px;padding:0 11px;background:#ffffff12}.callout{margin:10px 0 0;padding:12px 14px;border-radius:16px;background:#ffffff0a;color:var(--muted);line-height:1.55}.callout b,.steps b{color:var(--text);font-weight:600}.steps{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--muted);line-height:1.55}#settings-guide .fine{margin-top:12px}.dialog-foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.dialog-foot form{margin:0}.dialog-foot .ghost{background:var(--fill)}.ghost.danger{color:#ff8f7a}.ghost.danger:hover{background:#ff503c29;color:#ffb3a4}dialog h3{margin:14px 0 20px;font-size:22px;font-weight:700;letter-spacing:-.03em}dialog form{margin-top:18px;display:flex;justify-content:flex-end}.dialog-actions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.dialog-actions .cta,.dialog-actions .ghost{height:38px}.dialog-actions .ghost,dialog form .ghost{background:var(--fill)}.dialog-actions .ghost:hover,dialog form .ghost:hover{background:var(--fill-hover)}.keys{display:grid;grid-template-columns:auto 1fr;gap:11px 18px;margin:0;align-items:center}.keys dt{display:flex;gap:3px;align-items:center;white-space:nowrap}.keys dd{margin:0;color:var(--muted)}@keyframes rise{0%{opacity:0;translate:0 22px;filter:blur(8px)}}@keyframes fade{0%{opacity:0}}@keyframes zoom{0%{opacity:0;scale:.96}}@keyframes breathe{to{scale:1.06;opacity:1}}@media(max-width:860px){.top{flex-wrap:wrap}.filters{order:3;width:100%}.actions-island .ghost{padding:0 9px;font-size:0;gap:0}.dock{left:14px;right:14px;transform:none}.dock .label,.dock .unit,.viewer-info{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}