:root{--navy-950:#061629;--navy-900:#0a2038;--navy-850:#0d2947;--navy-800:#103353;--blue-500:#3a8fd9;--teal-500:#21b0ae;--mint-400:#9be2c4;--mint-300:#b8edd7;--gold-300:#ffd98b;--white:#fff;--text:#f7fbff;--muted:#b9c8d8;--border:#ffffff24;--border-strong:#ffffff3d;--surface:#0a2038eb;--surface-strong:#0d2947;--danger:#ffd1c7;--danger-bg:#852e1f59;--notice-bg:#21b0ae26;--shadow-lg:0 24px 60px #00000057;--shadow-md:0 14px 34px #00000042;--radius-xl:24px;--radius-lg:18px;--radius-md:13px;color-scheme:dark}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 5%,#3a8fd92b,#0000 27rem),radial-gradient(circle at 92% 18%,#21b0ae21,#0000 30rem),#061629;background:radial-gradient(circle at 12% 5%,#3a8fd92b,#0000 27rem),radial-gradient(circle at 92% 18%,#21b0ae21,#0000 30rem),var(--navy-950);color:#f7fbff;color:var(--text);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;line-height:1.65;margin:0}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.15}dd,dl,h1,h2,h3,p{margin-top:0}a{color:inherit}::selection{background:#9be2c4;background:var(--mint-400);color:#061629;color:var(--navy-950)}:focus-visible{outline:3px solid #9be2c4;outline:3px solid var(--mint-400);outline-offset:4px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.skip-link{background:#9be2c4;background:var(--mint-400);border-radius:999px;color:#061629;color:var(--navy-950);font-weight:800;left:1rem;padding:.7rem 1rem;position:fixed;text-decoration:none;top:-8rem;z-index:9999}.skip-link:focus{top:1rem}.app-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061629e0;border-bottom:1px solid #ffffff24;border-bottom:1px solid var(--border);box-shadow:0 10px 30px #0003;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-footer:before,.app-header:after{background:linear-gradient(90deg,#3a8fd9,#21b0ae,#9be2c4);background:linear-gradient(90deg,var(--blue-500),var(--teal-500),var(--mint-400));content:"";height:2px;left:0;position:absolute;right:0}.app-header:after{bottom:-1px}.header-inner{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;padding:.9rem 0;width:min(1180px,calc(100% - 2rem))}.brand{align-items:center;color:#fff;color:var(--white);display:inline-flex;gap:.8rem;min-width:0;text-decoration:none}.brand-mark{border-radius:12px;box-shadow:0 14px 34px #00000042;box-shadow:var(--shadow-md);flex:0 0 auto;height:48px;width:48px}.brand-subtitle,.brand-title{display:block}.brand-title{font-size:clamp(1.15rem,2.3vw,1.65rem);font-weight:800;letter-spacing:-.035em}.brand-subtitle{color:#b9c8d8;color:var(--muted);font-size:.76rem;font-weight:600;margin-top:.08rem}.main-nav{align-items:center;display:flex;gap:.55rem}.nav-link{align-items:center;border:1px solid #0000;border-radius:999px;color:#b9c8d8;color:var(--muted);display:inline-flex;font-size:.94rem;font-weight:700;gap:.45rem;padding:.6rem .85rem;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}.nav-link-active,.nav-link:hover{background:#ffffff12;border-color:#ffffff24;border-color:var(--border);color:#fff;color:var(--white)}.jar-count{background:#9be2c4;background:var(--mint-400);border-radius:999px;color:#061629;color:var(--navy-950);display:inline-grid;font-size:.76rem;font-weight:800;height:1.45rem;min-width:1.45rem;padding:0 .34rem;place-items:center}.container{margin:0 auto;padding:clamp(2.5rem,7vw,5.5rem) 0;width:min(1180px,calc(100% - 2rem))}.page-home{padding-top:clamp(3.2rem,8vw,7rem)}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,hsla(0,0%,100%,.035),#0000 42%),#0a2038eb;background:linear-gradient(150deg,hsla(0,0%,100%,.035),#0000 42%),var(--surface);border:1px solid #ffffff24;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 24px 60px #00000057;box-shadow:var(--shadow-lg)}.hero{margin-bottom:clamp(2rem,5vw,3.6rem);max-width:850px}.eyebrow,.hero-kicker,.pick-label,.section-kicker,.suggest-kicker{color:#9be2c4;color:var(--mint-400);font-size:.78rem;font-weight:800;letter-spacing:.12em;margin-bottom:.55rem;text-transform:uppercase}.hero-title{font-size:clamp(2.35rem,7vw,5.25rem);letter-spacing:-.06em;margin-bottom:1rem;max-width:820px}.hero-copy,.page-intro{color:#b9c8d8;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);margin-bottom:0;max-width:740px}.detail-topbar,.saved-heading-row,.section-heading{align-items:flex-start;display:flex;gap:1.25rem;justify-content:space-between}.saved-heading-row h2,.section-heading h2{font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.035em;margin-bottom:0}.section-kicker{margin-bottom:.35rem}.search-card{padding:clamp(1.2rem,4vw,2.6rem)}.result-total{border:1px solid #ffffff24;border:1px solid var(--border);border-radius:999px;color:#b9c8d8;color:var(--muted);flex:0 0 auto;font-size:.84rem;font-weight:700;margin:.15rem 0 0;padding:.42rem .72rem}.search-form{margin-top:1.7rem}.search-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:minmax(0,1fr) minmax(150px,.25fr)}.field-label{color:#f7fbff;color:var(--text);display:block;font-size:.88rem;font-weight:700;margin-bottom:.45rem}.field-label span{color:#b9c8d8;color:var(--muted);font-weight:500}.search-input{background:#04111fb8;border:1px solid #ffffff3d;border:1px solid var(--border-strong);border-radius:13px;border-radius:var(--radius-md);color:#fff;color:var(--white);min-height:3.35rem;padding:.82rem .95rem;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;width:100%}.search-input::placeholder{color:#8fa2b5}.search-input:hover{border-color:#9be2c480}.search-input:focus{background:#04111ff0;border-color:#9be2c4;border-color:var(--mint-400);box-shadow:0 0 0 4px #9be2c424;outline:none}.year-input{text-align:center}.detail-actions,.jar-actions,.search-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;line-height:1.2;min-height:2.9rem;padding:.68rem 1rem;text-align:center;text-decoration:none;transition:transform .16s ease,filter .16s ease,background .16s ease,border-color .16s ease}.btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.62}.btn-primary{background:linear-gradient(135deg,#b8edd7,#21b0ae);background:linear-gradient(135deg,var(--mint-300),var(--teal-500));box-shadow:0 10px 24px #21b0ae33;color:#032638}.btn-secondary{background:#9be2c41a;border-color:#9be2c473;color:#fff;color:var(--white)}.btn-quiet{background:hsla(0,0%,100%,.045);border-color:#ffffff24;border-color:var(--border);color:#f7fbff;color:var(--text)}.search-hint{color:#b9c8d8;color:var(--muted);font-size:.84rem;margin:.8rem 0 0}.validation{color:#ffd1c7;color:var(--danger);font-size:.86rem;font-weight:700;margin:.35rem 0 0;min-height:1.4rem}.status{background:hsla(0,0%,100%,.045);border:1px solid #ffffff24;border:1px solid var(--border);border-radius:12px;color:#f7fbff;color:var(--text);font-weight:650;margin:1.25rem 0 0;padding:.8rem .95rem}.status.error{background:#852e1f59;background:var(--danger-bg);border-color:#ff9d8959;color:#ffd1c7;color:var(--danger)}.status.notice{background:#21b0ae26;background:var(--notice-bg);border-color:#21b0ae59;color:#b8edd7;color:var(--mint-300)}.mini-status{color:#b9c8d8;color:var(--muted);font-size:.84rem;font-weight:700}.suggest{border-top:1px solid #ffffff24;border-top:1px solid var(--border);margin-top:2rem;padding-top:1.6rem;position:relative}.suggest-intro{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.suggest-intro h2{font-size:clamp(1.35rem,3vw,1.8rem);margin-bottom:.45rem}.suggest-copy{color:#b9c8d8;color:var(--muted);margin-bottom:0;max-width:620px}.suggest-panel{margin-top:1rem}.suggest-grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}.suggest-option{background:#ffffff0a;border:1px solid #ffffff24;border:1px solid var(--border);border-radius:14px;color:#b9c8d8;color:var(--muted);cursor:pointer;padding:1rem;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.suggest-option:hover{background:#9be2c414;border-color:#9be2c48c;transform:translateY(-2px)}.suggest-option-title{color:#fff;color:var(--white);display:block;font-weight:800;margin-bottom:.28rem}.results-section{border-top:1px solid #ffffff24;border-top:1px solid var(--border);margin-top:2rem;padding-top:1.7rem}.jar-grid,.results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.jar-card,.result-card{background:#04111f8f;border:1px solid #ffffff24;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);min-width:0;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.jar-card:hover,.result-card:hover{border-color:#9be2c461;box-shadow:0 14px 34px #00000042;box-shadow:var(--shadow-md);transform:translateY(-3px)}.jar-card-poster-link,.result-poster-link{display:block;text-decoration:none}.jar-card-poster,.poster-wrap{aspect-ratio:2/3}.jar-card-poster,.pick-poster,.poster-image{height:100%;object-fit:cover;width:100%}.poster-placeholder{grid-gap:.55rem;align-content:center;background:linear-gradient(135deg,#3a8fd926,#21b0ae14),#0a2038;background:linear-gradient(135deg,#3a8fd926,#21b0ae14),var(--navy-900);color:#b9c8d8;color:var(--muted);display:grid;font-size:.82rem;font-weight:700;gap:.55rem;justify-items:center;min-height:100%;padding:1rem;text-align:center}.poster-placeholder-icon{font-size:2.2rem}.jar-card-body,.result-body{display:flex;flex-direction:column;min-height:10.3rem;padding:.9rem}.result-meta{color:#9be2c4;color:var(--mint-400);font-size:.78rem;font-weight:800;letter-spacing:.06em;margin-bottom:.3rem;text-transform:uppercase}.jar-card h3,.result-title{font-size:1.03rem;margin-bottom:.8rem}.jar-card h3 a,.result-title a{color:#fff;color:var(--white);text-decoration:none}.jar-card h3 a:hover,.result-title a:hover{color:#b8edd7;color:var(--mint-300)}.card-actions{align-items:center;display:flex;gap:.6rem;justify-content:space-between;margin-top:auto}.text-link{color:#b8edd7;color:var(--mint-300);font-size:.9rem;font-weight:800;text-underline-offset:.2rem}.text-link:hover{color:#fff;color:var(--white)}.remove-button,.save-button{background:#ffffff0a;border:1px solid #ffffff24;border:1px solid var(--border);border-radius:10px;color:#f7fbff;color:var(--text);cursor:pointer;font-size:.78rem;font-weight:800;padding:.5rem .65rem}.save-button.saved,.save-button:hover{background:#9be2c41c;border-color:#9be2c47a}.load-more-wrap{display:flex;justify-content:center;margin-top:1.5rem}.page-detail{max-width:1060px}.detail-panel{padding:clamp(1.1rem,4vw,2.3rem)}.detail-topbar{align-items:center;margin-bottom:1.2rem}.detail-grid{grid-gap:clamp(1.5rem,5vw,3.2rem);align-items:start;display:grid;gap:clamp(1.5rem,5vw,3.2rem);grid-template-columns:minmax(240px,330px) minmax(0,1fr)}.detail-poster-column{align-self:start;min-width:0}.detail-poster-frame{aspect-ratio:2/3;background:radial-gradient(circle at top,#9be2c41a,#0000 48%),#04111fb8;border:1px solid #ffffff24;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 14px 34px #00000042;box-shadow:var(--shadow-md);display:grid;overflow:hidden;width:100%}.detail-poster-image{display:block;height:100%;object-fit:contain;object-position:center;width:100%}.detail-poster-placeholder{height:100%;min-height:0;width:100%}.eyebrow{margin-bottom:.55rem}.detail-title{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.055em;margin-bottom:1rem}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:#9be2c414;border:1px solid #9be2c44d;border-radius:999px;color:#b8edd7;color:var(--mint-300);font-size:.78rem;font-weight:750;padding:.3rem .58rem}.detail-actions{margin:1.3rem 0 1.8rem}.detail-section{margin-top:1.7rem}.detail-section h2{font-size:1.22rem;margin-bottom:.55rem}.detail-plot{color:#dbe6f0;margin-bottom:0}.metadata-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:1.7rem 0 0}.metadata-item{background:hsla(0,0%,100%,.035);border:1px solid #ffffff24;border:1px solid var(--border);border-radius:13px;padding:.9rem}.metadata-item dt{color:#9be2c4;color:var(--mint-400);font-size:.75rem;font-weight:800;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.metadata-item dd{color:#f7fbff;color:var(--text);font-size:.92rem;margin-bottom:0}.rating-list{grid-gap:.5rem;display:grid;gap:.5rem;list-style:none;margin:0;padding:0}.rating-item{border-bottom:1px solid #ffffff24;border-bottom:1px solid var(--border);color:#b9c8d8;color:var(--muted);display:flex;gap:1rem;justify-content:space-between;padding:.65rem 0}.rating-item strong{color:#fff;color:var(--white)}.page-heading{margin-bottom:2rem;max-width:770px}.page-heading h1{font-size:clamp(2.6rem,7vw,5rem);letter-spacing:-.055em;margin-bottom:.75rem}.jar-hero{grid-gap:clamp(1.2rem,4vw,2.4rem);display:grid;gap:clamp(1.2rem,4vw,2.4rem);grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);padding:clamp(1.2rem,4vw,2.3rem)}.jar-copy h2{font-size:clamp(1.7rem,4vw,2.65rem);letter-spacing:-.04em;margin-bottom:.75rem}.jar-copy>p:not(.section-kicker){color:#b9c8d8;color:var(--muted);max-width:590px}.jar-pick{background:radial-gradient(circle at center,#9be2c41c,#0000 70%),#04111f80;border:1px dashed #ffffff3d;border:1px dashed var(--border-strong);border-radius:18px;border-radius:var(--radius-lg);color:#b9c8d8;color:var(--muted);display:grid;justify-items:center;min-height:270px;padding:1.1rem;place-content:center;text-align:center}.jar-pick.has-pick{display:block;text-align:left}.jar-placeholder-icon{font-size:3rem}.pick-grid{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:115px minmax(0,1fr)}.pick-poster{aspect-ratio:2/3;border-radius:12px;overflow:hidden}.pick-grid h3{font-size:1.3rem;margin-bottom:.45rem}.pick-grid p{color:#b9c8d8;color:var(--muted);font-size:.9rem;margin-bottom:.2rem}.pick-grid .text-link{display:inline-block;margin-top:.65rem}.saved-section{margin-top:clamp(2.5rem,6vw,4.5rem)}.saved-heading-row{align-items:flex-end;margin-bottom:1.2rem}.jar-card-body{min-height:9.6rem}.remove-button{align-self:flex-start;color:#ffd1c7;color:var(--danger);margin-top:auto}.remove-button:hover{background:#852e1f59;background:var(--danger-bg);border-color:#ff9d8966}.empty-state{margin:0 auto;max-width:760px;padding:clamp(2rem,6vw,4.2rem);text-align:center}.empty-state h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.045em;margin-bottom:.8rem}.empty-state>p:not(.section-kicker){color:#b9c8d8;color:var(--muted);margin-bottom:1.3rem;margin-left:auto;margin-right:auto;max-width:580px}.empty-icon{display:block;font-size:3rem;margin-bottom:.5rem}.app-footer{background:#061629d1;border-top:1px solid #ffffff24;border-top:1px solid var(--border);position:relative}.app-footer:before{top:-1px}.footer-inner{align-items:center;color:#b9c8d8;color:var(--muted);display:flex;font-size:.86rem;gap:1rem;justify-content:space-between;margin:0 auto;padding:1.25rem 0;width:min(1180px,calc(100% - 2rem))}.footer-copy{margin-bottom:0}.footer-inner a{color:#fff;color:var(--white);font-weight:700;text-underline-offset:.2rem}.footer-inner a:hover{color:#b8edd7;color:var(--mint-300)}.footer-links{display:flex;gap:1rem}@media (max-width:980px){.jar-grid,.results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.suggest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.footer-inner,.header-inner,.saved-heading-row,.section-heading,.suggest-intro{align-items:stretch;flex-direction:column}.header-inner{gap:.8rem}.main-nav{width:100%}.nav-link{flex:1 1;justify-content:center}.brand-subtitle{display:none}.detail-grid,.jar-hero,.search-grid{grid-template-columns:1fr}.detail-poster-column{margin:0 auto;width:min(310px,100%)}.metadata-grid{grid-template-columns:1fr}.jar-grid,.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{text-align:center}.footer-links{justify-content:center}}@media (max-width:520px){body{font-size:16px}.container,.footer-inner,.header-inner{width:min(100% - 1.1rem,1180px)}.brand-mark{height:42px;width:42px}.brand-title{font-size:1.08rem}.nav-link{font-size:.86rem;padding:.52rem .65rem}.detail-panel,.jar-hero,.search-card{border-radius:18px}.jar-grid,.results-grid,.suggest-grid{grid-template-columns:1fr}.jar-card,.result-card{display:grid;grid-template-columns:115px minmax(0,1fr)}.jar-card-poster,.poster-wrap{height:100%;min-height:180px}.jar-card-body,.result-body{min-height:180px}.card-actions{align-items:flex-start;flex-direction:column}.detail-actions .btn,.jar-actions .btn,.search-actions .btn{width:100%}.pick-grid{grid-template-columns:90px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.ca2cc7a5.css.map*/