:root{color:#43352b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-h:calc(62px + var(--safe-bottom));--paper:#fbf7ef;--paper-soft:#fffaf4;--ink:#45362d;--muted:#89796d;--line:#7a634d24;--sage:#586e48;--brass:#c4a45e;--shadow:0 22px 60px #52412d29;background:#f4efe6;font-family:SF Pro Rounded,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 20% 0,#d2e2bea3,#0000 26%),radial-gradient(circle at 88% 6%,#e7cc974d,#0000 22%),linear-gradient(#f6f0e7 0%,#ebe2d5 100%);margin:0}button{font:inherit;color:inherit}.app-shell{justify-content:center;align-items:flex-start;min-height:100dvh;padding:24px 18px 36px;display:flex}.phone-frame{background:var(--paper);width:min(100%,430px);height:calc(100dvh - 48px);min-height:640px;box-shadow:var(--shadow);border:1px solid #7d6a5824;border-radius:34px;flex-direction:column;display:flex;position:relative;overflow:hidden}.app-main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;background:var(--paper);flex:1;min-height:0;overflow-y:auto}.app-main::-webkit-scrollbar{display:none}.mockup-stage{background:var(--paper);width:100%;min-height:100%;position:relative}.mockup-stage-landscape{min-height:100%;padding:calc(var(--safe-top) + 20px) 12px calc(var(--nav-h) + 20px);place-items:center;display:grid}.mockup-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.mockup-stage-landscape .mockup-image{border-radius:20px;box-shadow:0 18px 44px #52412d29}.hotspot-layer{pointer-events:none;position:absolute;inset:0}.hotspot{z-index:4;cursor:pointer;pointer-events:auto;appearance:none;-webkit-tap-highlight-color:#586e4829;background:0 0;border:0;border-radius:18px;position:absolute}.hotspot:focus-visible{outline-offset:2px;background:#586e4814;outline:2px solid #586e48d6}.home-light{width:23%;height:4.8%;top:19.3%;left:7%}.home-memory{width:92%;height:9.8%;top:32.6%;left:4%}.home-collection-milestone{width:28%;height:14.8%;top:46%;left:4%}.home-collection-superpower{width:28%;height:14.8%;top:46%;left:36%}.home-collection-mountain{width:28%;height:14.8%;top:46%;left:68%}.world-bookshelf{width:90%;height:18%;top:17%;left:5%}.world-cinema{width:90%;height:18%;top:38%;left:5%}.world-travel{width:90%;height:18%;top:59%;left:5%}.list-first-card{width:90%;height:24%;top:10%;left:5%}.ceremony-confirm{width:60%;height:8%;bottom:10%;left:20%}.bottom-nav{z-index:20;min-height:var(--nav-h);padding:0 8px var(--safe-bottom);background:#fffaf4;border:1px solid #7b644e1a;border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;position:absolute;bottom:10px;left:14px;right:14px;box-shadow:0 12px 32px #52412d21}.tab-item{color:#7d7066;cursor:pointer;appearance:none;background:0 0;border:0;border-radius:18px;min-height:62px;padding:6px 0 8px}.tab-visual{border-radius:16px;align-content:center;place-items:center;gap:3px;min-height:50px;transition:background .18s ease-out,color .18s ease-out,transform .18s ease-out;display:grid}.tab-item.active .tab-visual{color:var(--sage);background:#586e4821}.tab-item:active .tab-visual{transform:translateY(1px)scale(.98)}.tab-icon{place-items:center;width:22px;height:22px;display:grid}.tab-icon svg{fill:currentColor;width:21px;height:21px}.tab-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;width:100%;padding:0 2px;font-size:11px;line-height:1.2;overflow:hidden}.prototype-data-layer{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screening-filters,.poster-grid{display:grid}.poster-card-overlay{gap:2px;display:grid}.poster-card-overlay em{font-style:normal}@media (width<=1024px){.app-shell{background:var(--paper);min-height:100%;padding:0;position:fixed;inset:0}.phone-frame{width:100%;max-width:none;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0}.bottom-nav{bottom:8px;left:16px;right:16px}}@media (width>=700px) and (height>=900px){.phone-frame{width:min(100%,520px)}}