@font-face{font-family:Manrope;src:url(/Manrope.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}body{margin:0;background:#080e20;color:#f0f2fb;font-family:Manrope,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,textarea:focus-visible{outline:2px solid #a9baff;outline-offset:4px}button{transition:background .18s,transform .18s}button:active{transform:scale(.98)}.app{max-width:510px;margin:auto;min-height:100dvh;background:radial-gradient(ellipse at 100% 8%,#15203d80,transparent 46%)}header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff09}.brand{display:flex;align-items:center;gap:8px;background:none;font-weight:800;font-size:20px;letter-spacing:-1px;padding:0}.brand-dot{color:#ab9aff;margin-left:-8px}.brand-mark{position:relative;width:29px;height:29px;border:1px solid #9d98d455;border-radius:9px;font-size:24px;line-height:27px;color:#b1a2f8}.brand-mark span{position:absolute;font-size:12px;right:1px;top:-8px;color:#d9d2ff}.edition{font-size:7px;letter-spacing:1.4px;color:#8993b0;max-width:75px;line-height:1.7;text-align:right}main{padding:26px 24px 110px}.demo{background:#40345a55;padding:9px 12px;text-align:center;font-size:9px;color:#c5badf}.welcome{position:relative;padding:1px 0 26px;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:1.65px;color:#a6a8c3;display:flex;align-items:center;gap:7px;font-weight:650}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#a699ed;box-shadow:0 0 10px #a699ed66}h1{font-size:39px;line-height:1.14;letter-spacing:-1.9px;margin:19px 0 13px;font-weight:650}h1 span{color:#aaa5d9}.welcome p,.intro{color:#949db8;font-size:12px;line-height:1.8;margin:0}.orb{width:113px;height:113px;position:absolute;right:-29px;top:48px;border:1px solid #5e639d44;border-radius:50%;transform:rotate(-25deg);background:radial-gradient(circle at 30% 25%,#4b477a55,#10192c 65%);box-shadow:0 0 50px #55529817}.orb:before,.orb:after{content:"";position:absolute;inset:13px;border:1px solid #8180b529;border-radius:50%}.orb:after{inset:30px -16px;transform:rotate(-18deg)}.orb div{font-size:40px;text-align:center;line-height:110px;color:#b1a8e1}.segmented{display:flex;background:#10182c;border:1px solid #25304b;border-radius:13px;padding:4px;gap:4px}.segmented button{flex:1;padding:11px 2px;background:none;border-radius:9px;font-size:12px;color:#8d97b2}.segmented button.selected{background:#29314e;color:#f2efff;box-shadow:0 3px 10px #0002}.section-label{display:flex;justify-content:space-between;align-items:center;margin:25px 0 13px;gap:5px}.section-label h2{font-size:14px;font-weight:650;margin:0;letter-spacing:-.3px}.section-label>span{font-size:7px;letter-spacing:1px;color:#64718c}.mood-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mood-grid button{display:flex;align-items:center;gap:9px;text-align:left;min-height:48px;background:#111a2e;border:1px solid #222c46;border-radius:11px;padding:10px 11px;font-size:10px;color:#b1bbd1}.mood-grid button>span{font-size:19px;color:#9a9dc5;line-height:1}.mood-grid button.active{background:#2d2948;border-color:#79709f;color:#ebe5ff}.mood-grid button.active>span{color:#cab9ff}textarea{resize:vertical;width:100%;min-height:98px;background:#10182b;border:1px solid #26304b;border-radius:12px;padding:15px;color:#f0f2fb;font-size:12px;line-height:1.7}textarea::placeholder{color:#717d9a}.input-note{display:flex;justify-content:space-between;font-size:8px;color:#75819e;margin:8px 1px 23px}.primary{width:100%;background:linear-gradient(105deg,#8772cd,#6e77bb);border:1px solid #b7a3ef40;border-radius:12px;padding:16px 18px;font-size:13px;font-weight:750;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 28px #655eb726}.primary span{font-size:20px;line-height:1}.subnote{text-align:center;color:#697590;font-size:9px;margin-top:12px}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,510px);display:flex;justify-content:space-around;background:#0c1427f5;border-top:1px solid #27314a;padding:12px 12px max(14px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5}nav button{display:flex;flex-direction:column;gap:6px;align-items:center;background:none;color:#66728d;min-width:75px;font-size:9px;min-height:43px}nav button.active{color:#b7a9ee}nav button.active:before{content:"";position:absolute;top:-1px;width:26px;height:2px;background:#a895e8;border-radius:2px}.page-title{display:flex;justify-content:space-between;align-items:center}.page-title h1{font-size:33px}.round-icon{font-size:28px;color:#b7a9e7;border:1px solid #696c9444;border-radius:50%;padding:10px 16px}.intro{margin:0 0 24px}.film{border:1px solid #2a334e;border-radius:18px;overflow:hidden;background:#10192c;margin-bottom:21px}.poster-button{display:block;position:relative;width:100%;height:365px;padding:0;text-align:left;background:#182139}.poster{width:100%;height:100%;object-fit:cover;display:block}.poster-button .poster{object-position:center 30%}.poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,#080e2011 60%,#10192ccc)}.film-count{position:absolute;bottom:17px;left:17px;font-size:8px;letter-spacing:1.6px;color:#e9e8f5}.rating{position:absolute;right:12px;top:12px;background:#0c152bcc;border:1px solid #ffffff22;padding:5px 8px;border-radius:7px;font-size:11px;color:#f1e5bc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.film-body{padding:17px}.meta{font-size:9px;color:#8d99b3;line-height:1.8}.meta span{padding:0 4px}.film h2{margin:6px 0 10px;font-size:25px;letter-spacing:-.8px}.text-button{background:none;padding:0;text-align:left;font:inherit}.overview{font-size:11px;line-height:1.9;color:#a9b2c8;margin:0}.reason{margin:17px 0;display:flex;gap:10px;background:#8571ba0d;border-left:2px solid #8571ba;padding:10px}.reason>span{color:#b5a3e6}.reason p{margin:0;font-size:10px;color:#9fabc6;line-height:1.8}.reason b{display:block;font-size:9px;color:#bcaee4;margin-bottom:3px;font-weight:600}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.actions button,.empty button,.error button{border-radius:9px;border:1px solid #2f3b57;background:#172239;padding:12px 4px;font-size:9px;color:#b0bdd6;min-height:43px}.actions button{background:#393251;border-color:#60547d;color:#dfd4fa}.actions .dismiss{grid-column:span 2}.collection-tabs button{font-size:10px}.collection-tabs small{display:inline-block;margin-left:4px;font-size:9px;color:#a29ec4}.sync{font-size:8px;color:#737f9d;margin:13px 0 25px}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 13px}.library-item{padding:0;text-align:left;background:none;min-width:0}.library-poster{height:225px;position:relative;border-radius:11px;overflow:hidden;border:1px solid #37405a}.library-item h2{font-size:13px;margin:10px 0 4px;letter-spacing:-.3px}.library-item p{font-size:9px;color:#8290ac;margin:0}.library-poster .rating{font-size:9px;top:8px;right:8px;padding:4px 6px}.empty,.loading{text-align:center;padding:40px 10px;color:#8e9bb5}.empty h2,.loading h2{font-size:17px;color:#d1d7e9}.empty p,.loading p{font-size:11px;line-height:1.9}.empty button{padding:12px 20px;margin-top:10px}.loading{padding:0 0 30px}.skeleton{height:330px;border-radius:18px;background:linear-gradient(110deg,#121c32,#29314a,#121c32);background-size:200% 100%;animation:shimmer 2s infinite}.error{border:1px solid #9d6c794d;background:#39243755;padding:15px;border-radius:12px;margin:18px 0;font-size:11px;line-height:1.8}.error b{color:#e8bdcb}.error button{padding:8px 16px}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#35413f;color:#dcf4e5;border:1px solid #788a7d;border-radius:12px;padding:14px 18px;width:max-content;max-width:90%;font-size:11px;z-index:10;box-shadow:0 8px 30px #0008}footer{display:flex;align-items:center;gap:12px;margin-top:30px;color:#4e5b76;font-size:7px;line-height:1.7}footer img{width:45px}.back{background:none;color:#a8b3cd;margin-bottom:20px;padding:5px 0;font-size:12px}.fallback{background:linear-gradient(145deg,#354461,#19152d);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:50px;color:#aaa1cf}.fallback span{font-size:16px;padding:15px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:350px){header{padding:0 18px;height:73px}main{padding:22px 18px 105px}h1{font-size:35px}.eyebrow{font-size:7px}.orb{right:-45px}.mood-grid button{font-size:9px;padding:10px 8px;gap:6px}.section-label>span{font-size:6px}.section-label h2{font-size:12px}.page-title h1{font-size:29px}.poster-button{height:320px}.library-poster{height:190px}.film-body{padding:14px}.actions button{font-size:8px}.brand{font-size:19px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.error{position:fixed;bottom:95px;left:50%;transform:translate(-50%);width:calc(100% - 36px);max-width:462px;z-index:20;background:#251e32;box-shadow:0 12px 40px #0008;margin:0}.mood-grid button{font-size:12px}.welcome p,.intro{font-size:13px}.section-label h2{font-size:15px}textarea{font-size:13px}.overview{font-size:13px;line-height:1.85}.reason p{font-size:12px}.reason b,.meta,.actions button{font-size:11px}.input-note{font-size:9px}.subnote{font-size:10px}nav button{font-size:10px}.library-item p{font-size:11px}.sync{font-size:10px}footer{font-size:8px}@media(max-width:350px){.mood-grid button{font-size:10px}.actions button{font-size:9px}.section-label h2{font-size:13px}.overview{font-size:12px}.reason p{font-size:11px}}header{padding-top:env(safe-area-inset-top)}.home header{height:68px}.home main{padding-top:20px}.home .welcome{padding-bottom:18px}.home h1{font-size:35px;margin:14px 0 10px}.home .welcome p{font-size:12px;line-height:1.6}.home .section-label{margin:20px 0 11px}.home .mood-grid{gap:6px}.home .mood-grid button{min-height:43px;padding-top:8px;padding-bottom:8px}.home textarea{min-height:80px}.home .input-note{margin:6px 1px 16px}.home .subnote{margin-top:8px}.home footer{margin-top:20px}:root{--nav-height:78px;--tg-bottom:0px;--tg-top:0px;--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-bottom));--safe-top:max(env(safe-area-inset-top,0px),var(--tg-top))}html{scroll-padding-bottom:calc(var(--nav-height) + 24px)}main{padding-bottom:calc(var(--nav-height) + 32px)}header,.home header{height:calc(68px + var(--safe-top));padding-top:var(--safe-top)}nav{padding-bottom:max(14px,var(--safe-bottom))}.editing nav{display:none}.editing main{padding-bottom:32px}textarea{font-size:16px;scroll-margin-block:28px;resize:vertical}textarea::placeholder{color:#a0abc4}.edition{color:#acb6cf}.section-label>span{font-size:8px;color:#a0aec7}.eyebrow{font-size:9px;color:#b8bfd6}.meta,.sync,.library-item p,.input-note,.subnote,.welcome p,.intro{color:#b0bdd4}.mood-grid button{color:#c3cce0}.mood-grid button>span{color:#bdbae0}nav button{color:#a6b3cd;font-size:11px}nav button.active{color:#d4c4ff}.segmented button{color:#b6c0d8}.collection-tabs button{font-size:11px}.collection-tabs small{color:#c8bfdc}footer{color:#9eacc5;font-size:9px}.actions button{min-height:46px;font-size:12px}.actions button:disabled{opacity:1}.actions button:disabled:not([aria-pressed=true]){opacity:.55}.actions button[aria-pressed=true]{background:#263e3c;color:#d9f3e4;border-color:#607e72}.compact-list{display:grid;gap:12px;margin:0 0 22px}.compact-card{position:relative;display:grid;grid-template-columns:98px minmax(0,1fr);gap:14px;padding:0;text-align:left;width:100%;min-height:156px;overflow:hidden;border:1px solid #303a56;border-radius:15px;background:linear-gradient(115deg,#1d2540,#11192e);box-shadow:0 8px 22px #0001}.compact-poster{position:relative;align-self:stretch;min-height:156px;background:#1d2840}.compact-poster img{object-fit:cover}.compact-number{position:absolute;bottom:8px;left:8px;color:#fff;font-size:10px;background:#0b142bcc;border:1px solid #ffffff30;border-radius:5px;padding:3px 5px}.compact-info{min-width:0;padding:12px 12px 12px 0;display:flex;flex-direction:column;align-items:flex-start}.compact-info .rating{position:static;font-size:10px;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;color:#eadab0}.compact-info h2{font-size:17px;line-height:1.25;letter-spacing:-.5px;margin:6px 0 5px;overflow-wrap:anywhere}.compact-info .meta{font-size:10px;line-height:1.6}.compact-reason{font-size:11px;line-height:1.6;color:#c0b8db;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-link{font-size:10px;color:#c9bcf3;margin-top:auto;padding-top:6px;display:flex;justify-content:space-between;width:100%}.library-poster .rating{font-size:9px;padding:4px;right:6px;top:6px}.details{position:fixed;inset:auto 0 0;margin:0 auto;padding:0;border:1px solid #404966;border-bottom:0;border-radius:22px 22px 0 0;width:min(100%,510px);max-width:100%;max-height:calc(100dvh - var(--safe-top) - 16px);background:#10192c;color:#f0f2fb;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;animation:sheet-in .18s ease-out}.details::backdrop{background:#030714cc;animation:backdrop-in .18s ease-out}.sheet{padding:0 16px calc(24px + var(--safe-bottom))}.sheet-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2;background:#10192cf5;padding:10px 0;border-bottom:1px solid #ffffff10}.sheet-header>span{font-size:9px;letter-spacing:1.5px;color:#b4bdd5}.sheet-header button{background:#29334d;border-radius:50%;width:44px;height:44px;font-size:16px;color:#e5e8f4}.details .film{margin:12px 0 0;border:0;border-radius:12px}.details .poster-button{height:300px;cursor:default}.details .poster-button:active{transform:none}.details .film-count{display:none}.details .rating{font-size:11px}.details .film-body{padding:18px 2px 0}.details .film h2{font-size:27px}.details .overview{color:#c4cde0}.details .reason p{color:#bdc7dc}.details .reason b{color:#d1bff4}.sheet-notice{font-size:12px;line-height:1.7;color:#d6eedf;padding:12px;background:#28403b;border-radius:10px}.error,.toast{bottom:calc(var(--nav-height) + 16px)}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@media(max-width:350px){main{padding-bottom:calc(var(--nav-height) + 32px)}.mood-grid button{font-size:11px}.section-label>span{font-size:8px}.eyebrow{font-size:8px}.compact-card{grid-template-columns:82px minmax(0,1fr);gap:11px;min-height:150px}.compact-poster{min-height:150px}.compact-info{padding:10px 10px 10px 0}.compact-info h2{font-size:16px}.compact-reason{font-size:10px}.actions button{font-size:11px}.details .poster-button{height:260px}.details .film h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.details,.details::backdrop{animation:none}}.results .page-title h1{font-size:28px;margin:12px 0 10px}.results .intro{margin-bottom:18px}.results .round-icon{font-size:23px;padding:7px 13px}.results main{padding-top:20px}body{overflow:hidden}.app{height:var(--app-height,100dvh);min-height:0;display:flex;flex-direction:column}header,.demo{flex-shrink:0}main,.home main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:28px;scroll-padding-block:20px}nav{position:relative;left:auto;bottom:auto;transform:none;flex-shrink:0;width:100%;-webkit-backdrop-filter:none;backdrop-filter:none}.editing main{padding-bottom:28px}.results main .primary{margin-bottom:4px}main>.error{position:static;transform:none;width:100%;max-width:none;margin:18px 0;box-shadow:none}.toast{pointer-events:none}.compact-info h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overview,.reason p,.library-item h2{overflow-wrap:anywhere}