:root{--paper: #f7eef2;--cream: #fff8f6;--ink: #2a1c22;--muted: #8a6f78;--line: #edd8df;--rose: #c45d72;--rose-soft: #f3c9d3;--dock: 56px;--app-w: 100vw;--app-h: 100dvh;--app-top: 0px;--app-left: 0px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--shell-max: 430px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:#e4c8d0;color:var(--ink);font-family:Manrope,PingFang SC,Hiragino Sans GB,sans-serif}h1,h2,.serif{font-family:Cormorant Garamond,Songti SC,serif;font-weight:500}#app{position:fixed;top:var(--app-top);left:var(--app-left);width:var(--app-w);height:var(--app-h)}.shell{position:relative;width:min(100%,var(--shell-max));height:100%;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--paper)}.grain{pointer-events:none;position:absolute;inset:0;z-index:12;opacity:.18;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>")}.stage{flex:1;min-height:0;overflow:auto}.folio{display:flex;justify-content:space-between;padding:calc(10px + var(--safe-top)) 16px 0;color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.shell[data-view=home] .folio{position:absolute;z-index:6;right:0;left:0;color:#fff;text-shadow:0 1px 8px rgb(42 28 34 / 35%)}.figure{height:100%;min-height:0;display:flex;flex-direction:column}.figure__art{position:relative;flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.figure__scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;transform:scale(1.04)}.figure__art:after{content:"";position:absolute;right:0;bottom:0;left:0;height:42%;background:linear-gradient(transparent,#2a1c2247)}.figure__hover{position:relative;z-index:1;width:min(78%,280px);height:100%;animation:hover-in .55s cubic-bezier(.16,1,.3,1)}.figure__hover img{display:block;width:100%;height:calc(100% - 18px);object-fit:contain;object-position:bottom;animation:hover-float 3.8s ease-in-out infinite;will-change:transform;filter:drop-shadow(0 18px 22px rgb(42 28 34 / 18%))}.figure__shadow{position:absolute;left:20%;right:20%;bottom:6px;height:14px;border-radius:50%;background:#2a1c2238;filter:blur(8px);animation:hover-shadow 3.8s ease-in-out infinite}@keyframes hover-float{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-9px) rotate(.5deg)}}@keyframes hover-shadow{0%,to{transform:scaleX(1);opacity:.32}50%{transform:scaleX(.78);opacity:.16}}@keyframes hover-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.figure__hover,.figure__hover img,.figure__shadow{animation:none}}.figure__art.is-ph{display:grid;place-items:center;color:var(--muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.figure__meta{position:relative;z-index:2;flex:0 0 auto;margin:-28px 14px 0;padding:14px 16px 12px;border:1px solid rgb(255 248 246 / 55%);border-radius:22px;background:#fff8f6c7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 30px #2a1c2214}.kicker{margin:0 0 4px;color:var(--rose);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.figure__meta h1{margin:0 0 6px;font-size:clamp(28px,9vw,38px);letter-spacing:-.03em;line-height:.92}.look{margin:0 0 14px;color:var(--muted);font-size:12px}.actions{display:flex;gap:10px}.btn{padding:9px 16px;border:0;border-radius:999px;font:inherit;font-size:13px;letter-spacing:.06em;cursor:pointer}.btn--rose{background:var(--rose);color:#fff8f6}.btn--ghost,.sheet__card .cta{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.sheet__card .cta{padding:9px 16px;border:0;border-radius:999px;font:inherit;cursor:pointer}.strip{display:flex;flex:0 0 auto;gap:10px;overflow-x:auto;padding:12px 16px 10px;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.strip__item{flex:0 0 auto;padding:3px;border:0;border-radius:14px;background:var(--cream);box-shadow:0 6px 14px #2a1c220f;opacity:.42;cursor:pointer}.strip__item.is-on{opacity:1;box-shadow:0 0 0 1.5px var(--rose)}.strip__face,.strip__face.is-ph{display:block;width:52px;height:68px;border-radius:10px;object-fit:cover;object-position:top;background:#f3e4e9}.strip__face.is-ph{display:grid;place-items:center;color:var(--muted);font-size:11px}.page{padding:8px 16px 24px;min-height:100%}.page>.kicker{margin-bottom:2px}.page h1{margin:0 0 8px;font-size:clamp(32px,10vw,42px);letter-spacing:-.03em;line-height:.92}.page__lead{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:1.5}.spread,.reel{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;background:#f3e4e9;color:#fff;font:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 24px #2a1c2214}.spread{margin-bottom:12px;height:clamp(140px,24vh,176px);border-radius:22px}.spread.is-hero{height:clamp(180px,32vh,236px)}.spread img,.reel img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform .7s ease}.spread:active img,.reel:active img{transform:scale(1.07)}.spread__cap,.reel__cap{position:absolute;right:0;bottom:0;left:0;padding:32px 16px 14px;background:linear-gradient(transparent,#2a1c2294)}.spread__cap em,.reel__cap span{display:block;color:#fff8f6c7;font-size:10px;font-style:italic;letter-spacing:.16em;text-transform:uppercase}.spread__cap b,.reel__cap b{display:block;margin:2px 0;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:500}.spread__cap span{color:#fff8f6d6;font-size:11px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.pair .spread{height:clamp(160px,28vh,220px);margin:0}.pair .spread__cap b{font-size:22px}.reels{display:flex;flex-direction:column;gap:12px}.reel{height:clamp(128px,22vh,168px);border-radius:22px}.reel__cap b{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:500}.dock{z-index:7;display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr 1fr;height:var(--dock);margin:0 14px calc(8px + var(--safe-bottom));padding:6px;border-radius:999px;background:#fff8f6db;box-shadow:0 10px 28px #2a1c221a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.dock__btn{border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer}.dock__btn.is-on{background:var(--rose);color:#fff8f6}.sheet{position:fixed;top:var(--app-top);left:var(--app-left);z-index:20;width:var(--app-w);height:var(--app-h)}.sheet__mask{position:absolute;inset:0;border:0;background:#2a1c2247}.sheet__card{position:absolute;left:50%;bottom:0;width:min(100%,var(--shell-max));transform:translate(-50%);padding:22px 22px calc(22px + var(--safe-bottom));border-radius:28px 28px 0 0;background:var(--cream)}.sheet__card h2{margin:0 0 8px;font-size:30px}.sheet__card p{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.5}.sheet__card--pick{max-height:min(78%,640px);overflow:auto}.sheet__kicker{margin:12px 0 8px!important;color:var(--ink)!important;font-size:11px!important;letter-spacing:.16em;text-transform:uppercase}.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.pick{padding:0 0 8px;overflow:hidden;border:1px solid transparent;border-radius:14px;background:#f6e9ee;color:inherit;font:inherit;cursor:pointer}.pick.is-on{border-color:var(--rose)}.pick img{display:block;width:100%;height:72px;object-fit:cover}.pick img.is-cut{object-fit:contain;object-position:top;background:var(--cream)}.pick span{display:block;margin-top:6px;font-size:11px}.sheet__list{margin:0 0 16px;padding:0;list-style:none}.sheet__list li{padding:10px 0;border-top:1px solid var(--line);font-size:14px}.sheet:has(.player){background:#e4c8d0}.player{position:absolute;inset:0 0 0 50%;display:flex;flex-direction:column;width:min(100%,var(--shell-max));overflow:hidden;transform:translate(-50%);background:#c9a3ae}.player__bg{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(28px) saturate(1.15)}.player__wash{position:absolute;inset:0;background:linear-gradient(180deg,rgb(42 28 34 / 18%),transparent 22%,transparent 72%,rgb(42 28 34 / 28%)),#f7eef22e}.player__close,.player__stage,.player__title{position:relative;z-index:1}.player__close{align-self:flex-end;margin:calc(12px + var(--safe-top)) 16px 0;padding:6px 12px;border:0;border-radius:999px;background:#fff8f6c7;color:var(--ink);font:inherit;letter-spacing:.1em;cursor:pointer}.player__stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 0}.player__video{width:100%;height:100%;object-fit:contain;background:transparent}.player__title{margin:0;padding:8px 16px calc(16px + var(--safe-bottom));color:#fff8f6;font-family:Cormorant Garamond,serif;font-size:26px;text-shadow:0 8px 24px rgb(42 28 34 / 35%)}.sheet:has(.chat){background:#e4c8d0}.chat{position:absolute;inset:0 0 0 50%;display:flex;flex-direction:column;width:min(100%,var(--shell-max));overflow:hidden;transform:translate(-50%);background:var(--paper)}.chat__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:blur(10px) saturate(.85)}.chat__nav,.chat__flow,.chat__bar{position:relative;z-index:1}.chat__nav{display:flex;align-items:center;gap:10px;padding:calc(10px + var(--safe-top)) 12px 10px;background:#fff8f6d1;box-shadow:0 1px 0 var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.chat__back{padding:0 6px 0 2px;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.chat__nav-ava,.chat__ava{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:top;background:#f3e4e9}.chat__who{min-width:0}.chat__who b{display:block;overflow:hidden;font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.chat__who span{display:flex;align-items:center;gap:5px;color:#5c9a72;font-size:11px}.chat__who span:before{content:"";width:6px;height:6px;border-radius:50%;background:#4caf73}.chat__flow{flex:1;min-height:0;overflow:auto;padding:12px 12px 8px}.chat__when{margin:4px 0 14px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-align:center}.chat__row{display:flex;align-items:flex-end;gap:8px;margin-bottom:10px}.chat__row.is-me{justify-content:flex-end}.chat__bubble{max-width:74%;padding:10px 13px;border-radius:16px;font-size:15px;line-height:1.5;word-break:break-word}.chat__bubble.is-them{border-bottom-left-radius:5px;background:#fff8f6eb;box-shadow:0 6px 16px #2a1c220f}.chat__bubble.is-me{border-bottom-right-radius:5px;background:var(--rose);color:#fff8f6}.chat__bubble.is-dots{display:flex;align-items:center;gap:4px;min-width:52px;height:36px}.chat__bubble.is-dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:chat-dot 1s ease-in-out infinite}.chat__bubble.is-dots i:nth-child(2){animation-delay:.15s}.chat__bubble.is-dots i:nth-child(3){animation-delay:.3s}@keyframes chat-dot{0%,80%,to{opacity:.28;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.chat__bar{padding:8px 12px calc(10px + var(--safe-bottom));background:#fff8f6e5;box-shadow:0 -1px 0 var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.chat__hints{display:flex;gap:8px;overflow-x:auto;margin-bottom:8px;scrollbar-width:none}.chat__hints::-webkit-scrollbar{display:none}.chat__hint{flex:0 0 auto;padding:6px 12px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.chat__compose{display:flex;gap:8px;align-items:center}.chat__field{flex:1;height:40px;padding:0 14px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:inherit;font-size:15px;outline:none}.chat__send{height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--rose);color:#fff8f6;font:inherit;font-size:14px;cursor:pointer}.rotate-tip{display:none}html[data-wide=true]{--shell-max: 480px}html[data-size=short] .figure__meta{margin-top:-20px;padding:10px 14px 8px}html[data-size=short] .look{display:none}html[data-size=short] .figure__meta h1{font-size:28px}html[data-size=short] .strip{padding:8px 12px 6px}html[data-size=short] .strip__face,html[data-size=short] .strip__face.is-ph{width:42px;height:54px}html[data-size=short] .dock{--dock: 48px}html[data-size=short] .page h1{font-size:30px}html[data-landscape=true] .folio{padding-top:8px}html[data-landscape=true] .figure{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr auto}html[data-landscape=true] .figure__art{grid-row:1 / -1}html[data-landscape=true] .figure__meta{margin:10px 10px 0 0}html[data-landscape=true] .strip{padding:8px 10px 8px 0}html[data-landscape=true] .dock{margin:0 10px calc(6px + var(--safe-bottom))}html[data-landscape=true] .player__title,html[data-landscape=true] .chat__who b{font-size:18px}