:root{color-scheme:dark;--bg:#101112;--surface:#191b1d;--raised:#232629;--text:#f1efea;--secondary:#b6b5b0;--muted:#92938f;--line:#34383b;--accent:#d6c19e;--ink:#171614;--focus:#e8d7b9;--good:#a5c7af;--bad:#e3a3a0;--radius:14px;--shadow:0 24px 70px #0008}
[data-theme=slate]{--bg:#101419;--surface:#19212a;--raised:#25303b;--text:#edf3f8;--secondary:#b4c2d1;--muted:#92a5b8;--line:#374758;--accent:#b6cce2;--ink:#101419;--focus:#d1e5f8}
[data-theme=paper]{color-scheme:light;--bg:#f2efe8;--surface:#e9e5dc;--raised:#fffdf8;--text:#252623;--secondary:#565953;--muted:#676b63;--line:#c3c5bc;--accent:#414e42;--ink:#fffdf5;--focus:#354c39;--good:#2e6545;--bad:#943d37;--shadow:0 24px 70px #25262322}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"Golos Text",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:4px}button{border:none;background:none}input,textarea,select{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:12px 14px;min-height:44px;width:100%;outline:none}textarea{resize:vertical;min-height:100px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.035em}h1{font-size:42px;line-height:1.15}h2{font-size:25px;line-height:1.25}h3{font-size:18px;line-height:1.3}small{color:var(--muted)}.app-shell{max-width:1400px;margin:auto;padding:0 48px}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:500;letter-spacing:-1px}.brand svg{width:40px;height:40px;color:var(--accent)}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);font-weight:400;margin-top:1px}.desktop-nav{display:flex;gap:34px;height:100%;align-items:center;color:var(--muted);font-size:14px}.desktop-nav a{height:100%;display:flex;align-items:center;position:relative}.desktop-nav a.active{color:var(--text)}.desktop-nav a.active:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}.account{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--secondary)}.avatar{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font-size:12px;color:var(--accent);flex-shrink:0}.eyebrow{text-transform:uppercase;color:var(--accent);font-size:10px;letter-spacing:2.5px;font-weight:500}.page-top{padding:38px 0 24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.page-top h1{margin:7px 0 0;font-size:32px}.page-top p{margin:0;color:var(--muted);font-size:13px}.hero{margin:8px 0 36px;position:relative;min-height:480px;border-radius:var(--radius);overflow:hidden;background:var(--surface);display:flex}.hero-art{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;object-position:center 30%;opacity:.85}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--surface) 20%,color-mix(in srgb,var(--surface) 95%,transparent) 37%,transparent 100%);pointer-events:none}.hero-copy{z-index:1;padding:48px;max-width:58%;position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center}.hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:49px;line-height:1.06;letter-spacing:-1.5px;margin:26px 0 14px}.meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--secondary);font-size:12px}.meta .dot{opacity:.5}.hero-copy .description{color:var(--secondary);font-size:14px;max-width:370px;margin:24px 0}.hero-count{position:absolute;right:26px;bottom:22px;z-index:2;font-size:10px;letter-spacing:3px;color:#fff9}.hero-reason{color:var(--accent);font-size:12px;border-left:1px solid var(--accent);padding-left:12px;max-width:360px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{padding:12px 18px;min-height:44px;border-radius:10px;background:var(--raised);font-size:13px;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:background .15s,transform .15s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--ink);font-weight:500}.btn.outline{background:transparent;border:1px solid var(--line)}.btn.danger{color:var(--bad)}.text-button{color:var(--secondary);font-size:12px;min-height:44px;padding:8px 0}.text-button:hover{color:var(--text)}.section{margin:0 0 40px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading small{display:block;margin-top:6px;font-size:12px}.section-heading a,.section-heading button{font-size:12px;color:var(--secondary)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.film-card{position:relative;min-width:0}.poster-button{display:block;padding:0;width:100%;text-align:left}.poster{aspect-ratio:2/3;background:var(--surface);border-radius:10px;overflow:hidden;position:relative}.poster img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .25s;display:block}.poster-button:hover img{transform:scale(1.025)}.poster .fallback{z-index:0;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;font-family:Georgia,serif;font-size:21px;background:linear-gradient(145deg,var(--raised),var(--surface));color:var(--secondary)}.poster .fallback span{font-family:inherit;color:var(--accent);font-size:38px;line-height:1;margin-bottom:16px}.film-title{margin:12px 0 5px;font-size:14px;line-height:1.35;font-weight:500;letter-spacing:-.01em}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:8px}.badge{color:var(--accent);font-size:11px;display:inline-flex;align-items:center;gap:4px}.save-mini{position:absolute;right:8px;top:8px;z-index:1;background:#101112bb;backdrop-filter:blur(4px);width:38px;height:38px;border-radius:8px;font-size:19px;color:white;border:1px solid #ffffff22}.film-reason{font-size:11px;color:var(--muted);margin:8px 0 0}.activity-box{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.activity-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:13px}.activity-body{flex:1;min-width:0}.activity-body p{margin:0;color:var(--secondary);font-size:12px}.activity-body button{padding:0;font-weight:500}.score{font-variant-numeric:tabular-nums;font-size:18px;color:var(--accent)}.score small{font-size:11px;color:var(--muted)}.empty{border:1px dashed var(--line);border-radius:var(--radius);padding:28px;color:var(--secondary);font-size:14px}.empty p{max-width:520px;margin:7px 0 0;font-size:12px;color:var(--muted)}.empty .btn{margin-top:14px}.mode-strip,.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 14px;border:1px solid var(--line);border-radius:8px;min-height:40px;font-size:12px;color:var(--secondary)}.chip.active{color:var(--ink);background:var(--accent);border-color:var(--accent)}.search-box{max-width:700px;position:relative;margin:4px 0 22px}.search-box input{padding:18px 20px;font-size:20px;letter-spacing:-.02em}.search-tools{display:flex;align-items:center;gap:12px;margin-bottom:28px}.search-tools select{max-width:200px;font-size:13px}.island-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.island{background:var(--surface);padding:24px;border-radius:var(--radius);text-align:left;min-height:150px;border:1px solid transparent}.island:hover{border-color:var(--line)}.island .eyebrow{font-size:9px}.island h3{font-family:Georgia,serif;font-size:25px;margin:22px 0 10px}.island small{font-size:12px}.creator{padding:20px;background:var(--surface);border-radius:12px;text-align:left;min-height:175px;position:relative}.creator .initial{font-family:Georgia,serif;font-size:32px;color:var(--accent);display:block;margin-bottom:20px}.creator h3{font-size:15px;margin-bottom:8px}.creator p{font-size:12px;color:var(--muted);margin-bottom:0}.profile-head{display:flex;align-items:center;gap:22px;margin-bottom:30px}.profile-head .avatar{width:64px;height:64px;font-size:24px}.profile-head h1{margin:0 0 6px}.stats{display:flex;gap:30px;margin:25px 0 35px}.stat strong{display:block;font-family:Georgia,serif;font-size:34px;font-weight:400;color:var(--accent)}.stat span{font-size:12px;color:var(--muted)}.taste-layout{display:grid;grid-template-columns:minmax(260px,1fr) 1fr;align-items:center;gap:40px}.taste-svg{width:100%;max-width:440px;color:var(--secondary)}.genre-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;padding:12px 0;border-bottom:1px solid var(--line)}.genre-row small{font-size:11px}.settings-row{padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.settings-row p{font-size:12px;color:var(--muted);margin:5px 0 0}.settings-row select{max-width:220px;font-size:13px}.settings-row input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--accent)}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:26px 0 30px;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:50px}.mobile-nav{display:none}.loading-screen{min-height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}.web-loader{width:45px;height:45px;border:1px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{font-size:12px;margin:20px}dialog{width:min(880px,calc(100% - 32px));max-height:calc(100dvh - 60px);padding:0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:auto}dialog::backdrop{background:#000b}.close-dialog{position:absolute;top:14px;right:14px;z-index:5;background:#151515bd;color:#fff;border:1px solid #ffffff33;width:40px;height:40px;border-radius:50%;font-size:24px}.detail-top{display:grid;grid-template-columns:250px 1fr;gap:30px;padding:32px}.detail-poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;background:var(--surface)}.detail-info{padding-top:16px}.detail-info h1{font-family:Georgia,serif;font-size:35px;margin:16px 0}.detail-info p{font-size:14px;color:var(--secondary);line-height:1.65;margin-top:20px}.detail-info .actions{margin-top:20px}.detail-body{padding:0 32px 32px}.detail-section{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.detail-section h2{font-size:19px;margin-bottom:18px}.rating-scale{display:flex;gap:5px;flex-wrap:wrap;padding:16px 0}.rating-number{width:40px;height:44px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-variant-numeric:tabular-nums}.rating-number.active{background:var(--accent);color:var(--ink);border-color:var(--accent)}.review{padding:18px 0;border-bottom:1px solid var(--line)}.review-head{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:12px}.review p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.review-actions{display:flex;gap:15px;font-size:12px;color:var(--muted)}.review-actions button{min-height:32px;padding:0}.form-row{display:flex;gap:10px;align-items:center;margin-top:12px}.form-row input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent)}.form-row label{font-size:12px;color:var(--muted)}.modal-simple{padding:40px 32px}.modal-simple h1{font-size:30px}.modal-simple p{color:var(--secondary);font-size:14px}.links-list a{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--accent)}.note-form{display:flex;flex-direction:column;gap:10px}.note-form .btn{align-self:start}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:14px 20px;font-size:13px;z-index:20;max-width:calc(100% - 32px);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.error-text{color:var(--bad)}.taste-empty{padding:36px;background:var(--surface);border-radius:14px;text-align:center}.taste-empty svg{max-width:230px;opacity:.5}.fine{font-size:11px;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.divider{height:1px;background:var(--line);margin:28px 0}.pair{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:12px 0;border-bottom:1px solid var(--line)}.checklist{font-size:13px;color:var(--secondary);padding:15px 0;border-bottom:1px solid var(--line)}.checklist strong{display:block;color:var(--text);font-weight:500;margin-bottom:4px}.badge-neutral{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 7px}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comments{margin-left:20px;border-left:1px solid var(--line);padding-left:18px}.comments p{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1100px){.grid.six{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}}
@media(max-width:1050px){.app-shell{padding:0 28px}.desktop-nav{gap:22px}.hero-copy{padding:36px;max-width:64%}.hero-copy h1{font-size:41px}.hero{min-height:450px}.grid{gap:16px}.island-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.app-shell{padding:0 16px}.header{height:78px}.brand{font-size:23px}.brand svg{width:32px;height:32px}.brand small{font-size:7px}.desktop-nav{display:none}.account #accountName{display:none}.account .avatar{width:34px;height:34px}.page-top{padding:27px 0 19px;align-items:start}.page-top h1{font-size:28px}.page-top p{font-size:11px;max-width:120px;text-align:right}.hero{margin:0 0 28px;min-height:440px}.hero-art{width:100%;height:100%;opacity:.45;object-position:center 20%}.hero:after{background:linear-gradient(0deg,var(--surface) 10%,color-mix(in srgb,var(--surface) 70%,transparent) 55%,color-mix(in srgb,var(--surface) 20%,transparent))}.hero-copy{padding:26px;max-width:100%;justify-content:end;min-height:440px}.hero-copy h1{font-size:35px;max-width:90%;margin:18px 0 12px}.hero-copy .description{display:none}.hero-reason{margin:14px 0 20px;font-size:11px;max-width:90%}.hero-count{display:none}.hero-copy .eyebrow{font-size:9px}.hero-copy .actions{width:100%}.hero-copy .btn{font-size:12px;padding:12px 16px}.hero-copy .text-button{font-size:11px}.section{margin-bottom:30px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:21px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.film-title{font-size:13px}.card-meta{font-size:10px}.activity-box{grid-template-columns:1fr}.activity-row{padding:13px 0}.island-grid{grid-template-columns:1fr 1fr;gap:12px}.island{padding:19px;min-height:150px}.island h3{font-size:22px;margin:20px 0 8px}.island small{font-size:11px}.taste-layout{grid-template-columns:1fr;gap:16px}.taste-svg{max-width:340px;margin:auto;display:block}.footer{margin-top:30px;padding-bottom:105px;font-size:9px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:9px 10px max(10px,env(safe-area-inset-bottom));z-index:8}.mobile-nav a{font-size:10px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;min-height:44px}.mobile-nav a span{font-size:22px;line-height:26px;font-family:Arial}.mobile-nav a.active{color:var(--accent)}.toast{bottom:90px}.detail-top{grid-template-columns:95px 1fr;gap:18px;padding:24px 20px 10px}.detail-info{padding-top:2px}.detail-info h1{font-size:25px;margin:10px 0}.detail-info p{display:none}.detail-info .actions .btn{font-size:11px;padding:9px 12px}.detail-body{padding:0 20px 24px}.detail-top .meta{font-size:10px;gap:5px}.detail-poster{margin-top:10px}.close-dialog{width:32px;height:32px;top:8px;right:8px;font-size:22px}.detail-info .eyebrow{font-size:8px}.rating-scale{gap:5px}.rating-number{width:calc((100% - 45px)/10);min-width:23px;font-size:12px;height:40px}.modal-simple{padding:38px 22px}.profile-head h1{font-size:28px}.stats{gap:26px}.settings-row{align-items:start}.settings-row select{max-width:150px}.search-box input{font-size:17px;padding:16px}.creator{min-height:180px;padding:16px}.creator h3{font-size:14px}.creator p{font-size:11px}.search-tools{flex-wrap:wrap}.search-tools select{max-width:calc(50% - 6px);font-size:12px}.empty{padding:22px}.btn{font-size:12px}.mode-strip .chip{font-size:11px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.mobile-description{display:none}@media(max-width:650px){.mobile-description{display:block}}

.discovery-nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 28px}.watch-tools{margin-top:22px;flex-wrap:wrap}.watch-tools select{width:auto;min-width:170px;flex:1}.ranking-explanation{max-width:760px;line-height:1.7}.ranking-list{border-top:1px solid var(--line)}.ranking-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 90px 44px;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.rank-number{font-family:Georgia,serif;font-size:30px;color:var(--accent)}.ranking-film{display:flex;gap:20px;align-items:center;text-align:left;padding:0;min-width:0}.ranking-film img{width:60px;height:90px;object-fit:cover;border-radius:6px}.ranking-film strong{display:block;font-size:20px;font-weight:500}.ranking-film small{display:block;margin-top:5px}.ranking-score{text-align:right}.ranking-score strong{display:block;font-size:25px;font-weight:500}.ranking-score strong small{font-size:12px}.ranking-score>span{font-size:12px;color:var(--muted)}.ranking-save{position:static;min-width:44px;min-height:44px}.discovery-nav .text-button{min-height:44px;display:inline-flex;align-items:center}@media(max-width:650px){.ranking-row{grid-template-columns:24px minmax(0,1fr) 58px 36px;gap:9px;padding:16px 0}.rank-number{font-size:23px}.ranking-film{gap:10px}.ranking-film img{width:42px;height:63px}.ranking-film strong{font-size:14px}.ranking-film small{font-size:10px}.ranking-score strong{font-size:20px}.ranking-score>span{font-size:10px}.ranking-save{min-width:36px}.watch-tools select{min-width:120px;max-width:100%}}

.watch-card-tools{display:flex;justify-content:space-between;gap:8px;font-size:12px}.watch-card-tools button{min-height:44px}.group-constraints{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:20px}.group-constraints label{font-size:13px;color:var(--secondary)}.group-candidate{padding:20px 0;border-bottom:1px solid var(--line)}.group-candidate>button{padding:0;text-align:left}.group-candidate strong,.group-candidate small{display:block}.group-candidate strong{font-size:18px;font-weight:500}.group-candidate .actions{margin-top:12px}.pair select{max-width:190px}button[aria-busy=true]{opacity:.65;pointer-events:none}@media(max-width:767px){.rating-scale{flex-wrap:wrap}.rating-number{width:calc((100% - 24px)/5);min-width:44px;min-height:44px}.group-constraints{grid-template-columns:1fr 1fr}.group-constraints>button{grid-column:1/-1}.watch-card-tools{font-size:11px}.pair select{max-width:155px}}

[data-theme=forest]{--bg:#101713;--surface:#19251d;--raised:#26382b;--text:#edf3ea;--secondary:#b9c8b8;--muted:#93a892;--line:#394f3d;--accent:#b5d1ad;--ink:#101713;--focus:#d1e7c9}
[data-theme=wine]{--bg:#1a1117;--surface:#281c24;--raised:#3b2934;--text:#f7edf2;--secondary:#cdb8c4;--muted:#b29aa8;--line:#543b49;--accent:#e1b4cb;--ink:#1a1117;--focus:#f3d6e6}
.header-account{display:flex;align-items:center;gap:16px}.appearance-button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:24px}.theme-section{padding:16px 0 26px;border-bottom:1px solid var(--line)}.theme-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.theme-option{position:relative;border:1px solid var(--line);border-radius:12px;padding:8px;text-align:left;font-size:12px;min-height:44px}.theme-option[aria-pressed=true]{border-color:var(--accent);outline:1px solid var(--accent)}.theme-swatch{display:flex;flex-direction:column;justify-content:space-between;height:80px;border-radius:7px;padding:12px;margin-bottom:10px;border:1px solid #ffffff22}.theme-swatch span{font-size:24px}.theme-swatch i{width:60%;height:5px;background:currentColor;border-radius:5px}.theme-check{position:absolute;right:14px;top:14px;color:var(--accent)}@media(max-width:650px){.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.header-account{gap:8px}.theme-swatch{height:65px}}