:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#071011;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #142022;--muted: #6f7c7e;--paper: #f7faf9;--paper-strong: #ffffff;--line: rgba(20, 32, 34, .1);--mint: #dff4ef;--mint-strong: #98d8cc;--cyan: #dff4f7;--cyan-strong: #8fd3df;--shadow: 0 26px 80px rgba(0, 0, 0, .22)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#071011;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid rgba(102,197,183,.52);outline-offset:3px}.app-shell{position:relative;min-height:100svh;overflow-x:hidden;isolation:isolate;background:#102225}.cover-image,.cover-overlay,.cover-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.cover-image{z-index:-4;background-position:var(--cover-position, center);background-repeat:no-repeat;background-size:cover;transform:scale(1.015)}.photo-cover .cover-image{background-image:var(--cover-image)}.fallback-city .cover-image{background:radial-gradient(circle at 70% 14%,rgba(157,217,216,.72),transparent 24%),linear-gradient(145deg,#799198,#395760 48%,#112126)}.fallback-nature .cover-image{background:radial-gradient(circle at 24% 17%,rgba(230,236,186,.64),transparent 24%),linear-gradient(145deg,#8ca582,#46634f 52%,#17271d)}.fallback-anime .cover-image{background:radial-gradient(circle at 72% 14%,rgba(255,232,205,.72),transparent 22%),linear-gradient(145deg,#c9a2a8,#738895 49%,#34464d)}.cover-overlay{z-index:-3;background:linear-gradient(180deg,#030c0e70,#030c0e1f 32%),linear-gradient(180deg,transparent 30%,rgba(3,12,14,.32) 60%,rgba(3,12,14,.88) 100%),linear-gradient(90deg,rgba(3,12,14,.28),transparent 66%)}.cover-grain{z-index:-2;opacity:.09;background-image:radial-gradient(circle at 18% 22%,#ffffff 0 .7px,transparent .8px),radial-gradient(circle at 76% 41%,#ffffff 0 .7px,transparent .8px);background-size:22px 22px,29px 29px;mix-blend-mode:soft-light}.global-audio{position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.topbar{position:relative;z-index:20;display:flex;width:min(1180px,calc(100% - 28px));min-height:58px;margin:0 auto;padding-top:max(12px,env(safe-area-inset-top));align-items:center;justify-content:space-between;gap:12px}.brand-button,.topbar-text-button,.compact-music-button,.back-button,.modal-close{border:0;cursor:pointer}.brand-button{display:inline-flex;padding:10px 0;background:transparent;color:#fff;align-items:center;gap:8px;text-shadow:0 3px 20px rgba(0,0,0,.34)}.brand-button span{font-size:15px;font-weight:850;letter-spacing:.12em}.brand-button small{padding:3px 7px;border:1px solid rgba(255,255,255,.34);border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.08em}.topbar-actions{display:flex;align-items:center;gap:7px}.topbar-text-button,.compact-music-button{min-height:38px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#09131540;color:#fff;box-shadow:0 10px 30px #0000001f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-text-button{padding:8px 13px;font-size:12px;font-weight:800}.compact-music-button{display:grid;width:38px;padding:0;place-items:center}.compact-music-button span{font-size:11px;font-weight:900}.compact-music-button.is-playing{background:#fff3;border-color:#ffffff8c}.stage{position:relative;z-index:2;width:min(1180px,calc(100% - 28px));min-height:calc(100svh - 58px);margin:0 auto;padding:20px 0 max(26px,env(safe-area-inset-bottom))}.home-page{display:grid;min-height:calc(100svh - 92px);gap:30px}.daily-intro{display:flex;min-height:34svh;padding:8vh 0 22px;justify-content:flex-end;flex-direction:column;text-shadow:0 5px 36px rgba(0,0,0,.46)}.date-line{display:flex;margin:0 0 14px;align-items:baseline;gap:9px}.date-line strong{font-size:17px;line-height:1}.date-line span{font-size:12px;font-weight:750;opacity:.76}.daily-intro h1{max-width:760px;margin:0;font-size:clamp(42px,10vw,82px);font-weight:900;line-height:1.02;letter-spacing:-.06em;text-wrap:balance}.daily-line{max-width:650px;margin:17px 0 0;font-size:clamp(21px,5.2vw,38px);font-weight:760;line-height:1.2;letter-spacing:-.04em;text-wrap:balance}.home-content{display:grid;gap:18px}.blindbox-hero,.section-block,.music-player,.secondary-entry{box-shadow:var(--shadow)}.blindbox-hero{display:grid;padding:23px;border-radius:30px;background:radial-gradient(circle at 94% 5%,rgba(124,216,203,.27),transparent 26%),#f8fbfa;color:var(--ink);gap:16px}.hero-copy{display:grid;gap:8px}.version-pill{width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:#e1f4ef;color:#2f7169;font-size:10px;font-weight:900;letter-spacing:.04em}.hero-copy h2,.section-heading h2{margin:0;color:var(--ink);letter-spacing:-.035em}.hero-copy h2{font-size:clamp(28px,7.4vw,46px);line-height:1.06}.hero-copy p{max-width:620px;margin:0;color:#607073;font-size:14px;font-weight:600;line-height:1.65}.open-box-button,.daily-fixed-card,.preset-card,.pack-card,.secondary-entry{border:0;cursor:pointer}.open-box-button{display:grid;width:100%;min-height:94px;padding:14px 16px;border-radius:23px;background:#152426;color:#fff;text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;transition:transform .17s ease,background .17s ease}.open-box-button:hover{transform:translateY(-2px);background:#0f1d1f}.open-box-icon{display:grid;width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#dff7f1,#8fd9cc);font-size:29px;place-items:center;box-shadow:inset 0 0 0 1px #fff9}.open-box-button>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}.open-box-button small{color:#ffffff94;font-size:10px;font-weight:700}.open-box-button strong{font-size:19px;font-weight:900;letter-spacing:-.025em}.open-box-button b{font-size:23px}.daily-fixed-card{display:flex;width:100%;min-height:68px;padding:13px 15px;border:1px solid var(--line);border-radius:20px;background:#ffffffc7;color:var(--ink);text-align:left;align-items:center;justify-content:space-between;gap:12px}.daily-fixed-card span{display:flex;min-width:0;flex-direction:column;gap:3px}.daily-fixed-card small{color:var(--muted);font-size:10px;font-weight:700}.daily-fixed-card strong{overflow:hidden;font-size:14px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.daily-fixed-card b{font-size:25px}.section-block{padding:20px;border:1px solid rgba(255,255,255,.24);border-radius:28px;background:#f7faf9f0;color:var(--ink);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.section-heading{display:flex;margin-bottom:15px;align-items:flex-end;justify-content:space-between;gap:14px}.section-heading>div{min-width:0}.section-heading span{display:block;margin-bottom:4px;color:#6d7c7e;font-size:10px;font-weight:850;letter-spacing:.08em}.section-heading h2{font-size:19px;line-height:1.25}.section-heading>small{max-width:160px;color:#819092;font-size:9px;font-weight:700;line-height:1.4;text-align:right}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-card{position:relative;display:flex;min-height:138px;padding:15px;overflow:hidden;border:1px solid rgba(20,32,34,.08);border-radius:21px;background:#fff;color:var(--ink);text-align:left;flex-direction:column;align-items:flex-start;transition:transform .17s ease,border-color .17s ease}.preset-card:hover{transform:translateY(-2px);border-color:#43968a5c}.preset-emoji{display:grid;width:38px;height:38px;margin-bottom:15px;border-radius:13px;background:#e8f5f2;font-size:19px;place-items:center}.preset-card strong{font-size:14px;font-weight:900;letter-spacing:-.02em}.preset-card small{margin-top:5px;color:#748184;font-size:10px;font-weight:600;line-height:1.42}.preset-card em{position:absolute;right:12px;top:12px;padding:4px 7px;border-radius:999px;background:#f0f5f4;color:#718083;font-size:8px;font-style:normal;font-weight:800}.pack-scroller{display:grid;margin-right:-20px;padding-right:20px;overflow-x:auto;grid-auto-columns:minmax(148px,43vw);grid-auto-flow:column;gap:10px;scrollbar-width:none;scroll-snap-type:x proximity}.pack-scroller::-webkit-scrollbar{display:none}.pack-card{position:relative;display:flex;min-height:154px;padding:16px;border-radius:22px;color:var(--ink);text-align:left;flex-direction:column;align-items:flex-start;scroll-snap-align:start}.pack-card>span{margin-bottom:20px;font-size:28px}.pack-card strong{font-size:15px;font-weight:900}.pack-card small{margin-top:5px;color:#14202299;font-size:10px;line-height:1.4}.pack-card em{position:absolute;top:14px;right:14px;color:#1420227a;font-size:9px;font-style:normal;font-weight:850}.accent-mint{background:#dff3ed}.accent-sky{background:#e0f0f5}.accent-lime{background:#e8f2d7}.accent-blue{background:#e2edf8}.accent-amber{background:#f6ebcb}.accent-rose{background:#f6e4e2}.accent-cyan{background:#dcf1f0}.accent-orange{background:#f8e7d2}.accent-indigo{background:#e6e8f2}.secondary-entry-grid{display:grid;gap:10px}.secondary-entry{display:grid;min-height:84px;padding:15px;border:1px solid rgba(255,255,255,.24);border-radius:23px;background:#f7faf9f0;color:var(--ink);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.secondary-entry>span{display:grid;width:43px;height:43px;border-radius:14px;background:#e5f3ef;font-size:20px;place-items:center}.secondary-entry div{display:flex;min-width:0;flex-direction:column;gap:3px}.secondary-entry strong{font-size:14px;font-weight:900}.secondary-entry small{color:#748184;font-size:10px;line-height:1.35}.secondary-entry b{font-size:20px}.music-player{display:grid;padding:15px;border:1px solid rgba(255,255,255,.22);border-radius:25px;background:#0a1618b8;color:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.music-player-compact{padding:12px;border-color:#14202214;background:#132426;box-shadow:none}.music-play-button,.music-next-button{border:0;cursor:pointer}.music-play-button{display:grid;width:50px;height:50px;border-radius:17px;background:#eefaf7;color:#102022;font-size:15px;font-weight:900;place-items:center}.music-copy{display:flex;min-width:0;flex-direction:column}.music-copy strong,.music-copy small,.music-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-eyebrow{margin-bottom:3px;color:#ffffff94;font-size:8px;font-weight:800;letter-spacing:.05em}.music-copy strong{font-size:14px;font-weight:900}.music-copy small{margin-top:2px;color:#ffffff9e;font-size:9px}.music-copy em{margin-top:5px;color:#ffd7cf;font-size:8px;font-style:normal}.music-progress-row{display:grid;margin-top:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px}.music-progress-row span{font-size:8px;font-variant-numeric:tabular-nums;opacity:.58}.music-progress-row input,.music-volume input{width:100%;accent-color:#9ce1d5}.music-tools{display:flex;min-width:42px;align-items:center;gap:9px}.music-next-button{display:grid;width:36px;height:36px;border-radius:13px;background:#ffffff1c;color:#fff;font-size:19px;place-items:center}.music-volume{display:none}.content-panel{width:100%;min-height:calc(100svh - 105px);padding:22px;border-radius:30px;background:#f7faf9f7;color:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.back-button{padding:8px 0;background:transparent;color:#546568;font-size:12px;font-weight:850}.box-page-heading{display:flex;margin:23px 0 18px;align-items:center;gap:14px}.box-page-heading>span{display:grid;width:58px;height:58px;flex:0 0 auto;border-radius:19px;background:#e1f4ef;font-size:28px;place-items:center}.box-page-heading div{min-width:0}.box-page-heading p,.history-heading p,.bed-intro-card>p{margin:0 0 4px;color:#6e7d7f;font-size:10px;font-weight:900;letter-spacing:.08em}.box-page-heading h1,.history-heading h1,.bed-intro-card h1,.recommendation-copy h1{margin:0;letter-spacing:-.045em}.box-page-heading h1{font-size:29px;line-height:1.05}.box-page-heading small{display:block;margin-top:5px;color:#758386;font-size:11px}.preset-strip{display:flex;margin:0 -22px 15px;padding:0 22px 5px;overflow-x:auto;gap:8px;scrollbar-width:none}.preset-strip::-webkit-scrollbar{display:none}.preset-strip button,.filter-chip-row button,.segment-row button,.history-tabs button{border:0;cursor:pointer}.preset-strip button{display:inline-flex;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#5d6a6d;font-size:10px;font-weight:800;white-space:nowrap;align-items:center;gap:6px}.preset-strip button.selected{border-color:#193033;background:#193033;color:#fff}.filter-details{margin-bottom:15px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff}.filter-details summary{display:flex;padding:15px;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;gap:12px}.filter-details summary::-webkit-details-marker{display:none}.filter-details summary span{display:flex;min-width:0;flex-direction:column;gap:2px}.filter-details summary strong{font-size:13px;font-weight:900}.filter-details summary small{color:#7c898b;font-size:9px}.filter-details summary b{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#e8f5f2;color:#3c756d;font-size:9px}.filter-body{display:grid;padding:0 15px 15px;border-top:1px solid var(--line);gap:15px}.filter-group{display:grid;gap:8px}.filter-body>.filter-group:first-child{padding-top:14px}.filter-label{display:flex;align-items:center;justify-content:space-between}.filter-group>strong,.filter-label strong{font-size:10px;font-weight:900}.filter-label button{border:0;background:transparent;color:#60827d;font-size:9px;font-weight:800;cursor:pointer}.filter-chip-row{display:flex;margin-right:-15px;padding-right:15px;overflow-x:auto;gap:7px;scrollbar-width:none}.filter-chip-row::-webkit-scrollbar{display:none}.filter-chip-row button{min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#f5f8f7;color:#667477;font-size:9px;font-weight:800;white-space:nowrap}.filter-chip-row button.selected,.segment-row button.selected{border-color:#1b3537;background:#1b3537;color:#fff}.compact-filter-grid{display:grid;grid-template-columns:1fr;gap:13px}.segment-row{display:grid;padding:3px;border-radius:12px;background:#f0f4f3;grid-template-columns:repeat(3,1fr);gap:3px}.segment-row button{min-height:32px;border-radius:9px;background:transparent;color:#6b797b;font-size:9px;font-weight:850}.sealed-card,.drawing-card,.activity-result-card,.bed-intro-card{border-radius:26px;background:#fff;box-shadow:0 16px 48px #172c2f17}.sealed-card,.drawing-card{display:flex;min-height:370px;padding:26px;text-align:center;flex-direction:column;align-items:center;justify-content:center}.sealed-icon{display:grid;width:92px;height:92px;margin-bottom:22px;border-radius:31px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),transparent 28%),linear-gradient(145deg,#c8efe7,#81cfc1);font-size:43px;box-shadow:0 18px 45px #479b8e40;place-items:center}.sealed-card>p,.drawing-card>p{margin:0 0 7px;color:#66807d;font-size:11px;font-weight:850}.sealed-card h2{max-width:420px;margin:0;font-size:25px;line-height:1.15;letter-spacing:-.04em}.sealed-card>small{max-width:390px;margin-top:10px;color:#7d898b;font-size:10px;line-height:1.55}.primary-action,.secondary-action{border:0;cursor:pointer}.primary-action{min-height:50px;padding:12px 18px;border-radius:16px;background:#173032;color:#fff;font-size:13px;font-weight:900;box-shadow:0 12px 28px #17303233}.primary-action:disabled{cursor:default;opacity:.54;box-shadow:none}.sealed-card .primary-action,.bed-intro-card .primary-action{width:min(100%,320px);margin-top:22px}.drawing-orbit{position:relative;display:grid;width:104px;height:104px;margin-bottom:22px;border:2px dashed rgba(74,150,139,.38);border-radius:999px;place-items:center;animation:draw-spin 1.2s linear infinite}.drawing-orbit:before,.drawing-orbit:after{position:absolute;width:12px;height:12px;border-radius:999px;background:#80cfc1;content:""}.drawing-orbit:before{top:7px;right:11px}.drawing-orbit:after{bottom:7px;left:11px}.drawing-orbit span{font-size:40px;animation:draw-counter-spin 1.2s linear infinite}.drawing-card strong{font-size:22px;letter-spacing:-.03em}@keyframes draw-spin{to{transform:rotate(360deg)}}@keyframes draw-counter-spin{to{transform:rotate(-360deg)}}.activity-result-card{padding:19px;background:radial-gradient(circle at 100% 0%,rgba(132,215,201,.2),transparent 30%),#fff}.activity-result-topline{display:flex;min-height:28px;align-items:center;justify-content:space-between;gap:12px}.activity-result-topline>span:last-child{color:#8b9698;font-size:9px;font-weight:850;letter-spacing:.08em}.activity-pack-badge{padding:6px 9px;border-radius:999px;background:#e6f5f1;color:#3d736b;font-size:9px;font-weight:900}.activity-emoji{display:grid;width:74px;height:74px;margin:32px 0 21px;border-radius:25px;background:#e4f4f0;font-size:36px;place-items:center}.result-kicker{margin:0 0 7px;color:#728082;font-size:10px;font-weight:850}.activity-result-card h2{max-width:700px;margin:0;font-size:clamp(28px,7vw,46px);line-height:1.08;letter-spacing:-.05em;text-wrap:balance}.result-description{max-width:680px;margin:15px 0 0;color:#59686b;font-size:13px;font-weight:600;line-height:1.7}.activity-meta-grid{display:grid;margin-top:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.activity-meta-grid>span{display:flex;min-height:62px;padding:11px;border:1px solid var(--line);border-radius:16px;background:#f7f9f8;flex-direction:column;justify-content:center;gap:3px}.activity-meta-grid small{color:#889395;font-size:8px;font-weight:800}.activity-meta-grid strong{font-size:12px;font-weight:900}.finish-note{margin:13px 0 0;padding:12px 13px;border-radius:15px;background:#edf7f4;color:#456964;font-size:10px;font-weight:700;line-height:1.55}.result-actions{display:grid;margin-top:16px;grid-template-columns:1fr 1fr;gap:8px}.result-actions .primary-action{grid-column:1 / -1}.secondary-action{min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:14px;background:#f4f7f6;color:#526164;font-size:11px;font-weight:850}.secondary-action.is-active{border-color:#9bd9ce;background:#e3f4ef;color:#356d65}.box-bottom-music{margin-top:15px}.history-heading{margin:24px 0 20px}.history-heading h1{max-width:650px;font-size:clamp(30px,7.8vw,52px);line-height:1.08}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.history-stats span{display:flex;min-height:86px;padding:13px;border-radius:18px;background:#fff;flex-direction:column;justify-content:space-between}.history-stats small{color:#7b888a;font-size:9px;font-weight:800}.history-stats strong{font-size:27px;line-height:1}.history-tabs{display:grid;margin:18px 0 12px;padding:4px;border-radius:15px;background:#e9efed;grid-template-columns:repeat(3,1fr);gap:4px}.history-tabs button{min-height:38px;border-radius:12px;background:transparent;color:#697779;font-size:10px;font-weight:850}.history-tabs button.selected{background:#fff;color:#17282a;box-shadow:0 6px 16px #17282a14}.history-list{display:grid;gap:8px}.history-item{display:grid;width:100%;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;cursor:pointer}.history-item>span{display:grid;width:42px;height:42px;border-radius:14px;background:#e7f4f1;font-size:20px;place-items:center}.history-item div{display:flex;min-width:0;flex-direction:column;gap:4px}.history-item strong{overflow:hidden;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.history-item small{overflow:hidden;color:#7a8789;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.history-item b{color:#8a9698;font-size:16px}.empty-state{margin:0;padding:45px 20px;border:1px dashed rgba(20,32,34,.16);border-radius:20px;color:#788587;font-size:11px;font-weight:700;line-height:1.6;text-align:center}.bed-intro-card{display:flex;min-height:490px;margin-top:20px;padding:30px;text-align:center;flex-direction:column;align-items:center;justify-content:center}.bed-intro-card>span{display:grid;width:86px;height:86px;margin-bottom:22px;border-radius:29px;background:#e6f4f1;font-size:40px;place-items:center}.bed-intro-card h1{font-size:clamp(31px,8vw,48px)}.bed-intro-card>small{max-width:470px;margin-top:12px;color:#758285;font-size:11px;line-height:1.65}.recommendation-card{display:grid;margin-top:20px;overflow:hidden;border-radius:25px;background:#fff}.recommendation-cover{position:relative;display:flex;min-height:340px;padding:20px;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.5),transparent 25%),linear-gradient(145deg,#7ca9aa,#274448);background-position:center;background-size:cover;color:#fff;flex-direction:column;justify-content:flex-end;isolation:isolate}.recommendation-cover:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(5,16,18,.78));content:""}.recommendation-cover span{margin-bottom:7px;font-size:10px;font-weight:850;letter-spacing:.08em}.recommendation-cover strong{max-width:500px;font-size:28px;line-height:1.08;letter-spacing:-.04em}.recommendation-copy{padding:21px}.bed-type{display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:#e8f5f2;color:#41766f;font-size:9px;font-weight:850}.recommendation-copy h1{font-size:31px;line-height:1.08}.recommendation-original-title,.bed-meta,.recommendation-creator{margin:7px 0 0;color:#738184;font-size:10px;line-height:1.5}.recommendation-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.recommendation-section span{color:#748184;font-size:9px;font-weight:900;letter-spacing:.06em}.recommendation-section p{margin:8px 0 0;color:#3e4d50;font-size:12px;line-height:1.75}.reason-section{padding:15px;border:0;border-radius:17px;background:#edf7f4}.recommendation-tags,.platform-links{display:flex;flex-wrap:wrap;gap:7px}.recommendation-tags{margin-top:15px}.recommendation-tags span{padding:6px 9px;border-radius:999px;background:#f0f4f3;color:#657376;font-size:9px;font-weight:800}.locked-note{margin:16px 0 0;color:#8a9698;font-size:9px;line-height:1.5}.platform-links{margin-top:16px}.platform-link{display:inline-flex;min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:13px;background:#f5f8f7;color:#425154;font-size:10px;font-weight:850;text-decoration:none;align-items:center;justify-content:center}.primary-platform{border-color:#173032;background:#173032;color:#fff}.modal-backdrop{position:fixed;z-index:50;display:flex;top:0;right:0;bottom:0;left:0;padding:18px;background:#030b0da8;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-modal{width:min(100%,560px);max-height:calc(100svh - 36px);padding:21px;overflow-y:auto;border-radius:27px;background:#f8fbfa;color:var(--ink);box-shadow:0 30px 100px #00000059}.modal-header{display:flex;margin-bottom:22px;align-items:center;justify-content:space-between}.modal-header p{margin:0 0 3px;color:#788587;font-size:9px;font-weight:850}.modal-header h2{margin:0;font-size:28px;letter-spacing:-.04em}.modal-close{padding:9px 12px;border-radius:999px;background:#e8efed;color:#536164;font-size:10px;font-weight:850}.field{display:grid;margin:0 0 18px;padding:0;border:0;gap:9px}.field>span,.field legend{padding:0;color:#607073;font-size:10px;font-weight:900}.field input[type=text],.field>input{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.radio-card{display:flex;min-height:46px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#687679;font-size:10px;font-weight:850;cursor:pointer;align-items:center;justify-content:center}.radio-card input{position:absolute;opacity:0;pointer-events:none}.radio-card.selected{border-color:#173032;background:#173032;color:#fff}.settings-library-note{padding:14px;border-radius:16px;background:#e9f5f2}.settings-library-note strong{font-size:11px}.settings-library-note p,.settings-note{color:#667578;font-size:9px;line-height:1.65}.settings-library-note p{margin:6px 0 0}.settings-note{margin:14px 0 0}.wheel-direct-result{display:flex;width:100%;min-height:78px;margin-top:16px;padding:15px 16px;border:1px solid rgba(20,50,52,.1);border-radius:19px;background:#f3f7f6;color:var(--ink);flex-direction:column;justify-content:center;gap:5px;text-align:left;animation:wheel-result-enter .28s ease-out both}@keyframes wheel-result-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wheel-direct-result>span{color:#788587;font-size:9px;font-weight:850}.wheel-direct-result>strong{font-size:16px;font-weight:900;letter-spacing:-.025em}.wheel-direct-result.has-result{min-height:160px;border-color:#529f9442;background:radial-gradient(circle at 100% 0%,rgba(129,218,204,.24),transparent 34%),#f8fbfa}.wheel-direct-result-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.wheel-direct-result-topline span{padding:5px 8px;border-radius:999px;background:#e3f4ef;color:#397169;font-size:9px;font-weight:900}.wheel-direct-result-topline small{color:#7a8789;font-size:9px;font-weight:850}.wheel-direct-result h2{margin:5px 0 0;color:#132628;font-size:clamp(23px,6.6vw,34px);font-weight:950;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.wheel-direct-result p{margin:3px 0 0;color:#5e6d6f;font-size:11px;font-weight:650;line-height:1.55}.wheel-direct-meta{display:flex;margin-top:5px;flex-wrap:wrap;gap:6px}.wheel-direct-meta span{padding:5px 8px;border-radius:999px;background:#17363812;color:#526568;font-size:8px;font-weight:850}.wheel-direct-actions{display:grid;margin-top:7px;grid-template-columns:1.25fr .75fr;gap:8px}.wheel-direct-actions .primary-action,.wheel-direct-actions .secondary-action{min-height:42px}.activity-result-drawer{margin-top:13px;overflow:hidden;border:1px solid rgba(20,50,52,.09);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 14px 38px #172c2f17}.activity-result-drawer>summary{display:grid;min-height:76px;padding:13px 15px;list-style:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;cursor:pointer}.activity-result-drawer>summary::-webkit-details-marker{display:none}.activity-drawer-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.activity-drawer-copy strong{font-size:14px;font-weight:900;letter-spacing:-.025em}.activity-drawer-copy small{overflow:hidden;color:#7b888a;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.activity-result-drawer>summary>b{color:#6d7c7e;font-size:20px;line-height:1;transition:transform .2s ease}.activity-result-drawer[open]>summary>b{transform:rotate(180deg)}.activity-result-drawer .activity-result-card{margin:0;padding:17px;border-top:1px solid var(--line);border-radius:0;box-shadow:none}.activity-result-drawer .activity-result-card h2{font-size:clamp(24px,6.4vw,36px)}.result-actions-compact{grid-template-columns:1fr}.result-actions-compact .secondary-action{width:100%}@media (min-width: 760px){.stage{padding-top:34px}.home-page{grid-template-columns:minmax(300px,.9fr) minmax(480px,1.1fr);align-items:start;gap:46px}.daily-intro{position:sticky;top:80px;min-height:calc(100svh - 120px);padding:7vh 0 8vh}.home-content{padding-bottom:24px}.blindbox-hero,.section-block{padding:25px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pack-scroller{margin-right:-25px;padding-right:25px;grid-auto-columns:minmax(168px,28%)}.secondary-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music-volume{display:flex;width:90px;color:#ffffff8c;font-size:8px;flex-direction:column;gap:4px}.content-panel{width:min(900px,100%);margin:0 auto;padding:34px}.compact-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-result-card{padding:30px}.activity-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.result-actions{grid-template-columns:minmax(180px,1.2fr) 1fr 1fr}.result-actions .primary-action{grid-column:auto}.recommendation-card{grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr)}.recommendation-cover{min-height:620px}.recommendation-copy{padding:34px}.modal-backdrop{align-items:center}}@media (max-width: 480px){.topbar,.stage{width:min(100% - 22px,1180px)}.topbar{min-height:54px}.brand-button span{font-size:13px}.topbar-text-button{padding:8px 10px;font-size:10px}.stage{padding-top:12px}.daily-intro{min-height:31svh;padding-top:5vh}.daily-intro h1{font-size:clamp(38px,12vw,54px)}.daily-line{font-size:clamp(19px,6vw,27px)}.blindbox-hero,.section-block{border-radius:25px}.blindbox-hero{padding:18px}.hero-copy h2{font-size:27px}.open-box-button{min-height:88px;padding:12px}.open-box-icon{width:53px;height:53px;border-radius:17px}.open-box-button strong{font-size:16px}.section-block{padding:16px}.preset-card{min-height:132px;padding:13px}.pack-scroller{margin-right:-16px;padding-right:16px}.music-player{padding:12px;border-radius:22px}.music-play-button{width:45px;height:45px}.content-panel{padding:18px;border-radius:26px}.preset-strip{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}.sealed-card,.drawing-card{min-height:350px;padding:22px}.activity-result-card{padding:17px}.activity-emoji{margin-top:26px}.result-description{font-size:12px}.bed-intro-card{min-height:430px;padding:23px}.modal-backdrop{padding:10px}.settings-modal{max-height:calc(100svh - 20px);border-radius:25px}}@media (max-width: 370px){.preset-grid{grid-template-columns:1fr}.preset-card{min-height:112px}.preset-emoji{margin-bottom:11px}.history-stats span{min-height:78px;padding:10px}.history-stats strong{font-size:23px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}html,body,#root{width:100%;max-width:100%;overflow-x:clip}.app-shell{width:100%;max-width:100vw}.home-page-v2{gap:18px}.daily-intro-compact{min-height:29svh;padding-bottom:8px}.home-content-v2{gap:12px}.turntable-hero{display:grid;padding:22px;border-radius:30px;background:radial-gradient(circle at 92% 4%,rgba(120,216,202,.25),transparent 28%),#f8fbfa;color:var(--ink);box-shadow:var(--shadow);gap:15px}.home-wheel-button{display:grid;width:100%;min-height:112px;padding:13px 15px;border:0;border-radius:24px;background:#13282a;color:#fff;text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;cursor:pointer;box-shadow:0 18px 40px #0c242633}.home-wheel-visual,.heading-wheel-icon{position:relative;display:grid;flex:0 0 auto;border-radius:50%;background:repeating-conic-gradient(from -1.875deg,rgba(21,54,56,.2) 0 .28deg,transparent .28deg 3.75deg),repeating-conic-gradient(from -1.875deg,#d8f4ee 0,#d8f4ee 3.75deg,#bfe9f0 3.75deg,#bfe9f0 7.5deg,#e6f0c9 7.5deg,#e6f0c9 11.25deg,#f5e3b9 11.25deg,#f5e3b9 15deg,#f5d9d6 15deg,#f5d9d6 18.75deg,#d9e3f5 18.75deg,#d9e3f5 22.5deg,#ccece8 22.5deg,#ccece8 26.25deg,#f3dfc9 26.25deg,#f3dfc9 30deg);place-items:center;box-shadow:inset 0 0 0 4px #ffffffa3,0 10px 24px #00000029}.home-wheel-visual{width:76px;height:76px}.home-wheel-visual:before,.heading-wheel-icon:before{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:1px solid rgba(18,44,47,.18);border-radius:50%;content:""}.home-wheel-visual i,.heading-wheel-icon i{display:block;width:24%;height:24%;border:3px solid #f5fffd;border-radius:50%;background:#183638;box-shadow:0 3px 10px #0d262847}.home-wheel-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.home-wheel-copy small{color:#ffffff94;font-size:10px;font-weight:750}.home-wheel-copy strong{font-size:21px;font-weight:900;letter-spacing:-.03em}.home-wheel-button>b{font-size:24px}.home-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-menu-grid button{display:flex;min-width:0;min-height:120px;padding:15px;border:1px solid rgba(255,255,255,.24);border-radius:23px;background:#f7faf9f2;color:var(--ink);text-align:left;flex-direction:column;align-items:flex-start;cursor:pointer;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.home-menu-grid button:last-child{grid-column:1 / -1;min-height:88px;display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:12px}.home-menu-grid button>span{display:grid;width:38px;height:38px;margin-bottom:15px;border-radius:13px;background:#e4f3ef;color:#1f5552;font-size:18px;font-weight:900;place-items:center}.home-menu-grid button:last-child>span{grid-row:1 / 3;margin:0}.home-menu-grid strong{font-size:14px;font-weight:900}.home-menu-grid small{margin-top:5px;color:#758285;font-size:9px;line-height:1.45}.home-menu-grid button:last-child small{margin-top:3px}.chooser-heading{margin:23px 0 18px}.chooser-heading p{margin:0 0 5px;color:#6d7d7f;font-size:10px;font-weight:900;letter-spacing:.08em}.chooser-heading h1{margin:0;font-size:30px;line-height:1.08;letter-spacing:-.045em}.chooser-tabs{display:grid;margin-bottom:16px;padding:4px;border-radius:16px;background:#edf2f1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.chooser-tabs button{min-height:42px;border:0;border-radius:12px;background:transparent;color:#6c797c;font-size:11px;font-weight:850;cursor:pointer}.chooser-tabs button.selected{background:#173234;color:#fff;box-shadow:0 6px 18px #1732342e}.chooser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chooser-card{position:relative;display:flex;min-width:0;min-height:146px;padding:15px;overflow:hidden;border:1px solid var(--line);border-radius:21px;background:#fff;color:var(--ink);text-align:left;flex-direction:column;align-items:flex-start;cursor:pointer}.chooser-card-icon{display:grid;width:40px;height:40px;margin-bottom:16px;border-radius:14px;background:#dff4efdb;font-size:20px;place-items:center}.chooser-card strong{padding-right:28px;font-size:14px;font-weight:900;letter-spacing:-.02em}.chooser-card small{margin-top:5px;color:#14202299;font-size:9px;line-height:1.45}.chooser-card em{position:absolute;top:13px;right:13px;color:#14202275;font-size:8px;font-style:normal;font-weight:900}.wheel-page-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.change-wheel-button{min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#526568;font-size:10px;font-weight:850;cursor:pointer}.wheel-page-heading{margin-top:17px}.heading-wheel-icon{width:58px!important;height:58px!important;background:repeating-conic-gradient(from -1.875deg,rgba(21,54,56,.2) 0 .28deg,transparent .28deg 3.75deg),repeating-conic-gradient(from -1.875deg,#d8f4ee 0,#d8f4ee 3.75deg,#bfe9f0 3.75deg,#bfe9f0 7.5deg,#e6f0c9 7.5deg,#e6f0c9 11.25deg,#f5e3b9 11.25deg,#f5e3b9 15deg,#f5d9d6 15deg,#f5d9d6 18.75deg,#d9e3f5 18.75deg,#d9e3f5 22.5deg,#ccece8 22.5deg,#ccece8 26.25deg,#f3dfc9 26.25deg,#f3dfc9 30deg)!important}.wheel-card{display:grid;padding:20px 16px 18px;border-radius:27px;background:radial-gradient(circle at 50% 38%,rgba(143,218,207,.16),transparent 42%),#fff;box-shadow:0 16px 48px #172c2f1a;justify-items:center}.wheel-copy{display:flex;width:100%;margin-bottom:15px;align-items:center;justify-content:space-between;gap:12px}.wheel-copy span{padding:6px 9px;border-radius:999px;background:#e5f4f0;color:#3e756e;font-size:9px;font-weight:900}.wheel-copy strong{color:#718082;font-size:10px;font-weight:850}.wheel-wrap{position:relative;width:min(76vw,340px);max-width:100%;aspect-ratio:1}.activity-wheel{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:8px solid #eff8f6;border-radius:50%;background:repeating-conic-gradient(from -1.875deg,rgba(18,50,52,.18) 0 .26deg,transparent .26deg 3.75deg),repeating-conic-gradient(from -1.875deg,#bce8df 0,#bce8df 3.75deg,#c8e9ef 3.75deg,#c8e9ef 7.5deg,#dfebbf 7.5deg,#dfebbf 11.25deg,#f1dca8 11.25deg,#f1dca8 15deg,#efd1cd 15deg,#efd1cd 18.75deg,#d4ddf0 18.75deg,#d4ddf0 22.5deg,#bfe4df 22.5deg,#bfe4df 26.25deg,#efd6bd 26.25deg,#efd6bd 30deg);box-shadow:inset 0 0 0 2px #1634361f,0 20px 46px #13373833;transition:transform 2.2s cubic-bezier(.1,.72,.16,1);will-change:transform}.activity-wheel:before,.activity-wheel:after{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:1px solid rgba(20,51,53,.12);border-radius:50%;content:""}.activity-wheel:after{top:21%;right:21%;bottom:21%;left:21%}.wheel-label{position:absolute;left:50%;top:50%;width:48%;height:1px;transform:rotate(calc(-90deg + var(--wheel-angle)));transform-origin:0 50%;pointer-events:none}.wheel-label b{position:absolute;right:2.5%;top:50%;display:flex;width:76%;overflow:visible;color:#183234;flex-direction:row-reverse;align-items:center;justify-content:flex-start;gap:0;transform:translateY(-50%);transform-origin:right center;pointer-events:none}.wheel-label b i{display:block;width:clamp(3.5px,.95vw,4.7px);flex:0 0 clamp(3.5px,.95vw,4.7px);color:inherit;font-size:clamp(3.4px,.92vw,4.6px);font-style:normal;font-weight:900;line-height:1;text-align:center;transform:rotate(calc(90deg - var(--wheel-angle)));transform-origin:center;text-shadow:0 1px 0 rgba(255,255,255,.55)}.wheel-label.is-selected b i{color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.38)}.wheel-inner-ring{position:absolute;left:50%;top:50%;width:34%;height:34%;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:#ffffff42;transform:translate(-50%,-50%);box-shadow:0 5px 16px #14343624}.wheel-pointer{position:absolute;z-index:5;left:50%;top:-8px;width:44px;height:45px;transform:translate(-50%);pointer-events:none}.wheel-pointer:before{position:absolute;left:50%;top:0;width:22px;height:22px;border:5px solid #fff;border-radius:50%;background:#173536;transform:translate(-50%);box-shadow:0 7px 18px #0b24264d;content:""}.wheel-pointer span{position:absolute;left:50%;top:18px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:22px solid #173536;transform:translate(-50%)}.wheel-spin-button{position:absolute;z-index:4;left:50%;top:50%;display:flex;width:25%;min-width:74px;max-width:90px;aspect-ratio:1;padding:0;border:5px solid rgba(255,255,255,.82);border-radius:50%;background:#173638;color:#fff;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 10px 24px #0a262852}.wheel-spin-button strong{font-size:25px;font-weight:950;line-height:1}.wheel-spin-button small{margin-top:4px;color:#ffffffa8;font-size:8px;font-weight:800}.wheel-spin-button:disabled{cursor:default;opacity:.82}.wheel-hint{margin:16px 0 0;color:#718082;font-size:9px;font-weight:650;line-height:1.5;text-align:center}.wheel-filter-details{margin-top:13px}.wheel-result-placeholder{margin:13px 0 0;padding:13px;border-radius:16px;background:#ffffffa3;color:#718082;font-size:10px;font-weight:750;text-align:center}.wheel-page .activity-result-card{margin-top:13px}.wheel-page .activity-result-card .result-kicker{margin-top:24px}@media (min-width: 760px){.home-page-v2{grid-template-columns:minmax(300px,.9fr) minmax(460px,1.1fr)}.chooser-page,.wheel-page{width:min(760px,100%)}.chooser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wheel-wrap{width:360px}.wheel-label b{font-size:5.8px}}@media (max-width: 759px){.topbar,.stage{width:100%;max-width:100%;margin:0;padding-right:14px;padding-left:14px}.topbar{min-height:58px}.stage{padding-top:10px}.home-page-v2{display:block;min-height:auto}.daily-intro-compact{min-height:27svh;padding:4vh 2px 14px}.home-content-v2{display:grid}.content-panel{width:100%;max-width:100%}.wheel-page{padding-right:14px;padding-left:14px}}@media (max-width: 480px){.topbar,.stage{width:100%;padding-right:11px;padding-left:11px}.topbar-actions{gap:5px}.brand-button span{font-size:12px;letter-spacing:.08em}.turntable-hero{padding:17px;border-radius:25px}.turntable-hero .hero-copy h2{font-size:26px}.home-wheel-button{min-height:102px;padding:12px;gap:11px}.home-wheel-visual{width:66px;height:66px}.home-wheel-copy strong{font-size:18px}.home-menu-grid button{min-height:112px;padding:13px}.home-menu-grid button:last-child{min-height:82px}.content-panel{padding:16px;border-radius:25px}.chooser-heading h1{font-size:27px}.chooser-card{min-height:138px;padding:13px}.wheel-page{padding:14px 12px 18px}.wheel-page-heading{margin-bottom:14px}.wheel-card{padding:17px 10px 15px;border-radius:24px}.wheel-wrap{width:min(82vw,322px)}.wheel-label b{font-size:clamp(3.5px,1vw,4.9px)}.filter-details{border-radius:19px}.wheel-page .activity-result-card{padding:16px}}@media (max-width: 360px){.home-menu-grid,.chooser-grid{grid-template-columns:1fr}.home-menu-grid button,.home-menu-grid button:last-child,.chooser-card{grid-column:auto;min-height:92px}.home-menu-grid button,.chooser-card{display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:11px}.home-menu-grid button>span,.chooser-card-icon{grid-row:1 / 3;margin:0}.chooser-card em{top:11px;right:11px}}.home-menu-grid{grid-template-columns:1fr}.home-menu-grid button:last-child{grid-column:auto;min-height:82px}.turntable-hero{gap:12px}.wheel-page .activity-result-drawer .activity-result-card{margin:0}.wheel-page .activity-result-drawer .activity-result-card .result-kicker{margin-top:0}.home-menu-grid button:last-child{min-height:98px;padding:17px 18px;grid-template-columns:48px minmax(0,1fr);column-gap:14px}.home-menu-grid button:last-child>span{width:46px;height:46px;border-radius:16px;font-size:21px}.home-menu-grid button:last-child strong{font-size:18px;line-height:1.15;letter-spacing:-.025em}.home-menu-grid button:last-child small{margin-top:6px;color:#697779;font-size:11px;font-weight:650;line-height:1.45}.wheel-direct-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-direct-actions .primary-action{grid-column:1 / -1}.share-result-action{border-color:#1736382e;background:#e9f5f2;color:#285b56}.recommendation-card{background:#fff}.recommendation-cover{position:relative;display:grid;min-height:clamp(390px,74vw,610px);padding:0;overflow:hidden;background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.5),transparent 27%),linear-gradient(145deg,#8fbab6,#486e70,#173236);place-items:center;isolation:isolate}.recommendation-cover:before{position:absolute;z-index:0;top:-28px;right:-28px;bottom:-28px;left:-28px;background-image:var(--recommendation-cover);background-position:var(--recommendation-position, center);background-repeat:no-repeat;background-size:cover;content:"";filter:blur(24px) saturate(.88);opacity:.5;transform:scale(1.08)}.recommendation-cover:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(7,22,24,.14),transparent 38%),linear-gradient(180deg,transparent 58%,rgba(7,22,24,.48));content:""}.recommendation-cover.is-template:before,.recommendation-cover.cover-failed:before{display:none}.recommendation-cover-template{position:absolute;z-index:1;display:flex;top:0;right:0;bottom:0;left:0;padding:34px 28px;color:#fff;flex-direction:column;justify-content:flex-end}.recommendation-cover-template span{margin:0 0 10px;color:#ffffffc2;font-size:11px;font-weight:850;letter-spacing:.1em}.recommendation-cover-template strong{max-width:92%;color:#fff;font-size:clamp(32px,8vw,54px);line-height:1.04;letter-spacing:-.045em}.recommendation-cover-template small{margin-top:12px;color:#ffffffa8;font-size:11px;font-weight:750}.recommendation-cover-art{position:relative;z-index:2;display:block;max-width:calc(100% - 56px);max-height:calc(100% - 58px);border-radius:18px;object-position:var(--recommendation-position, center);box-shadow:0 28px 70px #020c0e6b}.recommendation-layout-poster .recommendation-cover-art{width:min(66%,390px);height:calc(100% - 54px);object-fit:contain}.recommendation-layout-square .recommendation-cover-art{width:min(76%,455px);aspect-ratio:1;object-fit:contain}.recommendation-layout-template .recommendation-cover-art,.recommendation-cover.cover-failed .recommendation-cover-art{display:none}.recommendation-cover.has-cover:not(.cover-failed) .recommendation-cover-template{opacity:0}.recommendation-cover-label{position:absolute;z-index:4;top:22px;left:22px;margin:0;padding:8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#07191b6b;color:#fff;font-size:10px;font-weight:850;letter-spacing:.05em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.recommendation-copy{padding:24px}.recommendation-share-button{display:grid;width:100%;min-height:70px;margin-top:18px;padding:14px 16px;border:0;border-radius:18px;background:#173638;color:#fff;text-align:left;grid-template-columns:1fr auto;cursor:pointer;box-shadow:0 16px 36px #1031332e}.recommendation-share-button span{font-size:14px;font-weight:900}.recommendation-share-button small{margin-top:4px;color:#fff9;font-size:9px;font-weight:700}.recommendation-share-button b{grid-column:2;grid-row:1 / 3;align-self:center;font-size:22px}.share-card-backdrop{position:fixed;z-index:80;display:flex;top:0;right:0;bottom:0;left:0;padding:14px;background:#030b0db8;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.share-card-modal{width:min(100%,560px);max-height:calc(100svh - 28px);padding:18px;overflow-y:auto;border-radius:28px;background:#f8fbfa;color:var(--ink);box-shadow:0 34px 110px #0000006b}.share-card-header{display:flex;margin-bottom:14px;align-items:center;justify-content:space-between;gap:12px}.share-card-header p{margin:0 0 3px;color:#6f7d7f;font-size:9px;font-weight:850;letter-spacing:.08em}.share-card-header h2{margin:0;font-size:21px;line-height:1.15;letter-spacing:-.035em}.share-card-header button{flex:0 0 auto;padding:9px 12px;border:0;border-radius:999px;background:#e7eeec;color:#516164;font-size:10px;font-weight:850;cursor:pointer}.share-card-preview{display:grid;width:100%;min-height:360px;overflow:hidden;border:1px solid rgba(20,32,34,.1);border-radius:20px;background:#e9efed;place-items:center}.share-card-preview img{display:block;width:100%;height:auto}.share-card-loading{display:flex;min-height:360px;padding:30px;color:#5e6e70;text-align:center;flex-direction:column;align-items:center;justify-content:center}.share-card-loading span{width:36px;height:36px;margin-bottom:16px;border:4px solid rgba(47,105,99,.16);border-top-color:#397a72;border-radius:50%;animation:share-card-spin .85s linear infinite}.share-card-loading strong{font-size:14px}.share-card-loading small{margin-top:6px;color:#879294;font-size:9px}.share-card-status{min-height:20px;margin:10px 2px 8px;color:#687779;font-size:9px;font-weight:700;line-height:1.5}.share-card-status.is-error{color:#9a4f4f}.share-card-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:9px}.share-card-actions button{min-height:48px;border:1px solid rgba(20,32,34,.1);border-radius:15px;background:#eef3f2;color:#465659;font-size:12px;font-weight:850;cursor:pointer}.share-card-actions button:disabled{cursor:wait;opacity:.5}.share-card-actions .share-card-primary{border-color:#173638;background:#173638;color:#fff}@keyframes share-card-spin{to{transform:rotate(360deg)}}@media (min-width: 760px){.share-card-backdrop{align-items:center}.recommendation-card{grid-template-columns:minmax(330px,.88fr) minmax(390px,1.12fr)}.recommendation-cover{min-height:650px}}@media (max-width: 480px){.home-menu-grid button:last-child{min-height:94px;padding:15px 16px;grid-template-columns:44px minmax(0,1fr);column-gap:12px}.home-menu-grid button:last-child>span{width:42px;height:42px;border-radius:14px}.home-menu-grid button:last-child strong{font-size:17px}.home-menu-grid button:last-child small{font-size:10.5px}.recommendation-cover{min-height:min(116vw,520px)}.recommendation-layout-poster .recommendation-cover-art{width:min(72%,330px)}.recommendation-copy{padding:21px}.share-card-backdrop{padding:9px}.share-card-modal{max-height:calc(100svh - 18px);padding:14px;border-radius:24px}.share-card-header h2{font-size:19px}}@media (prefers-reduced-motion: reduce){.share-card-loading span{animation-duration:1.8s}}.recommendation-cover{min-height:250px;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.76),transparent 30%),linear-gradient(145deg,#e5f4ef,#aad6cf 52%,#84b5bc)}.recommendation-cover.has-cover:not(.cover-failed){min-height:clamp(300px,64vw,470px)}.recommendation-cover.is-template,.recommendation-cover.cover-failed{min-height:clamp(220px,49vw,300px)}.recommendation-cover:after{background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 48%),linear-gradient(180deg,transparent 62%,rgba(22,67,69,.18))}.recommendation-cover-template{z-index:2;padding:30px 26px;color:#173638;justify-content:flex-end}.recommendation-cover-template:before{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-radial-gradient(circle at 82% 18%,transparent 0 28px,rgba(255,255,255,.23) 29px 31px);content:"";pointer-events:none}.recommendation-cover-template span,.recommendation-cover-template strong,.recommendation-cover-template small{position:relative;z-index:1}.recommendation-cover-template span{color:#235b58c7}.recommendation-cover-template strong{max-width:88%;color:#173638;font-size:clamp(29px,7.2vw,46px);text-shadow:none}.recommendation-cover-template small{color:#234c4da3}.recommendation-cover.cover-failed .recommendation-cover-label,.recommendation-cover.is-template .recommendation-cover-label{border-color:#376f6a26;background:#ffffff94;color:#3f746f}.share-card-backdrop{padding:12px;background:linear-gradient(180deg,#e6f3f0db,#cce2e0e6);align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.share-card-modal{max-height:calc(100svh - 24px);background:#f9fcfb;box-shadow:0 30px 90px #23484842}.share-card-preview{width:min(100%,430px);min-height:300px;margin:0 auto;border-color:#32605e1f;background:#edf6f3;box-shadow:0 14px 38px #2b56541f}.share-link-row{display:grid;margin-top:10px;padding:10px 12px;overflow:hidden;border:1px solid rgba(42,91,87,.1);border-radius:14px;background:#edf7f4;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px}.share-link-row span{color:#68807e;font-size:9px;font-weight:850}.share-link-row strong{overflow:hidden;color:#315e5b;font-size:10px;font-weight:800;text-align:right;text-overflow:ellipsis;white-space:nowrap}.share-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.share-card-actions .share-card-primary{grid-column:1 / -1;min-height:52px}.recommendation-share-button small{font-size:10px}@media (min-width: 760px){.recommendation-cover.has-cover:not(.cover-failed){min-height:520px}.recommendation-cover.is-template,.recommendation-cover.cover-failed{min-height:320px}}@media (max-width: 480px){.recommendation-cover.has-cover:not(.cover-failed){min-height:min(78vw,390px)}.recommendation-cover.is-template,.recommendation-cover.cover-failed{min-height:min(53vw,260px)}.recommendation-layout-poster .recommendation-cover-art{width:min(66%,270px);height:calc(100% - 38px)}.recommendation-layout-square .recommendation-cover-art{width:min(68%,280px)}.share-card-backdrop{padding:8px}.share-card-modal{max-height:calc(100svh - 16px);padding:13px}.share-card-preview{width:min(100%,390px)}}