:root{--ink:#0c0c0f;--graphite:#2a2a33;--paper:#f7f3e8;--accent:#d94f2b;--accent-dark:#b53b1a;--mist:#e6ddc9;--sea:#0f5c6e;--sea-dark:#093c47;--checked:#f0b429;--unchecked:#f2efe6;--shadow:rgba(12,12,15,.12)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Futura,Trebuchet MS,sans-serif;background:radial-gradient(circle at top,#f9f4e6 0,#f1e6cf 45%,#eadcc1 100%)}a{color:inherit}.app{--app-pad-x:0px;--app-pad-y:0px;min-height:100vh;height:100vh;padding:var(--app-pad-y) var(--app-pad-x) 0;display:flex;flex-direction:column;gap:24px}.hero{display:grid;grid-gap:20px;gap:20px}.hero-body{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-left:30px;padding-right:30px}.kicker,.kicker-signout{text-transform:uppercase;letter-spacing:.24em;font-size:14px;color:var(--graphite)}.kicker-signout{padding-left:40vw;padding-top:50vh}h1{margin:8px 0;font-size:clamp(32px,4vw,56px);font-weight:700}.hero p{margin:0;color:var(--graphite);max-width:540px}.site-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:16px;gap:16px;width:100%;padding:20px 25px;border:1px solid #d0cdd0;background:#fbfcff}.app:not(.home-page) .site-nav{margin-left:calc(var(--app-pad-x) * -1);margin-right:calc(var(--app-pad-x) * -1);padding-left:calc(var(--app-pad-x) + 14px);padding-right:calc(var(--app-pad-x) + 14px)}.nav-brand{font-weight:700;color:var(--ink)}.nav-brand,.nav-links{letter-spacing:.18em;text-transform:uppercase;font-size:12px}.nav-links{display:flex;gap:18px;justify-content:center}.nav-links .nav-link{text-decoration:none;color:var(--graphite);font-weight:600;padding:6px 10px}.nav-links .nav-link:hover{color:var(--accent);text-shadow:0 0 10px rgba(93,115,126,.65)}.nav-actions{display:flex;gap:10px;align-items:center}.nav-toggle{display:none;width:40px;height:40px;border-radius:999px;border:1px solid #d0cdd0;background:#fcfcfc;color:var(--ink);align-items:center;justify-content:center;cursor:pointer;padding:0;gap:4px;flex-direction:column;transition:background .2s ease,border-color .2s ease}.nav-toggle span{width:18px;height:2px;background:currentColor;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.site-nav.nav-open .nav-toggle span:first-child{transform:translateY(6px) rotate(45deg)}.site-nav.nav-open .nav-toggle span:nth-child(2){opacity:0}.site-nav.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-button{text-decoration:none;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid #d0cdd0;font-size:12px;text-transform:uppercase;letter-spacing:.16em;transition:.5s linear;display:inline-flex;align-items:center;justify-content:center}.nav-button,.nav-links .nav-link{position:relative;overflow:hidden}.nav-links .nav-link{border-radius:6px}.nav-links .nav-link:after,.nav-links .nav-link:before{position:absolute;content:"";box-sizing:border-box;pointer-events:none;border-radius:6px}.nav-links .nav-link:before{left:0;bottom:0;width:100%;height:4px;border-bottom:2px solid transparent;border-left:2px solid transparent;transform:translateX(100%)}.nav-links .nav-link:after{top:0;left:0;width:100%;height:4px;border-top:2px solid transparent;border-right:2px solid transparent;transform:translateX(-100%)}.nav-links .nav-link:hover:before{border-color:var(--accent);height:100%;transform:translateX(0);transition:transform .3s linear,height .3s linear .3s,border-color .3s linear}.nav-links .nav-link:hover:after{border-color:var(--accent);height:100%;transform:translateX(0);transition:transform .3s linear,height .3s linear .5s,border-color .3s linear}.nav-button.primary{background:var(--accent);color:#fbfcff;border-color:var(--accent)}.nav-button.ghost{background:#fbfcff;color:var(--graphite)}.site-nav .nav-button:after,.site-nav .nav-button:before{position:absolute;content:"";box-sizing:border-box;border-radius:999px}.site-nav .nav-button:before{left:0;bottom:0;width:100%;height:4px;border-bottom:2px solid transparent;border-left:2px solid transparent;transform:translateX(100%)}.site-nav .nav-button:after{top:0;left:0;width:100%;height:4px;border-top:2px solid transparent;border-right:2px solid transparent;transform:translateX(-100%)}.site-nav .nav-button:hover{box-shadow:0 5px 15px rgba(0,0,0,.35);filter:brightness(1.25) saturate(1.2)}.site-nav .nav-button:hover:before{border-color:var(--accent);height:100%;transform:translateX(0);transition:transform .3s linear,height .3s linear .3s,border-color .3s linear}.site-nav .nav-button:hover:after{border-color:var(--accent);height:100%;transform:translateX(0);transition:transform .3s linear,height .3s linear .5s,border-color .3s linear}.site-nav .nav-button:hover{border-color:var(--accent)}.site-nav .nav-button:after,.site-nav .nav-button:before{pointer-events:none}.site-nav .nav-button:hover{outline:none}.stats{display:flex;gap:16px}.stat{background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffffcc;padding:12px 16px;border-radius:16px;text-align:right;min-width:140px;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.stat-link{text-decoration:none;color:inherit;cursor:pointer}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--graphite)}.stat-value{font-size:28px;font-weight:700}.stat:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 18px 30px rgba(2,17,27,.35)}.stat:hover .stat-label,.stat:hover .stat-value{color:#fff}main{grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr)}.sub-main,main{display:grid;grid-gap:24px;gap:24px;flex:1 1;min-height:0;padding-left:20px;padding-right:20px}.map-panel{background:linear-gradient(135deg,#0f5c6e,#0b4c59 60%,#083542);border-radius:28px;padding:16px;box-shadow:0 20px 40px rgba(12,12,15,.2);position:relative;overflow:hidden}.map-reset,.map-toggle{position:absolute;top:18px;z-index:2;padding:8px 14px;font-size:12px;background:#ffffffcc;color:var(--graphite);border:1px solid #fff;border-radius:999px}.map-toggle{right:18px}.map-reset{right:146px}#finderMap,#map{width:100%;height:560px;border-radius:22px;background:radial-gradient(circle at 20% 10%,#1a7a90 0,#0f5c6e 35%,#093c47 100%)}.legend{position:absolute;right:24px;bottom:24px;display:flex;gap:16px;background:#ffffffcc;padding:8px 12px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.legend-item{display:flex;align-items:center;gap:8px}.swatch{width:14px;height:14px;border-radius:4px;border:1px solid #d3c8b1}.swatch.checked{background:var(--checked)}.side-panel{justify-content:center;align-items:center}.side-panel,.side-panel-add-movies{display:flex;flex-direction:column;gap:18px;padding:18px;border-radius:24px;background:#ffffffcc;border:1px solid #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:0;overflow-y:auto}.side-panel-add-movies{box-shadow:0 16px 32px var(--shadow);overflow-x:hidden}.controls{display:flex;gap:12px}button{border:none;padding:10px 16px;border-radius:999px;font-weight:600;cursor:pointer;letter-spacing:.04em;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(12,12,15,.15)}button.primary{color:#fff}button.secondary{background:#f3e7d0}.selected{padding:14px 16px;border-radius:16px;background:#fffdf6;border:1px solid #efe1c6;width:50vw}.selected.selected-active{background:var(--accent);border-color:var(--accent);color:#fff}.selected.selected-active .selected-label,.selected.selected-active .selected-meta,.selected.selected-active .selected-name{color:#fff}.profile-card{transition:background .25s ease,color .25s ease,border-color .25s ease}.profile-card:hover{background:var(--accent);border-color:var(--accent);color:#fff}.profile-card:hover .selected-label,.profile-card:hover .selected-meta,.profile-card:hover .selected-name{color:#fff}.selected-label{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--graphite)}.selected-name{font-size:22px;font-weight:700;margin-top:4px;overflow:hidden}.selected-meta{font-size:13px;color:var(--graphite);margin-top:4px}.finder-form,.movie-form{display:grid;grid-gap:10px;gap:10px}.poster-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-gap:10px;gap:10px}.poster-row input[type=file]{padding:8px 10px}.finder-form label,.movie-form label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--graphite)}.rating-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.rating-header label{margin:0}.rating-value{font-size:12px;color:var(--graphite);text-transform:uppercase;letter-spacing:.12em}.rating-picker{display:flex;gap:6px}.rating-star{border:none;background:transparent;color:#7a8088;font-size:30px;width:38px;height:38px;border-radius:999px;display:grid;place-items:center;cursor:pointer;line-height:1;padding:0;transition:transform .15s ease,color .15s ease}.rating-star:hover{transform:translateY(-1px);color:#1c6e8c}.rating-star.filled{color:#1c6e8c}.finder-form input,.movie-form input,.movie-form textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #d6c9b0;background:#fffef8;font-family:inherit}.status{font-size:13px;color:var(--accent-dark);min-height:18px}.suggestions{display:grid;grid-gap:6px;gap:6px}.suggestion-item{padding:8px 10px;border-radius:10px;background:#fffdf6;border:1px solid #efe1c6;font-size:13px;cursor:pointer}.suggestion-item:hover{background:#fff7e7;border-color:#e0d0b2}.finder-poster{min-height:160px;display:grid;place-items:start}.finder-poster img{width:160px;border-radius:12px;border:1px solid #e6d4b4;background:#f4efe1;box-shadow:0 10px 18px rgba(12,12,15,.12)}.movie-list,.result-list{display:grid;grid-gap:12px;gap:12px}.movie-card,.result-card{border-radius:16px;background:#fffdf6;border:1px solid #efe1c6;display:grid;grid-gap:10px;gap:10px;transition:background .25s ease,color .25s ease,border-color .25s ease}.edit-form{grid-column:1/-1;margin-top:6px}.movie-card{grid-template-columns:72px 1fr}.movie-card img{width:72px;height:104px;object-fit:cover;border-radius:10px;border:1px solid #e6d4b4;background:#f4efe1}.movie-card h3,.result-card h3{margin:0 0 6px;font-size:16px}.movie-card p,.result-card p{margin:0 0 8px;font-size:13px;color:var(--graphite)}.movie-card:hover,.result-card:hover{background:var(--accent);border-color:var(--accent);color:#fff;scale:1.03}.movie-card:hover .movie-date,.movie-card:hover .movie-like,.movie-card:hover .movie-meta-row,.movie-card:hover .movie-rating,.movie-card:hover .movie-released,.movie-card:hover .movie-review,.movie-card:hover .movie-rewatch,.movie-card:hover .movie-right,.movie-card:hover h3,.movie-card:hover p,.result-card:hover .movie-rating,.result-card:hover h3,.result-card:hover p{color:#fff}.movie-card:hover .movie-rating .rating-muted,.result-card:hover .movie-rating .rating-muted{color:hsla(0,0%,100%,.65)}.movie-actions,.movie-card .meta{display:flex;gap:8px;align-items:center}.movie-actions{flex-wrap:wrap}.movie-actions button{min-width:96px;justify-content:center}.search label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.2em;margin-bottom:6px;color:var(--graphite)}.search input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #d6c9b0;background:#fffef8}.list{overflow-y:auto;padding-right:4px;display:grid;grid-gap:8px;gap:8px}.country-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#fffdf6;border:1px solid #efe1c6;cursor:pointer;transition:background .15s ease,transform .15s ease}.country-item:hover{background:#fff7e7;transform:translateX(2px)}.country-item.checked{background:#fef0c1;border-color:#f0c54c}.country-item span{font-size:14px}.country-item .mark{display:flex;gap:6px;align-items:center;font-size:12px;color:#7b5a0b}.country-item .mark .dot{width:18px;height:18px;border-radius:6px;border:2px solid #d6c9b0;display:grid;place-items:center;font-size:12px;background:#fff}.country-item.checked .mark .dot{border-color:#c4961a}svg{width:100%;height:100%}.country{stroke:#d7c9ab;stroke-width:.6;transition:fill .2s ease,stroke .2s ease,transform .2s ease}.country.checked{fill:var(--checked);stroke:#c4961a}.country.active{stroke:#d94f2b;stroke-width:1.6}.country.found{fill:#9fd2a1;stroke:#4f8b5b}.country:hover{fill:#e0bf57;stroke:#b18422}.map-tooltip{position:absolute;z-index:3;top:0;left:0;padding:6px 10px;background:rgba(12,12,15,.85);color:#fff;border-radius:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;transform:translate(-50%,-120%);transition:opacity .12s ease;white-space:nowrap}@media (max-width:980px){main{grid-template-columns:1fr}.hero-body{flex-direction:row;align-items:center}.app:not(.home-page) .site-nav{margin-left:0;margin-right:0;padding-left:14px;padding-right:14px}.site-nav{grid-template-columns:auto auto;border-radius:18px}.site-nav.nav-open{background:#718a97;border-color:#88a5b4;box-shadow:0 12px 24px rgba(0,0,0,.4)}.nav-actions,.nav-links{display:none;grid-column:1/-1}.site-nav.nav-open .nav-actions,.site-nav.nav-open .nav-links{background:transparent;border-top:1px solid hsla(0,0%,100%,.12);display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding-top:10px;padding-right:6px}.site-nav.nav-open .nav-brand,.site-nav.nav-open .nav-links .nav-link{color:#fcfcfc}.site-nav.nav-open .nav-links .nav-link:hover{color:#fff}.site-nav.nav-open .nav-actions{padding-bottom:12px}.nav-toggle{display:inline-flex;justify-self:end}#finderMap,#map,.side-panel{min-height:420px}}@media (max-width:720px){.app{--app-pad-x:16px;--app-pad-y:20px;padding:20px 16px 40px;height:auto;min-height:100vh}.app,.hero{gap:16px}.top-nav{flex-wrap:wrap;gap:8px;font-size:11px;letter-spacing:.14em}.top-nav .nav-link{padding:6px 10px}.stats{flex-direction:column;align-items:stretch;width:100%}.stat{text-align:left}.map-panel{display:grid;grid-template-columns:1fr;grid-template-areas:"controls" "map" "legend";grid-gap:10px;gap:10px;padding:12px;min-height:0}.map-reset,.map-toggle{position:static}.map-toggle{grid-area:controls;justify-self:start}.map-reset{grid-area:controls;justify-self:end}#finderMap,#map{grid-area:map;height:min(65vh,520px);min-height:360px}.legend{grid-area:legend;position:static;justify-content:center}.side-panel{padding:14px}.poster-row{grid-template-columns:1fr}.import-panel,.movie-list-panel,.selected,.side-panel{width:100%}.import-actions{flex-direction:column;align-items:stretch}.import-actions button,.import-file{width:100%;justify-content:center}.movie-list-header{grid-template-columns:1fr;gap:6px;padding:6px 12px;text-align:left}.movie-list-col{display:none}.movie-list-col.day,.movie-list-col.film{display:block}.movie-row{grid-template-columns:1fr;row-gap:10px;padding:12px}.movie-date{display:flex;gap:10px;align-items:center;justify-content:flex-start}.movie-date-day,.movie-date-month,.movie-date-year{font-size:12px}.movie-card.movie-row img{width:72px;height:104px;margin:0;justify-self:start}.movie-body{text-align:left}.movie-right{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.movie-like,.movie-released,.movie-review,.movie-rewatch{display:none}.movie-actions button{padding:8px 14px}}body.map-maximized .side-panel{display:none}body.map-maximized main{grid-template-columns:1fr}body.map-maximized #map{height:80vh}.movie-list-main{display:block}.movie-list-panel{width:100%}.movie-list-page main{min-height:60vh}.movie-list-grid{gap:16px}.movie-date{margin-right:6px}.movie-body{grid-gap:6px;gap:6px}.movie-meta-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:center}.movie-body h3,.movie-body p,.movie-row{text-align:center}.movie-card.movie-row img{margin:0 auto;justify-self:center;align-self:center}.movie-meta-row{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--graphite)}:root{--ink:#02111b;--graphite:#3f4045;--paper:#fcfcfc;--accent:#5d737e;--accent-dark:#30292f;--mist:#3f4045;--sea:#5d737e;--sea-dark:#30292f;--checked:#5d737e;--unchecked:#fcfcfc;--shadow:rgba(2,17,27,.18)}body{background:radial-gradient(circle at top,#fcfcfc 0,#e7eaed 45%,#cfd6db 100%);color:var(--ink)}.top-nav .nav-link{border:1px solid #c7cdd3;background:#fcfcfc}.top-nav .nav-link:hover{color:var(--accent-dark);border-color:#aeb6bd;background:#f0f2f4}.stat{background:#ffffffcc;border:1px solid #fbfcff;box-shadow:0 12px 24px var(--shadow)}.map-panel{background:linear-gradient(135deg,#5d737e,#46565f 60%,#30292f);box-shadow:0 20px 40px rgba(2,17,27,.25)}#finderMap,#map{background:radial-gradient(circle at 20% 10%,#6f8791 0,#5d737e 35%,#30292f 100%)}.legend{background:#fcfcfccc}.swatch{background:var(--unchecked);border:1px solid #b2b8bf}.swatch.checked{background:#f0b429;border-color:#c4961a}.side-panel{background:#fcfcfccc;border:1px solid #fcfcfc;box-shadow:0 16px 32px var(--shadow)}button.primary{background:var(--accent);color:#fcfcfc}button.secondary{background:#d5dade;color:var(--graphite)}.mantine-Button-root.primary:not(.nav-button):hover,.mantine-Button-root.secondary:not(.nav-button):hover,button.primary:not(.nav-button):hover,button.secondary:not(.nav-button):hover{background:#fff;color:var(--accent)}.finder-form input,.movie-form input,.movie-form textarea,.selected,.suggestion-item{background:#fcfcfc;border:1px solid #c7cdd3}.suggestion-item:hover{background:#f0f2f4;border-color:#aeb6bd}.finder-poster img{border:1px solid #c7cdd3;background:#f0f2f4;box-shadow:0 10px 18px var(--shadow)}.movie-card,.result-card{background:#fcfcfc;border:1px solid #c7cdd3;padding:0}.movie-card img{border:1px solid #c7cdd3;background:#f0f2f4}.country-item,.search input{border:1px solid #c7cdd3;background:#fcfcfc}.country-item:hover{background:#f0f2f4}.country-item.checked{background:#d7e0e4;border-color:#5d737e}.country-item.active{outline:2px solid #d94f2b}.country-item .mark{color:#30292f}.country-item .mark .dot{border:2px solid #b2b8bf;background:#fcfcfc}.country-item.checked .mark .dot{background:var(--checked);border-color:#5d737e}.country{fill:var(--unchecked);stroke:#b2b8bf}.country.checked{fill:#c9a144;stroke:#a8852f}.country.active{stroke:#ff8a00}.country.found{fill:#9cb3bc;stroke:#5d737e}.country:hover{fill:#d3b061;stroke:#a8852f}.map-tooltip{background:rgba(2,17,27,.9);color:#fcfcfc}.movie-list-grid{gap:10px}.movie-row{grid-template-columns:72px 60px minmax(220px,1.6fr) minmax(160px,.6fr);align-items:center;padding:2vh 5vw;column-gap:12px}.movie-date{display:grid;place-items:center;min-width:56px;color:var(--graphite);text-transform:uppercase;letter-spacing:.12em;justify-self:center;align-self:center}.movie-date-month{font-size:11px}.movie-date-day{font-size:22px;font-weight:700;color:var(--ink)}.movie-date-year{font-size:11px}.movie-body h3{font-size:18px;margin:0 0 4px}.movie-body{display:grid;grid-gap:10px;gap:10px;text-align:left;padding-left:2vw}.movie-right{display:grid;grid-gap:8px;gap:8px;justify-items:start;text-transform:uppercase;letter-spacing:.12em;color:var(--graphite);font-size:12px}.movie-body h3,.movie-body p,.movie-row{text-align:left}.movie-rating{color:#5d737e;font-size:14px;letter-spacing:.18em}.movie-rating .rating-muted{color:#b9b2b4;margin-left:2px}.movie-list-header{display:grid;grid-template-columns:72px 64px minmax(220px,1.4fr) minmax(200px,.8fr);align-items:center;grid-gap:18px;gap:18px;padding:8px 18px 6px;margin-bottom:8px;border-bottom:1px solid #d0cdd0;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--graphite)}.import-panel{display:grid;grid-gap:10px;gap:10px;padding:14px;border-radius:16px;background:#fbfcff;border:1px solid #d0cdd0}.import-title{text-transform:uppercase;letter-spacing:.2em;font-weight:600}.import-help,.import-title{font-size:12px;color:var(--graphite)}.import-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.import-file{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid #c2bcc0;background:#fff;font-size:12px;cursor:pointer;font-weight:600}.import-file input,.movie-list-col{display:none}.movie-list-col.film{display:block}.movie-list-col.day,.movie-list-col.month{display:block;text-align:center}.movie-list-col.edit,.movie-list-col.like,.movie-list-col.rating,.movie-list-col.released,.movie-list-col.review,.movie-list-col.rewatch{text-align:end}.movie-right{grid-template-columns:repeat(6,auto);grid-auto-flow:column;column-gap:8px;align-items:center}.movie-like,.movie-review,.movie-rewatch{color:var(--graphite)}.auth-page{min-height:100vh;background:#fbfcff;color:var(--ink);display:grid;grid-template-rows:auto 1fr auto;padding:24px 24px 32px}.auth-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--graphite)}.auth-logo{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.auth-logo-img{height:auto;width:160px;max-width:42vw}.auth-main{display:flex;align-items:center;justify-content:center;padding:0}.auth-card{width:min(520px,92vw);border-radius:14px;border:1px solid #d0cdd0;background:#fbfcff;padding:32px 36px;box-shadow:0 20px 40px rgba(39,65,86,.12);text-align:center}.auth-title{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:18px}.auth-divider{display:flex;align-items:center;gap:12px;justify-content:center;margin:16px 0 12px;color:var(--graphite);font-size:12px;text-transform:uppercase;letter-spacing:.2em}.auth-divider:after,.auth-divider:before{content:"";height:2px;width:96px;background:#1c6e8c}.auth-form{display:grid;grid-gap:12px;gap:12px;margin-top:18px;text-align:left}.auth-form label{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--graphite)}.auth-form input{width:100%;padding:12px;border-radius:8px;border:1px solid #1c6e8c;background:#fff;font-family:inherit}.auth-form button.primary{margin-top:8px;width:100%}.auth-link{color:#1c6e8c;text-decoration:none;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-footer{display:grid;grid-gap:12px;gap:12px;text-align:center;color:var(--graphite);font-size:12px}.auth-footer-links{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center}.auth-footer-links a{color:#1c6e8c;text-decoration:none}.auth-footer-links a:hover{text-decoration:underline}.about-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(5,minmax(0,1fr))}.about-card{display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;align-items:start;padding:16px 18px;border-radius:14px;background:#5d737e;color:#fcfcfc;border:1px solid #4a4c52;box-shadow:0 12px 24px rgba(2,17,27,.18);min-height:110px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.about-card:hover{background:#88a0a9;transform:translateY(-4px);box-shadow:0 18px 30px rgba(2,17,27,.35);color:#02111b}.about-icon{width:36px;height:36px;border-radius:10px;background:#5d737e;display:grid;place-items:center;font-size:18px}.about-text{font-size:14px;line-height:1.4}.home-page{gap:32px;width:100%;padding:0}.home-dark{background:linear-gradient(90deg,rgba(2,17,27,.79),rgba(48,41,47,.86) 50%,rgba(63,64,69,.84)),url(https://lh5.googleusercontent.com/proxy/nP9U4SZCEaZhInNH9qiJZ_ZMEmUbXzuTcZz5ZGLMkZ0PsnUS4NQKjiW7ETmkv8gVQvxR9MABf7mULzRcoFalKtngjO-tpamuxLZlMkCGBFgZV2kMWsI33CeYXFjqiZgldA) 50% /cover no-repeat fixed;color:#fcfcfc}.home-dark .site-nav{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-dark .nav-brand,.home-dark .nav-links .nav-link{color:#fcfcfc}.home-dark .nav-links .nav-link:hover{color:#fff;text-shadow:0 0 12px hsla(0,0%,100%,.85)}.home-dark .nav-links .nav-link:hover:after,.home-dark .nav-links .nav-link:hover:before{border-color:#fff}.home-dark .nav-toggle{border-color:hsla(0,0%,100%,.35);background:rgba(0,0,0,.2);color:#fcfcfc}.home-dark .nav-button.ghost{background:#fcfcfc;color:#02111b;border-color:rgba(2,17,27,.12)}.home-dark .nav-button.primary{background:#5d737e;color:#fcfcfc;border-color:#5d737e}.home-content{display:flex;gap:20px;align-items:stretch;width:100%;margin:0;padding:0 24px 32px}.home-main{display:flex;align-items:center;background:transparent;border:none;border-radius:0;padding:72px 32px;box-shadow:none;min-height:calc(100vh - 180px);width:100%;justify-self:stretch}.home-hero-dark{position:relative;overflow:hidden}.home-hero-dark:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,17,27,.96),rgba(2,17,27,.6) 55%,rgba(2,17,27,.35)),radial-gradient(circle at 20% 30%,rgba(2,17,27,.65),transparent 60%);z-index:0}.home-hero-copy{position:relative;z-index:1;max-width:800px;margin:0 auto}.home-dark .kicker{color:hsla(0,0%,99%,.8)}.home-dark .home-hero-copy h1{color:#fcfcfc}.home-dark .home-hero-copy p{color:hsla(0,0%,99%,.85)}.home-dark .primary-cta{background:#fcfcfc;color:#02111b}.home-hero-copy{text-align:center;min-height:100%}.home-hero-content,.home-hero-copy{display:flex;flex-direction:column;align-items:center;width:100%}.home-hero-content{justify-content:center;flex:1 1;padding-top:clamp(16px,2vh,32px)}.home-hero-copy .kicker,.home-hero-copy h1,.home-hero-copy p{transition:transform .2s ease,text-shadow .2s ease}.home-hero-copy .kicker:hover,.home-hero-copy h1:hover,.home-hero-copy p:hover{transform:scale(1.02);text-shadow:0 0 14px hsla(0,0%,100%,.6)}.home-cta-row{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.home-quote{padding-top:0;padding-bottom:40px;font-size:clamp(10px,1.6vw,14px);color:hsla(0,0%,99%,.9);text-align:center;max-width:720px;display:grid;grid-gap:6px;gap:6px;transition:transform .2s ease,text-shadow .2s ease}.home-quote:hover{transform:scale(1.03);text-shadow:0 0 12px hsla(0,0%,100%,.55)}.home-quote-source,.home-quote-text{display:block}.home-quote-source{display:inline-block;color:hsla(0,0%,99%,.75)}.home-hero-copy h1{margin:10px 0 12px;font-size:clamp(32px,5vw,56px)}.home-hero-copy p{margin:0 0 20px;color:var(--graphite);max-width:520px}.btn-53,.btn-53 *,.btn-53:after,.btn-53:before{border:0 solid;box-sizing:border-box}.btn-53{-webkit-tap-highlight-color:transparent;-webkit-appearance:button;background-color:#fff;background-image:none;color:#000;cursor:pointer;font-family:Space Grotesk,Futura,Trebuchet MS,sans-serif;font-size:100%;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff);padding:0;text-decoration:none}.btn-53:disabled{cursor:default}.btn-53{border:1px solid #fff;border-radius:999px;box-sizing:border-box;display:inline-block;font-weight:900;overflow:hidden;padding:8px 14px;position:relative;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.btn-53.btn-ghost,.btn-53.btn-ghost .original{background:transparent;color:#fff}.btn-53.btn-ghost{border-color:hsla(0,0%,100%,.7)}.btn-53 .original{background:#fff;color:#000;display:grid;inset:0;place-content:center;position:absolute;transition:transform .2s cubic-bezier(.87,0,.13,1)}.btn-53:hover .original{transform:translateY(100%)}.btn-53:hover{background:#3f4045;border-color:#3f4045;color:#fff}.btn-53 .letters{display:inline-flex;justify-content:center}.btn-53 .letters span{opacity:0;transform:translateY(-15px);transition:transform .2s cubic-bezier(.87,0,.13,1),opacity .2s}.btn-53 .letters span:nth-child(2n){transform:translateY(15px)}.btn-53:hover .letters span{opacity:1;transform:translateY(0)}.btn-53 .original{opacity:1}.btn-53:hover .original{opacity:0}.btn-53:hover .letters span:nth-child(2){transition-delay:.1s}.btn-53:hover .letters span:nth-child(3){transition-delay:.2s}.btn-53:hover .letters span:nth-child(4){transition-delay:.3s}.btn-53:hover .letters span:nth-child(5){transition-delay:.4s}.btn-53:hover .letters span:nth-child(6){transition-delay:.5s}.btn-53:hover .letters span:nth-child(7){transition-delay:.6s}.btn-53:hover .letters span:nth-child(8){transition-delay:.7s}.btn-53:hover .letters span:nth-child(9){transition-delay:.8s}.btn-53:hover .letters span:nth-child(10){transition-delay:.9s}.home-hero-copy .primary-cta{display:inline-flex}.primary-cta,.secondary-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:600;letter-spacing:.04em}.primary-cta{background:var(--accent);color:#5d737e}.secondary-cta{background:#d0cdd0;color:var(--graphite)}.add-movies-page{display:grid;grid-template-columns:minmax(0,1fr) 140px;grid-gap:24px;gap:24px;padding-right:24px}.add-movies-main{display:grid;grid-template-rows:minmax(380px,1.1fr) minmax(0,1fr);grid-gap:24px;gap:24px;min-height:0}.side-nav{position:-webkit-sticky;position:sticky;top:24px;align-self:start;height:calc(100vh - 48px);display:flex;flex-direction:column;gap:18px;padding:16px 12px;border-radius:18px;background:#fbfcffcc;border:1px solid #fbfcff;box-shadow:0 16px 28px var(--shadow)}.side-brand{font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:12px;text-align:center;color:var(--ink)}.side-links{display:grid;grid-gap:10px;gap:10px}.side-link{text-decoration:none;color:var(--graphite);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.16em;padding:8px 10px;border-radius:999px;border:1px solid #d0cdd0;background:#fbfcff;text-align:center}.side-link:hover{color:var(--accent-dark);border-color:#b9b2b4;background:#f0eff3}.side-link.active{background:var(--accent);color:#fbfcff;border-color:var(--accent)}.logout-link{margin-top:auto}.stats-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:1100px){.add-movies-page{grid-template-columns:minmax(0,1fr) 120px}}@media (max-width:980px){.add-movies-page,.home-main{grid-template-columns:1fr}.add-movies-page{padding-right:16px}.side-nav{position:static;height:auto;flex-direction:row;flex-wrap:wrap;justify-content:center}.side-links{grid-auto-flow:column;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.logout-link{width:100%}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.home-main{padding:32px 20px}.side-links{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1fr}}