:root{--bg:#f8f2e7;--bg-strong:#efe2cb;--surface:#fffcf7d1;--surface-strong:#fffaf1;--surface-muted:#57443014;--surface-control:#ffffffd6;--surface-control-strong:#fffdf8;--surface-nav:#fffaf1d1;--line:#4e3a2b2e;--line-strong:#4e3a2b40;--text:#2f241a;--text-muted:#695848;--accent:#b33b2e;--accent-strong:#8c2419;--accent-soft:#b33b2e1f;--accent-line:#b33b2e47;--accent-focus:#b33b2e6b;--accent-ring:#b33b2e1a;--success:#25573f;--success-soft:#26573f1a;--button-text:#fffaf4;--shadow:0 22px 60px #543a221f;--shadow-soft:0 14px 28px #b33b2e38;--shadow-soft-hover:0 18px 30px #b33b2e47;--space-1:.35rem;--space-2:.45rem;--space-3:.55rem;--space-4:.65rem;--space-5:.75rem;--space-6:.8rem;--space-7:.85rem;--space-8:.95rem;--space-9:1rem;--space-10:1.1rem;--space-11:1.15rem;--space-12:1.2rem;--space-14:1.4rem;--space-15:1.5rem;--space-16:1.75rem;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--radius-pill:999px;--sans:"Aptos", "Trebuchet MS", "Segoe UI", sans-serif;--display:"Georgia", "Times New Roman", serif;font-family:var(--sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#ffffffe0,#0000 28rem),linear-gradient(#f4e9d7 0%,#f8f2e7 46%,#f4ecde 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background:linear-gradient(135deg,#b33b2e0f,#0000 28%),radial-gradient(circle at 82% 12%,#26573f1a,#0000 18%),radial-gradient(circle at 18% 82%,#624c2a14,#0000 22%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:1.25rem 0 3rem}.app-shell__header{gap:var(--space-15);border-radius:calc(var(--radius-lg) + 6px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0c090785,#2f241a57),url(/navbar.png) 100%/cover no-repeat;border:1px solid #fffaf16b;align-items:end;margin-top:1rem;padding:clamp(1.5rem,3vw,2.35rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,inset 0 -34px 70px #0c090752,0 22px 60px #543a2229}.app-shell__header:before{content:"";pointer-events:none;background:linear-gradient(#0000002e,#00000061),radial-gradient(circle at 18% 12%,#fffaf124,#0000 34rem);position:absolute;inset:0}.app-shell__brand,.app-shell__nav{z-index:1;position:relative}.app-shell__brand{gap:var(--space-4);display:grid}.eyebrow{width:fit-content;padding:var(--space-1) .7rem;border-radius:var(--radius-pill);color:var(--accent-strong);letter-spacing:.16em;text-transform:uppercase;background:#fffaf1db;font-size:.77rem;font-weight:700;display:inline-flex;box-shadow:0 8px 22px #0c090729}.app-shell__title{font-family:var(--display);letter-spacing:-.04em;color:#fffaf4;text-shadow:0 2px 18px #00000057;margin:0;font-size:clamp(2.5rem,5vw,4.75rem);line-height:.95}.app-shell__subtitle{color:#fffaf4d6;text-shadow:0 1px 14px #00000052;max-width:48rem;margin:0;font-size:1rem}.app-shell__nav{gap:var(--space-5);flex-wrap:wrap;display:flex}.app-shell__nav-link{padding:var(--space-6) var(--space-9);border-radius:var(--radius-pill);color:#fffaf4;background:var(--surface-nav);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fffaf161;transition:transform .16s,background-color .16s,border-color .16s,color .16s;box-shadow:inset 0 1px #ffffff6b,0 10px 28px #0c090729}.app-shell__nav-link:hover,.app-shell__nav-link:focus-visible{color:#fffdf8;background:#fffaf13d;border-color:#fffaf19e;transform:translateY(-1px)}.app-shell__nav-link--active{color:#2f241a;background:#fffaf1e6;border-color:#fffaf1bd}.app-shell__main{padding-block:var(--space-15) 0}.page{gap:var(--space-15);display:grid}.page__hero,.panel,.film-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page__hero{gap:var(--space-6);padding:var(--space-16);display:grid}.page__title{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,3vw,3rem)}.page__copy,.empty-state,.meta{color:var(--text-muted);margin:0}.shell-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.shell-card{min-height:11rem;padding:var(--space-14);border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong)}.shell-card h3{margin:0 0 var(--space-3);font-size:1.1rem}.insight-list{margin-block:var(--space-6);padding-left:1.1rem}.rating-histogram{gap:var(--space-2);height:5.5rem;margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--line);grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;display:grid}.rating-histogram__bar{gap:var(--space-2);grid-template-rows:1fr auto;align-items:end;min-width:0;height:100%;display:grid}.rating-histogram__fill{border-radius:var(--radius-pill) var(--radius-pill) 3px 3px;background:linear-gradient(180deg, var(--accent), var(--accent-strong));width:100%;min-height:0;display:block}.rating-histogram__label{color:var(--text-muted);text-align:center;font-size:.68rem;line-height:1}.log-grid{gap:var(--space-15);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;display:grid}.panel{gap:var(--space-9);padding:var(--space-15);display:grid}.panel__header{gap:var(--space-2);display:grid}.panel__title{margin:0;font-size:1.3rem}.form-grid{gap:var(--space-9);display:grid}.field{gap:var(--space-2);display:grid}.field label{font-size:.92rem;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:var(--space-7) var(--space-8);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-control);color:var(--text);transition:border-color .16s,box-shadow .16s,background-color .16s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent-focus);box-shadow:0 0 0 4px var(--accent-ring);background:var(--surface-control-strong);outline:none}.field textarea{resize:vertical;min-height:7rem}.form-grid__row,.filter-grid{gap:var(--space-9);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.button-primary{width:fit-content;padding:var(--space-7) var(--space-12);border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--button-text);box-shadow:var(--shadow-soft);border:0;font-weight:700;transition:transform .16s,box-shadow .16s}.button-primary:hover,.button-primary:focus-visible{box-shadow:var(--shadow-soft-hover);transform:translateY(-1px)}.button-primary:disabled{cursor:wait;opacity:.75;transform:none}.button-row{gap:var(--space-6);flex-wrap:wrap;display:flex}.button-secondary{width:fit-content;padding:var(--space-7) var(--space-12);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface-control);color:var(--text);font-weight:700}.button-secondary--danger{border-color:var(--accent-line);color:var(--accent-strong)}.status-message{color:var(--success);margin:0;font-size:.92rem;font-weight:700}.status-message--error{color:var(--accent-strong)}.auth-panel{max-width:34rem}.auth-actions{z-index:1;position:relative}.film-list,.tag-input,.tag-input__suggestions,.tag-suggestion-group,.check-grid{gap:var(--space-9);display:grid}.film-card{gap:var(--space-9);padding:var(--space-10) var(--space-11);display:grid}.film-card__content{gap:var(--space-9);grid-template-columns:108px minmax(0,1fr);align-items:start;display:grid}.film-card__poster-wrap{width:100%}.film-card__poster{aspect-ratio:2/3;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--line);background:var(--surface-muted);width:100%}.film-card__poster--placeholder{color:var(--text-muted);place-items:center;font-size:.82rem;display:grid}.film-card__details{gap:var(--space-9);display:grid}.film-card__header{gap:var(--space-9);justify-content:space-between;align-items:start;display:flex}.film-card__title{margin:0;font-size:1.08rem}.film-card__rating{padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--success-soft);color:var(--success);white-space:nowrap;font-size:.88rem;font-weight:700}.film-card__notes{white-space:pre-wrap;color:var(--text);margin:0}.film-card__actions{gap:var(--space-6);flex-wrap:wrap;display:flex}.placeholder-card{gap:var(--space-3);padding:var(--space-12);border-radius:var(--radius-md);background:var(--surface-muted);display:grid}.tag-suggestion-group__header{gap:var(--space-1);display:grid}.tag-input__selected,.tag-row,.meta-row{gap:var(--space-5);flex-wrap:wrap;display:flex}.tag-chip,.meta-pill,.check-pill{align-items:center;gap:var(--space-3);width:fit-content;min-height:2.2rem;padding:var(--space-1) .8rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-strong);color:var(--text);display:inline-flex}.tag-chip{cursor:pointer}.tag-chip--suggestion,.tag-chip--custom,.meta-pill--accent,.check-pill--accent{border-color:var(--accent-line);background:var(--accent-soft)}.tag-chip--static{cursor:default}.tag-chip__remove{color:var(--text-muted);font-size:.9rem}.check-pill{cursor:pointer}.check-pill input{margin:0}.meta-row:empty{display:none}@media (width<=860px){.app-shell{width:min(100%,100% - 1rem)}.app-shell__header,.page__hero,.panel{padding:var(--space-12)}.log-grid,.shell-grid,.form-grid__row,.filter-grid{grid-template-columns:1fr}}.film-detail{gap:var(--space-14)}.detail-grid{gap:var(--space-10);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.detail-grid div{padding:var(--space-9);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong)}.detail-grid dt{color:var(--text-muted);margin:0;font-weight:700}.detail-grid dd{margin:var(--space-2) 0 0}.film-card__title a:hover,.film-card__title a:focus-visible{text-decoration:underline}@media (width<=720px){.detail-grid{grid-template-columns:1fr}.film-card__content{grid-template-columns:84px minmax(0,1fr)}}.app-shell__nav-stack{gap:var(--space-6);display:grid}.app-shell__nav--settings{padding-top:var(--space-4);border-top:1px dashed var(--line)}.app-shell__nav-link--settings{background:#26573f14}.settings-panel{gap:var(--space-10)}.settings-actions{align-items:center}.settings-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.app-shell__footer{justify-items:center;gap:var(--space-5);margin-top:var(--space-16);padding:var(--space-12);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow);display:grid}.app-shell__tmdb-logo{width:min(280px,100%);height:auto}.app-shell__tmdb-note{text-align:center;color:var(--text-muted);margin:0;font-size:.95rem}