:root{--ns-bg: #f5f2ee;--ns-ink: #1a1a1a;--ns-green: #649733;--ns-green-dark: #3a5a16;--ns-line: rgba(100, 151, 51, 0.13);--ns-glass: rgba(245, 242, 238, 0.86);--ease-out: cubic-bezier(0.16, 1, 0.3, 1);--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--ease-power: cubic-bezier(0.77, 0, 0.18, 1);--ease-emph: cubic-bezier(0.2, 0.8, 0.2, 1)}body{height:100dvh;overflow:hidden;overscroll-behavior:none}picture{display:contents}header.nutrisense-header{position:fixed;top:0;left:0;right:0;z-index:140;background:none;backdrop-filter:none}.header-nav{background:#f5f2ee;backdrop-filter:blur(20px)}@keyframes ambientDrift{0%{transform:translate(0, 0) scale(1)}50%{transform:translate(3%, -2%) scale(1.06)}100%{transform:translate(-2%, 3%) scale(1.02)}}#hero-scene{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f2ee;overflow:hidden;z-index:10;isolation:isolate;-webkit-overflow-scrolling:touch;scrollbar-width:none}#hero-scene::-webkit-scrollbar{display:none}#hero-scene::before,#hero-scene::after{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:0;animation:ambientDrift 22s ease-in-out infinite alternate;filter:blur(10px);will-change:transform}#hero-scene::after{animation-duration:30s;animation-direction:alternate-reverse}#hero-scene>*{position:relative;z-index:1}@keyframes charRise{to{transform:translateY(0)}}@keyframes ruleDraw{to{width:60px}}#hero-tagline{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;pointer-events:none;z-index:5;display:flex;flex-direction:column;align-items:center;gap:14px;transition:opacity .55s var(--ease-emph),transform .7s var(--ease-power),filter .55s ease}#hero-tagline.hidden{opacity:0;transform:translate(-50%, -50%) scale(0.85) translateY(-30px);filter:blur(8px)}#hero-tagline::after{content:"";width:0;height:1px;background:#649733;animation:ruleDraw 1.4s .9s var(--ease-power) forwards}#hero-tagline .hint-label{font-family:"Playfair Display",serif;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:700;color:var(--ns-ink);letter-spacing:.18em;text-transform:uppercase;padding:10px 26px;border-radius:40px;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.6);overflow:hidden;display:inline-block}#hero-tagline .hint-label .word{display:inline-block;overflow:hidden;vertical-align:bottom}#hero-tagline .hint-label .char{display:inline-block;transform:translateY(110%);animation:charRise .8s var(--ease-power) forwards}@keyframes trayPop{0%{opacity:0;transform:translateY(-20px) scale(0.7)}60%{opacity:1;transform:translateY(2px) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}#top-tray{position:absolute;top:72px;left:15rem;right:0;height:104px;display:flex;align-items:center;justify-content:center;gap:28px;backdrop-filter:blur(14px);border-bottom:1px solid rgba(100,151,51,.13);z-index:2;pointer-events:none;opacity:0;transform:translateY(-100%);transition:opacity .5s var(--ease-out),transform .8s var(--ease-spring)}#top-tray.visible{opacity:1;transform:translateY(0);pointer-events:auto;align-items:self-start;}#top-tray.visible .tray-item{animation:trayPop .6s var(--ease-spring) forwards}#top-tray.visible .tray-item:nth-child(1){animation-delay:.18s}#top-tray.visible .tray-item:nth-child(2){animation-delay:.26s}#top-tray.visible .tray-item:nth-child(3){animation-delay:.34s}#top-tray.visible .tray-item:nth-child(4){animation-delay:.42s}.tray-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;gap:0;transition:transform .35s var(--ease-spring);opacity:0;transform:translateY(-20px)}.tray-item:hover{transform:translateY(-3px)}.tray-item img{width:64px;height:64px;object-fit:cover;filter:grayscale(1) brightness(0.78);transition:filter .4s var(--ease-out),width .4s var(--ease-spring),height .4s var(--ease-spring),transform .35s var(--ease-spring)}.tray-item.active img{width:78px;height:78px;filter:none}.tray-item.active .tray-label{color:#649733;font-weight:600}.tray-item .tray-label{margin-top:-8px;font-family:"Cormorant Garamond",serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#bbb;transition:color .3s ease;white-space:nowrap}@keyframes cardReveal{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(40px) scale(0.92)}60%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0) scale(1)}}@keyframes cardFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes cardImplode{0%{opacity:1;transform:translate(var(--cx, 0px), var(--cy, 0px)) scale(1);filter:blur(0)}60%{opacity:.4;transform:translate(calc(var(--cx, 0px) * 1.4), calc(var(--cy, 0px) * 1.4)) scale(0.6);filter:blur(8px)}100%{opacity:0;transform:translate(calc(var(--cx, 0px) * 1.8), calc(var(--cy, 0px) * 1.8)) scale(0.2);filter:blur(20px)}}@keyframes cardChosen{0%{transform:scale(1);filter:blur(0);opacity:1}50%{transform:scale(1.18);filter:blur(2px) brightness(1.1);opacity:1}100%{transform:scale(0.05);filter:blur(20px);opacity:0}}@keyframes haloSpin{to{--ang: 360deg}}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}#cross-container{position:relative;display:grid;grid-template-columns:220px 220px;grid-template-rows:220px 220px;gap:88px;flex-shrink:0;transition:opacity .65s var(--ease-out);perspective:1200px}#cross-container.hidden{display:none}#cross-container .img-card:nth-child(2){animation-delay:.1s}#cross-container .img-card:nth-child(3){animation-delay:.22s}#cross-container .img-card:nth-child(4){animation-delay:.34s}#cross-container .img-card:nth-child(5){animation-delay:.46s}#cross-container:not(.hidden) .img-card{animation:cardReveal 1s var(--ease-power) forwards,cardFloat 6s ease-in-out infinite alternate}#cross-container:not(.hidden) .img-card:nth-child(2){animation-delay:.1s,0s}#cross-container:not(.hidden) .img-card:nth-child(3){animation-delay:.22s,.8s}#cross-container:not(.hidden) .img-card:nth-child(4){animation-delay:.34s,1.6s}#cross-container:not(.hidden) .img-card:nth-child(5){animation-delay:.46s,2.4s}#cross-container.imploding .img-card{animation:cardImplode .9s var(--ease-power) forwards}#cross-container.imploding .img-card.is-chosen{animation:cardChosen .9s var(--ease-power) forwards;z-index:5}#cross-center{display:none}.img-card{position:relative;width:220px;height:220px;cursor:pointer;transform-style:preserve-3d;transition:transform .45s var(--ease-emph),filter .45s var(--ease-out);will-change:transform;opacity:0;clip-path:inset(0 0 100% 0);animation:cardReveal 1s var(--ease-power) forwards}.img-card img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block;transition:filter .45s var(--ease-out),transform .6s var(--ease-emph)}.img-card:hover{transform:translateY(-6px) scale(1.06) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));filter:drop-shadow(0 24px 40px rgba(58, 90, 22, 0.2))}.img-card:hover img{filter:brightness(0.85) saturate(1.1)}.img-card:hover .book-page{clip-path:inset(0 0 0 0)}.img-card:hover .book-label{transform:translateY(0);opacity:1}.img-card:hover::before{opacity:.9;animation-play-state:running}.img-card::before{content:"";position:absolute;inset:-6px;border-radius:24px;background:conic-gradient(from var(--ang, 0deg), rgba(100, 151, 51, 0) 0%, rgba(100, 151, 51, 0.45) 25%, rgba(100, 151, 51, 0) 50%, rgba(100, 151, 51, 0.45) 75%, rgba(100, 151, 51, 0) 100%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:-1;filter:blur(10px);animation:haloSpin 6s linear infinite;animation-play-state:paused}.book-page{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg, transparent, rgba(58, 90, 22, 0.95));border-radius:0 0 18px 18px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;clip-path:inset(100% 0 0 0);transition:clip-path .55s var(--ease-power);z-index:3}.book-label{font-family:"Playfair Display",serif;font-size:.86rem;font-weight:700;color:#fff !important;text-align:center;letter-spacing:.14em;text-transform:uppercase;line-height:1.25;padding:0 8px;transform:translateY(12px);opacity:0;transition:transform .55s .12s var(--ease-spring),opacity .35s .12s ease}#shock-ripple{position:absolute;left:50%;top:50%;width:20px;height:20px;border-radius:50%;border:2px solid rgba(100,151,51,.55);transform:translate(-50%, -50%) scale(0);pointer-events:none;opacity:0;z-index:6}#shock-ripple.fire{animation:shockBurst 1.2s var(--ease-out) forwards}@keyframes shockBurst{0%{transform:translate(-50%, -50%) scale(0);opacity:.9;border-width:2px}60%{opacity:.6;border-width:1.5px}100%{transform:translate(-50%, -50%) scale(60);opacity:0;border-width:.5px}}@keyframes orbitFloat{0%{translate:0 0}100%{translate:0 var(--floatY, -6px)}}@keyframes gridFadeIn{from{opacity:0;transform:translateY(20px) scale(0.85)}to{opacity:1;transform:translateY(0) scale(1)}}#orbit-wrap{position:absolute;left:50%;top:52%;width:0;height:0;z-index:40;pointer-events:none;opacity:0;transition:left .9s var(--ease-power),top .9s var(--ease-power),opacity .35s ease}#orbit-wrap.orbit-active{pointer-events:auto;opacity:1}#orbit-wrap .orbit-item img{width:135px;height:135px}#orbit-wrap.orbit-grid{width:auto;height:auto;display:grid;grid-template-columns:repeat(4, 135px);gap:24px;padding:40px;transform:translate(-50%, -50%)}#orbit-wrap.orbit-grid .orbit-item{position:static !important;transform:none !important;opacity:1;animation:gridFadeIn .6s var(--ease-out) backwards}#orbit-wrap.orbit-grid .orbit-item:nth-child(1){animation-delay:.05s}#orbit-wrap.orbit-grid .orbit-item:nth-child(2){animation-delay:.1s}#orbit-wrap.orbit-grid .orbit-item:nth-child(3){animation-delay:.15s}#orbit-wrap.orbit-grid .orbit-item:nth-child(4){animation-delay:.2s}#orbit-wrap.orbit-grid .orbit-item:nth-child(5){animation-delay:.25s}#orbit-wrap.orbit-grid .orbit-item:nth-child(6){animation-delay:.3s}#orbit-wrap.orbit-grid .orbit-item:nth-child(7){animation-delay:.35s}
#orbit-wrap.orbit-grid .orbit-item:nth-child(8){animation-delay:.4s}#orbit-wrap.orbit-grid .orbit-item img{width:120px;height:120px}#orbit-wrap.large-items .orbit-item.stacked span{opacity:0 !important}.orbit-item{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;cursor:pointer;transform:translate(-50%, -50%);opacity:0;z-index:1;transition:transform .85s var(--ease-spring),opacity .45s ease}.orbit-item.idle-float{animation:orbitFloat 5.5s ease-in-out infinite alternate}.orbit-item img{width:135px;height:135px;object-fit:cover;display:block;max-inline-size:unset;transition:filter .5s var(--ease-out),transform .35s var(--ease-spring)}.orbit-item:hover img{transform:scale(1.1)}.orbit-item .orbit-label{font-family:"Cormorant Garamond",serif;font-size:.92rem;letter-spacing:.18em;text-transform:uppercase;color:#555;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;margin-top:-32px;max-width:130px;text-align:center;line-height:1.2;transition:opacity .4s ease,color .4s ease,transform .4s var(--ease-spring)}.orbit-item.stacked img{filter:grayscale(1) brightness(0.7)}.orbit-item.stacked .orbit-label{opacity:.55;color:#999}.orbit-item.stacked:hover img{filter:grayscale(0.4) brightness(0.85)}.orbit-item.stacked::after{content:attr(data-label);position:absolute;left:calc(100% + 14px);top:50%;transform:translate(-12px, -50%);font-family:"Cormorant Garamond",serif;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:#555;white-space:nowrap;background:rgba(245,242,238,.86);padding:6px 12px;border-radius:6px;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .35s var(--ease-spring);z-index:100}.orbit-item.stacked:hover::after{opacity:1;transform:translate(0, -50%)}.orbit-item.stacked-active img{filter:none}.orbit-item.stacked-active .orbit-label{opacity:1;color:#649733;font-weight:600}.orbit-item.stacked-active:hover img{filter:none}.orbit-item.stacked-active::after{content:attr(data-label);position:absolute;left:calc(100% + 14px);top:50%;transform:translate(-12px, -50%);font-family:"Cormorant Garamond",serif;font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:#555;white-space:nowrap;background:rgba(245,242,238,.86);padding:6px 12px;border-radius:6px;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .35s var(--ease-spring);z-index:100}.orbit-item.stacked-active:hover::after{opacity:1;transform:translate(0, -50%)}.stacked-active{margin-top:-17px}#column-bg{position:fixed;left:0;top:0;width:240px;height:100dvh;background:rgba(245,242,238,.97);border-right:1px solid rgba(100,151,51,.13);z-index:35;opacity:0;pointer-events:none;transform:translateX(-30%) skewX(-2deg);transform-origin:left center;transition:opacity .9s var(--ease-power),transform .9s var(--ease-power)}#column-bg.visible{opacity:1;transform:translateX(0) skewX(0deg)}#column-bg.visible::after{height:60%}#column-bg::after{content:"";position:absolute;right:0;top:50%;width:1px;height:0;transform:translateY(-50%);transition:height 1.2s .25s var(--ease-power)}#subcat-info{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transition:opacity .35s ease}#subcat-info.visible{opacity:1}#subcat-info.visible .divider{height:50px}#subcat-info.visible .section-tag::after{width:100%}#subcat-info.visible h1 .word>span{transform:translateY(0)}#subcat-info.visible p{opacity:1;transform:translateY(0);filter:blur(0)}#sub-content{position:absolute;left:250px;right:0;top:160px;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;opacity:0;pointer-events:none;z-index:20;overflow-y:auto;transition:opacity .55s .35s var(--ease-out)}#sub-content.visible{opacity:1;pointer-events:auto}#sub-content .divider{width:1px;height:0;background:linear-gradient(to bottom, rgba(100, 151, 51, 0.5), transparent);margin-bottom:8px;transition:height .8s var(--ease-power)}#sub-content .section-tag{font-family:"Cormorant Garamond",serif;font-size:1.1rem;font-weight:800;letter-spacing:.4em;text-transform:uppercase;color:#649733;margin-bottom:14px;position:relative;padding-bottom:6px}#sub-content .section-tag::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#649733;transform:translateX(-50%);transition:width .9s .25s var(--ease-power)}#sub-content h1{font-family:"Playfair Display",serif;font-size:clamp(1.2rem,2.5vw,2.2rem);font-weight:700;color:var(--ns-ink);line-height:1.04;text-align:center;overflow:hidden}#sub-content h1 em{font-style:italic;color:#649733}#sub-content h1 .word{display:inline-block;overflow:hidden;vertical-align:bottom}#sub-content h1 .word>span{display:inline-block;transform:translateY(110%);transition:transform .9s var(--ease-power)}#sub-content p{font-family:"Cormorant Garamond",serif;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:300;color:#666;line-height:1.75;max-width:460px;text-align:center;margin-bottom:24px;opacity:0;transform:translateY(10px);filter:blur(6px);transition:opacity .8s .35s ease,transform .8s .35s var(--ease-out),filter .8s .35s ease}#spl-rail{display:grid;grid-template-columns:repeat(5, 88px);gap:14px;width:auto;justify-content:center;perspective:1000px;margin-top:20px}.spl-thumb{width:88px;height:88px;border-radius:14px;overflow:hidden;cursor:pointer;border:2px solid rgba(0,0,0,0);flex-shrink:0;transition:transform .35s var(--ease-spring),border-color .3s ease,box-shadow .35s ease;opacity:0;transform:rotateX(-70deg) translateY(40px);transform-origin:center bottom;transform-style:preserve-3d}.spl-thumb.in{opacity:1;transform:rotateX(0deg) translateY(0);transition:opacity .55s var(--ease-out),transform .85s var(--ease-spring)}.spl-thumb.active{border-color:#649733;box-shadow:0 6px 22px rgba(100,151,51,.32)}.spl-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.spl-thumb:hover{transform:translateY(-4px) scale(1.04)}.spl-thumb:hover img{transform:scale(1.08)}#spl-detail{width:100%;max-width:142vh;text-align:center;opacity:0;clip-path:circle(0% at 50% 30%);transition:opacity .45s ease,clip-path .8s var(--ease-power);display:none}#spl-detail.visible{opacity:1;clip-path:circle(150% at 50% 30%);display:block}@media(max-width: 1024px){#cross-container{--_c: min(calc((100dvw - 80px) / 2), 190px);grid-template-columns:var(--_c) var(--_c);grid-template-rows:var(--_c) var(--_c);gap:80px}.img-card{width:var(--_c, 170px);height:var(--_c, 170px)}.orbit-item img{width:115px;height:115px}#top-tray{gap:18px}.tray-item img{width:56px;height:56px}.tray-item.active img{width:68px;height:68px}#column-bg{width:200px}#sub-content{left:210px;padding:24px 24px}#orbit-wrap.orbit-grid{grid-template-columns:repeat(3, 115px);gap:18px}}@media(max-width: 768px){#hero-tagline .hint-label{font-size:.6rem;padding:9px 22px}#cross-container{--_c: min(calc((100dvw - 65px) / 2), 160px);grid-template-columns:var(--_c) var(--_c);grid-template-rows:var(--_c) var(--_c);gap:65px}.img-card{width:var(--_c, 130px);height:var(--_c, 130px)}.img-card:hover .book-page{clip-path:inset(0 0 0 0)}.book-label{font-size:.7rem}#top-tray{top:64px;height:84px;gap:14px;padding:0 12px;left:0}.tray-item img{width:48px;height:48px}.tray-item.active img{width:60px;height:60px}.tray-item .tray-label{font-size:.58rem;margin-top:-6px}.orbit-item img{width:88px;height:88px}.orbit-item .orbit-label{font-size:.72rem;max-width:90px;margin-top:-22px}#orbit-wrap.orbit-grid{grid-template-columns:repeat(3, 90px);gap:14px;padding:18px}#orbit-wrap.orbit-grid .orbit-item img{width:90px;height:90px}#orbit-wrap.stacked-layout:not(.lsc-desktop){left:0 !important;right:0 !important;top:9.5rem !important;width:100% !important;height:auto !important;display:flex;align-items:self-start;justify-content:flex-start;gap:0;padding:0 18px;transform:none;pointer-events:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}#orbit-wrap.stacked-layout:not(.lsc-desktop)::-webkit-scrollbar{display:none}#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item{position:static !important;transform:none !important;flex:0 0 auto;margin:0 8px;scroll-snap-align:center}#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item img{width:68px;height:68px;transition:width .3s var(--ease-spring),height .3s var(--ease-spring),filter .3s ease}#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item.stacked-active img{width:80px;height:80px}#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item .orbit-label{display:block;font-size:.62rem;max-width:76px;line-height:1.15;margin-top:-8px;text-align:center;word-break:normal;overflow-wrap:normal;hyphens:none}#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item.stacked::after,#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item.stacked-active::after{left:50%;top:calc(100% + 4px);transform:translate(-50%, 4px);font-size:.65rem;padding:3px 8px}#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item.stacked-active::after{opacity:1;transform:translate(-50%, 0)}#column-bg{width:100%;height:102px;top:152px;left:0;border-right:none;transform:translateY(-30%) skewY(-1deg);transform-origin:top center}#column-bg.visible{transform:translateY(0) skewY(0deg)}#column-bg::after{right:auto;bottom:0;top:auto;left:50%;width:0;height:1px;transform:translateX(-50%);transition:width 1.2s .25s var(--ease-power)}
#column-bg.visible::after{height:1px;width:60%}#sub-content{left:0;right:0;top:272px;bottom:0}#sub-content h1{font-size:clamp(1.4rem,5vw,2rem)}#sub-content p{font-size:.95rem;max-width:100%;margin-bottom:20px}#sub-content .section-tag{font-size:.92rem;letter-spacing:.32em}
.acc-item a{color:#649733;font-weight:600;text-decoration:underline;text-decoration-color:rgba(100,151,51,.35);transition:color .18s,text-decoration-color .18s}.acc-item a:hover{color:#4f7828;text-decoration-color:#4f7828}#spl-rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76px;gap:10px;overflow-x:auto;overflow-y:hidden;width:100%;padding:0 12px 0px;scroll-snap-type:x mandatory;scroll-padding-inline:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:start}#spl-rail::-webkit-scrollbar{display:none}.spl-thumb{width:76px;height:76px;scroll-snap-align:center}.sup-img{width:140px;height:140px;grid-column:1;margin:0 auto}.sup-score{grid-column:1;margin-top:12px}}#orbit-wrap.stacked-layout .orbit-item .orbit-label{margin-top:-1.5vh}@media(max-width: 480px){#cross-container{--_c: min(calc((100dvw - 65px) / 2), 130px);grid-template-columns:var(--_c) var(--_c);grid-template-rows:var(--_c) var(--_c);gap:65px}.img-card{width:var(--_c, 108px);height:var(--_c, 108px)}.book-label{font-size:.6rem;letter-spacing:.1em}#top-tray{height:76px;gap:10px;padding:0 8px}.tray-item img{width:42px;height:42px}.tray-item.active img{width:52px;height:52px}.tray-item .tray-label{font-size:.52rem}.orbit-item img{width:78px;height:78px}#orbit-wrap.orbit-grid{grid-template-columns:repeat(2, 90px)}#sub-content{top:15rem}#column-bg{top:144px;height:80px}}@media(orientation: landscape)and (max-height: 500px){#cross-container{--_c: min(calc((100dvh - 121px) / 2), calc((100dvw - 65px) / 2), 145px);grid-template-columns:var(--_c) var(--_c);grid-template-rows:var(--_c) var(--_c);gap:65px}.img-card{width:var(--_c, 90px);height:var(--_c, 90px)}.book-label{font-size:.6rem}#top-tray{top:54px;height:60px;gap:14px;padding:0 10px;left:0}.tray-item img{width:34px;height:34px}.tray-item.active img{width:44px;height:44px}.tray-item .tray-label{font-size:.48rem;margin-top:-4px}.orbit-item img{width:72px;height:72px}.orbit-item .orbit-label{font-size:.62rem;max-width:72px;margin-top:-18px}#orbit-wrap.orbit-grid{grid-template-columns:repeat(4, 74px);gap:12px;padding:16px}#orbit-wrap.orbit-grid .orbit-item img{width:74px;height:74px}#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item img{width:50px;height:50px}#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item.stacked-active img{width:60px;height:60px}#orbit-wrap.stacked-layout:not(.lsc-desktop){position:fixed !important;left:4px !important;right:auto !important;top:118px !important;bottom:4px !important;width:156px !important;height:auto !important;transform:none !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;overflow-x:hidden !important;overflow-y:auto !important;scroll-snap-type:y mandatory !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;padding:4px 0 8px !important;gap:4px !important}#orbit-wrap.stacked-layout:not(.lsc-desktop)::-webkit-scrollbar{display:none}#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item{position:relative !important;transform:none !important;flex:0 0 auto !important;margin:0 !important;scroll-snap-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important}#orbit-wrap.stacked-layout:not(.lsc-desktop) .orbit-item .orbit-label{display:block !important;margin-top:4px !important;font-size:.55rem !important;text-align:center !important;max-width:130px !important;line-height:1.2 !important}#column-bg{width:160px !important;height:100dvh !important;top:0 !important;border-right:1px solid rgba(100,151,51,.13) !important;border-bottom:none !important;transform:translateX(-30%) skewX(-2deg) !important;transform-origin:left center !important}#column-bg.visible{transform:translateX(0) skewX(0deg) !important}#column-bg::after{right:0 !important;bottom:auto !important;top:50% !important;left:auto !important;width:1px !important;height:0 !important;transform:translateY(-50%) !important}#column-bg.visible::after{height:60% !important;width:1px !important}#sub-content{left:170px;top:118px}#sub-content h1{font-size:clamp(1rem,2vw,1.4rem)}#sub-content p{font-size:.85rem;margin-bottom:12px}#sub-content .section-tag{font-size:.8rem}#spl-rail{grid-template-columns:repeat(5, 62px);gap:10px;margin-top:10px}.spl-thumb{width:62px;height:62px}}@media(orientation: landscape)and (min-width: 667px)and (max-width: 740px)and (max-height: 500px){#orbit-wrap.stacked-layout.lsc-desktop{position:fixed !important;top:118px !important;bottom:4px !important;left:8px !important;right:auto !important;width:150px !important;height:auto !important;transform:none !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:10px !important;padding:8px 0 12px !important;overflow-y:auto !important;overflow-x:visible !important;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none !important}#orbit-wrap.stacked-layout.lsc-desktop::-webkit-scrollbar{display:none}#orbit-wrap.stacked-layout.lsc-desktop .orbit-item{position:relative !important;transform:none !important;flex:0 0 auto;scroll-snap-align:center;margin:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important}#orbit-wrap.stacked-layout.lsc-desktop .orbit-item img{width:72px !important;height:72px !important;flex-shrink:0;transition:width .3s var(--ease-spring),height .3s var(--ease-spring),filter .3s ease !important}#orbit-wrap.stacked-layout.lsc-desktop .orbit-item.stacked-active img{width:88px !important;height:88px !important}#orbit-wrap.stacked-layout.lsc-desktop .orbit-item .orbit-label{display:block !important;margin-top:5px !important;text-align:center;max-width:130px;font-size:.6rem;line-height:1.25;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:none}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.15ms !important}#hero-scene::before,#hero-scene::after{animation:none}}.acor-nav-logo{width:23%;padding-top:1.235px}.acor-nav-logo a{font-size:23px;display:flex;text-decoration:none;align-items:center}.acor-nav-middle{padding-top:15px}.acor-nav-right{padding-top:15px}.sup-top{align-items:start}.sup-left{display:flex;flex-direction:column;align-items:center}.sup-img{width:200px;height:200px;object-fit:cover;border:1px solid var(--br);flex-shrink:0;margin-top:15px}.sup-score{display:flex;flex-direction:column;align-items:center;margin-top:4px}
