:root{--bg:#f7f7fb;--surface:#fff;--surface-2:#f1f1f7;--border:#e2e2ec;--border-strong:#cfcfdd;--text:#1b1a23;--text-muted:#6a6880;--accent:#6d4aff;--accent-text:#fff;--accent-soft:#6d4aff1a;--accent-border:#6d4aff73;--danger:#d13a4a;--danger-soft:#d13a4a1a;--good:#17845a;--good-soft:#17845a1a;--star:#f0a91d;--shadow-sm:0 1px 2px #1412280f;--shadow-md:0 8px 24px #14122814;--radius:12px;--radius-sm:8px;--sans:system-ui, -apple-system, "Apple SD Gothic Neo", "Pretendard", "Malgun Gothic", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.55}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101017;--surface:#191922;--surface-2:#21212c;--border:#2c2c39;--border-strong:#3b3b4c;--text:#eceaf5;--text-muted:#9d9ab3;--accent:#9d84ff;--accent-text:#16121f;--accent-soft:#9d84ff29;--accent-border:#9d84ff80;--danger:#ff7a86;--danger-soft:#ff7a8624;--good:#4bd6a0;--good-soft:#4bd6a024;--star:#ffc74d;--shadow-sm:0 1px 2px #0006;--shadow-md:0 10px 30px #00000073}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);margin:0}h1,h2,h3{color:var(--text);letter-spacing:-.01em;margin:0;line-height:1.3}h1{font-size:1.6rem}h2{font-size:1.15rem}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--text-muted)}.mono{font-family:var(--mono);font-size:.88em}.app{flex-direction:column;min-height:100dvh;display:flex}.header{z-index:10;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.header__inner,.main,.footer{width:min(980px,100% - 2rem);margin-inline:auto}.header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:60px;display:flex}.brand{color:var(--text);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.brand__mark{font-size:1.3rem}.nav{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.nav__link{border-radius:var(--radius-sm);color:var(--text-muted);padding:.4rem .7rem;font-size:.92rem;font-weight:500}.nav__link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav__link.active{background:var(--accent-soft);color:var(--accent)}.nav__user{color:var(--text-muted);align-items:center;gap:.35rem;padding-inline:.5rem;font-size:.92rem;display:inline-flex}.main{flex:1;padding-block:2rem 3rem}.footer{border-top:1px solid var(--border);color:var(--text-muted);padding-block:1.5rem;font-size:.85rem}.page{flex-direction:column;gap:1.5rem;display:flex}.page__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page__sub{color:var(--text-muted);margin-top:.3rem;font-size:.92rem}.page__desc{color:var(--text);margin-top:.5rem;font-size:.95rem}.page__actions{flex-wrap:wrap;gap:.5rem;display:flex}.section{flex-direction:column;gap:.85rem;display:flex}.count{background:var(--surface-2);color:var(--text-muted);vertical-align:2px;border-radius:999px;margin-left:.35rem;padding:.05rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.back-link{color:var(--text-muted);align-self:flex-start;font-size:.9rem}.btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.92rem;font-weight:600;line-height:1.2;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-text)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 85%, black)}.btn--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-2)}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 20%, transparent)}.btn--sm{padding:.38rem .7rem;font-size:.85rem}.btn--xs{padding:.2rem .45rem;font-size:.78rem}.btn--block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.form{flex-direction:column;gap:.9rem;display:flex}.form--inline{flex-flow:wrap;align-items:flex-end}.form__actions{flex-wrap:wrap;gap:.5rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field>span{color:var(--text-muted);font-size:.85rem;font-weight:600}.field small{color:var(--text-muted);font-size:.78rem}.field--grow{flex:12rem}.field--narrow{flex:0 0 8rem}input,textarea,select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:.55rem .7rem;font-size:.95rem}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,select:focus-visible,.btn:focus-visible,.movie-card:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-error{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);flex-basis:100%;margin:0;padding:.5rem .7rem;font-size:.88rem}.notice{border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);padding:.7rem .9rem;font-size:.9rem}.notice--good{border-color:color-mix(in srgb, var(--good) 40%, transparent);background:var(--good-soft);color:var(--good)}.state{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1.25rem;display:flex}.state strong{color:var(--text);font-size:1rem}.state--error{border-style:solid;border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:var(--danger-soft)}.state--error strong{color:var(--danger)}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:1.2rem;height:1.2rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.badge{vertical-align:1px;border-radius:999px;margin-left:.35rem;padding:.08rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.badge--neutral{background:var(--surface-2);color:var(--text-muted)}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--admin{background:var(--good-soft);color:var(--good)}.auth{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(380px,100%);box-shadow:var(--shadow-md);flex-direction:column;gap:1.1rem;margin-inline:auto;padding:1.75rem;display:flex}.auth__note,.auth__switch{color:var(--text-muted);text-align:center;font-size:.9rem}.poll-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.poll-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.9rem 1.1rem;display:flex}.poll-card__main{color:var(--text);flex-direction:column;flex:12rem;display:flex}.poll-card__main:hover{text-decoration:none}.poll-card__main:hover .poll-card__title{color:var(--accent)}.poll-card__title{font-weight:600}.poll-card__meta{color:var(--text-muted);font-size:.82rem}.poll-card__tags{gap:.25rem;display:flex}.poll-card__actions{gap:.35rem;display:flex}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.movie-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;flex-direction:column;gap:.6rem;padding:.6rem;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex;position:relative}.movie-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.movie-card--on{border-color:var(--accent);background:var(--accent-soft)}.movie-card__body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.movie-card__title{overflow-wrap:anywhere;font-size:.93rem;font-weight:600}.movie-card__year{color:var(--text-muted);font-size:.8rem}.movie-card__check{border:2px solid var(--border-strong);background:var(--surface);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:.9rem;right:.9rem}.movie-card--on .movie-card__check{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.poster{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-2);width:100%;display:block}.poster--empty{color:var(--text-muted);place-items:center;font-size:1.8rem;display:grid}.poster--broken{content-visibility:hidden;background:var(--surface-2)}.vote-bar{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex;position:sticky;bottom:1rem}.vote-bar__count{font-weight:600}.result-list{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.result-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.result-row--open{border-color:var(--accent-border)}.result-row__head{align-items:center;gap:.85rem;padding:.9rem 1.1rem;display:flex}.result-row__rank{background:var(--surface-2);width:1.75rem;height:1.75rem;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.result-row__head .poster{flex:none;width:44px}.result-row__body{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.result-row__title{overflow-wrap:anywhere;align-items:baseline;gap:.45rem;font-weight:600;display:flex}.result-row__year{color:var(--text-muted);font-size:.82rem;font-weight:400}.result-row__stats{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.result-row__percent{color:var(--text);font-size:.95rem;font-weight:700}.result-row__rating{align-items:center;gap:.25rem;display:inline-flex}.bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.bar__fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}@media (prefers-reduced-motion:reduce){.bar__fill{transition:none}}.result-row__panel{border-top:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:1rem;padding:1.1rem;display:flex}.stars{color:var(--border-strong);gap:.05rem;display:inline-flex}.stars--sm{font-size:.85rem}.star--on{color:var(--star)}.star-input{color:var(--border-strong);gap:.15rem;font-size:1.4rem;line-height:1;display:inline-flex}.star-input .star{cursor:pointer}.star-input input{opacity:0;width:1px;height:1px;position:absolute}.star-input:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.review-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.review-form__row{align-items:center;gap:.6rem;display:flex}.review-form__label{color:var(--text-muted);font-size:.85rem;font-weight:600}.review-form__foot{justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.review-empty{text-align:center;padding-block:.5rem;font-size:.9rem}.review-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.review{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem .9rem}.review__head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.review__author{font-size:.9rem;font-weight:600}.review__at{margin-left:auto;font-size:.78rem}.review__text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.93rem}.share{flex-direction:column;gap:.4rem;display:flex}.share__row{flex-wrap:wrap;gap:.5rem;display:flex}.share__url{font-family:var(--mono);background:var(--surface-2);flex:16rem;font-size:.85rem}.share__hint{color:var(--text-muted);font-size:.82rem}.manage-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.manage-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.85rem;padding:.7rem 1rem;display:flex}.manage-item .poster{flex:none;width:38px}.manage-item__body{flex-wrap:wrap;flex:1;align-items:baseline;gap:.5rem;min-width:0;display:flex}.manage-item__title{overflow-wrap:anywhere;font-weight:600}.tabs{border-bottom:1px solid var(--border);gap:.3rem;padding-bottom:.4rem;display:flex}.tabs__link{border-radius:var(--radius-sm);color:var(--text-muted);padding:.4rem .8rem;font-size:.92rem;font-weight:600}.tabs__link:hover{background:var(--surface-2);text-decoration:none}.tabs__link.active{background:var(--accent-soft);color:var(--accent)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.7rem .9rem}.table th{color:var(--text-muted);background:var(--surface-2);font-size:.8rem;font-weight:700}.table tr:last-child td{border-bottom:none}.table__actions{gap:.35rem;display:flex}.chip-row{white-space:normal;flex-wrap:wrap;gap:.3rem;display:flex}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.15rem .55rem;font-size:.8rem;font-weight:600}.ai-box{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius);flex-direction:column;gap:.75rem;margin-top:.75rem;padding:1rem;display:flex}.ai-box__head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.ai-box__title{font-weight:600}.ai-box__controls{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.ai-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.ai-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.85rem;padding:.6rem .85rem;display:flex}.ai-item__body{flex-direction:column;flex:1;min-width:0;display:flex}.ai-item__title{overflow-wrap:anywhere;font-weight:600}.ai-item__reason{color:var(--text-muted);overflow-wrap:anywhere;font-size:.87rem}@media (width<=620px){h1{font-size:1.35rem}.main{padding-block:1.5rem 2.5rem}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.result-row__head{flex-wrap:wrap}.result-row__head .poster{width:36px}.nav__user{display:none}.ai-box__controls{flex-direction:column;align-items:stretch}}