@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&display=swap";:root{--gold:#e5c875;--cream:#f6e7be;--ink:#050505}*{box-sizing:border-box}html,body{color:#fff;background:#020203;margin:0;font-family:DM Sans,sans-serif}button,a{font:inherit}.app-shell{background:#030304;min-height:100svh;position:relative;overflow:hidden}.hero-video,.hero-wash,.film-grain{object-fit:cover;width:100%;height:100%;position:fixed;inset:0}.hero-video{filter:saturate(1.17)contrast(1.04);background:#08070a;transform:scale(1.012)}.hero-wash{pointer-events:none;background:linear-gradient(#0000002e,#00000008 35%,#000000c7 76%,#030304),linear-gradient(90deg,#00000040,#0000 70%)}.film-grain{pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{z-index:5;justify-content:space-between;align-items:center;padding:24px clamp(22px,5vw,64px);display:flex;position:relative}.brand{color:var(--cream);cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;display:flex}.brand img{object-fit:contain;width:105px;height:55px}.brand span{letter-spacing:.2em;border:1px solid #f6e7be59;border-radius:99px;padding:7px 12px;font-size:8px;font-weight:800}.topbar nav{gap:9px;display:flex}.topbar nav button{width:52px;height:52px;color:var(--cream);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#0303046b;border:1px solid #f6e7be4d;border-radius:50%;font-size:22px;position:relative}.topbar nav b{background:var(--gold);color:#070707;border-radius:10px;place-items:center;min-width:18px;height:18px;font-size:9px;display:grid;position:absolute;top:-3px;right:-2px}.planner{z-index:2;flex-direction:column;justify-content:flex-end;width:min(690px,100%);min-height:calc(100svh - 103px);padding:clamp(60px,12vh,140px) 30px 30px clamp(30px,6vw,86px);display:flex;position:relative}.headline>p,.panel-head p{color:var(--gold);letter-spacing:.24em;margin:0 0 10px;font-size:10px;font-weight:800}.headline h1{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(50px,5.5vw,78px);line-height:.94}.trust{align-items:center;gap:12px;margin-top:24px;display:flex}.trust i{background:var(--gold);color:#080808;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-style:normal;font-weight:900;display:grid}.trust span{color:#ffffffb3;flex-direction:column;font-size:12px;line-height:1.5;display:flex}.trust strong{color:var(--cream);letter-spacing:.16em;font-size:9px}.glass-card,.result-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(135deg,#181412b8,#070708d1);border:1px solid #f6e7be40;border-radius:34px;margin-top:28px;padding:10px;overflow:visible;box-shadow:0 25px 90px #00000061,inset 0 1px #ffffff14}.choice-wrap{position:relative}.choice{text-align:left;color:#fff;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff17;grid-template-columns:1fr auto 48px;align-items:center;width:100%;height:78px;padding:0 15px;display:grid}.choice small{text-transform:uppercase;color:#f6e7bea1;letter-spacing:.2em;font-size:9px;font-weight:800}.choice strong{letter-spacing:-.02em;font-size:20px}.choice>span{background:var(--gold);color:#111;border-radius:50%;place-items:center;width:42px;height:42px;margin-left:14px;font-size:20px;display:grid}.choice-menu{z-index:8;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#09090af5;border:1px solid #e5c87570;border-radius:20px;max-height:300px;padding:7px;position:absolute;top:69px;left:4px;right:4px;overflow:auto;box-shadow:0 20px 50px #000}.choice-menu button{color:#ddd;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;height:49px;padding:0 15px;font-size:13px;font-weight:700;display:flex}.choice-menu button.selected{color:#12100a;background:var(--gold)}.primary,.secondary{cursor:pointer;border-radius:25px;width:100%}.primary{text-align:left;color:#080808;background:linear-gradient(135deg,#f6e7be,#dfbd65);border:0;grid-template-rows:24px 31px;grid-template-columns:1fr 40px;height:91px;margin-top:10px;padding:16px 22px;display:grid}.primary small{letter-spacing:.18em;font-size:8px}.primary strong{letter-spacing:.06em;font-size:22px}.primary span{grid-area:1/2/3;align-self:center;font-size:27px}.secondary{height:74px;color:var(--cream);background:#14120ea8;border:1px solid #f6e7be66;justify-content:space-between;align-items:center;margin-top:9px;padding:0 24px;display:flex}.secondary span{text-align:left;flex-direction:column;display:flex}.secondary small{letter-spacing:.18em;margin-bottom:7px;font-size:8px}.secondary strong{letter-spacing:.08em;font-size:16px}.secondary b{font-size:23px}.result-card{padding:22px}.result-meta{color:var(--gold);letter-spacing:.17em;text-transform:uppercase;font-size:10px;font-weight:800}.result-picks{grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0;display:grid}.result-picks span{text-align:center;background:#ffffff09;border:1px solid #e5c8753d;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:58px;font-size:11px;font-weight:800;display:flex}.result-picks small{color:#e5c875b3;letter-spacing:.17em;margin-bottom:7px;font-size:7px}.result-card>p{color:#ffffffc9;font-size:14px;line-height:1.55}.result-actions{grid-template-columns:1fr 64px;gap:10px;margin-top:18px;display:grid}.result-actions a,.result-actions button{letter-spacing:.1em;border:0;border-radius:21px;justify-content:center;align-items:center;height:64px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.result-actions a{background:var(--cream);color:#090909}.result-actions a b{margin-left:15px}.result-actions button{color:var(--cream);background:#ffffff0f;border:1px solid #f6e7be4d;font-size:24px}.result-footer{grid-template-columns:1fr 1.1fr;gap:9px;margin-top:10px;display:grid}.result-footer button{height:58px;color:var(--cream);letter-spacing:.1em;background:#00000059;border:1px solid #f6e7be3d;border-radius:20px;font-size:9px;font-weight:800}.result-footer button:last-child{background:var(--gold);color:#090909}.panel-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000a6;position:fixed;inset:0}.library-panel{background:#080809f0;border-left:1px solid #e5c8753d;width:min(510px,100%);height:100%;padding:35px 25px;position:absolute;top:0;right:0;overflow:auto}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h2{letter-spacing:-.05em;margin:0 0 20px;font-size:42px}.panel-head>button{color:#fff;background:0 0;border:0;font-size:36px}.clear{color:var(--gold);letter-spacing:.13em;background:0 0;border:1px solid #e5c8754d;border-radius:99px;padding:10px 14px;font-size:9px;font-weight:800}.library-list{margin-top:18px}.library-list>button{color:#fff;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff17;grid-template-columns:78px 1fr 18px;align-items:center;gap:14px;width:100%;padding:11px 0;display:grid}.thumb{background:#151515;border-radius:14px;width:78px;height:96px;display:block;overflow:hidden}.thumb video,.thumb img{object-fit:cover;width:100%;height:100%}.library-list strong{font-size:15px;display:block}.library-list small{color:#ffffff7a;margin-top:7px;font-size:10px;display:block}.library-list b{color:var(--gold);font-size:22px}.empty{text-align:center;color:#ffffff80;padding:50px 15px}@media (width>=850px){.planner{width:min(720px,58vw)}.glass-card{max-width:600px}.result-card{max-width:610px}}@media (width<=700px){.topbar{padding:11px 22px}.brand img{width:91px;height:45px}.brand span{padding:6px 9px;font-size:7px}.topbar nav button{width:46px;height:46px}.planner{min-height:calc(100svh - 68px);padding:80px 24px 20px}.headline h1{font-size:clamp(45px,12.7vw,62px)}.trust{margin-top:19px}.glass-card,.result-card{border-radius:30px;margin-top:20px}.choice{height:72px}.choice strong{font-size:18px}.primary{height:85px}.result-mode{padding-top:125px}.result-mode .headline h1{font-size:clamp(48px,13vw,64px)}.library-panel{padding-top:25px}}@media (height<=740px) and (width<=700px){.planner{padding-top:35px}.headline h1{font-size:43px}.trust,.glass-card{margin-top:13px}.choice{height:61px}.primary{height:72px}.secondary{height:60px}.topbar{padding-block:6px}}