/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ease:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--ink:#08140f;--ink-soft:#10231a;--matcha:#a7d8a4;--matcha-bright:#d6f4bc;--cream:#f4efe1;--cream-muted:#c5c8b7;--vermilion:#d76046}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--cream);margin:0;font-family:Inter,ui-sans-serif,system-ui,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}:is(a:focus-visible,button:focus-visible){outline:3px solid var(--focus,#d6f4bc);outline-offset:4px}.site-shell{--scene-accent:#a7d8a4;--scene-bright:#d6f4bc;--scene-rgb:167, 216, 164;--scene-deep:#07110d;--scene-mid:#132a1e;--focus:var(--scene-bright);background:var(--scene-deep);transition:background-color .6s;overflow:clip}.site-shell[data-scene=slack]{--scene-accent:#efc284;--scene-bright:#ffe1ad;--scene-rgb:239, 194, 132;--scene-deep:#18120d;--scene-mid:#392719}.site-shell[data-scene=night]{--scene-accent:#9baddf;--scene-bright:#cbd5ff;--scene-rgb:155, 173, 223;--scene-deep:#080c18;--scene-mid:#171f3a}.hero{--pointer-x:0;--pointer-y:0;isolation:isolate;background:radial-gradient(circle at calc(76% + var(--pointer-x) * 5%) calc(43% + var(--pointer-y) * 5%), rgba(var(--scene-rgb), .22), transparent 27%), linear-gradient(135deg, var(--scene-deep) 0%, var(--scene-deep) 52%, var(--scene-mid) 100%);min-height:100svh;padding:26px clamp(24px,5vw,84px) 32px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hero{background:radial-gradient(circle at calc(76% + var(--pointer-x) * 5%) calc(43% + var(--pointer-y) * 5%), rgba(var(--scene-rgb), .22), transparent 27%), linear-gradient(135deg, var(--scene-deep) 0%, color-mix(in srgb, var(--scene-deep) 70%, var(--scene-mid)) 52%, var(--scene-mid) 100%)}}.hero{transition:background .65s}.hero:before{content:"";z-index:-1;opacity:.42;background-image:linear-gradient(#c0e7bf09 1px,#0000 1px),linear-gradient(90deg,#c0e7bf09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000);mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000)}.hero-grain{pointer-events:none;opacity:.3;z-index:8;mix-blend-mode:soft-light;background:repeating-radial-gradient(circle at 20% 30%,#ffffff06 0 1px,#0000 1px 4px) 0 0/11px 13px,repeating-radial-gradient(circle at 80% 70%,#0000000a 0 1px,#0000 1px 5px) 0 0/17px 19px;position:absolute;inset:0}.nav-shell{z-index:10;border-bottom:1px solid #eef4e221;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;padding-bottom:22px;display:grid;position:relative}.brand{align-items:center;gap:12px;width:max-content;display:inline-flex}.brand-seal{aspect-ratio:1;width:38px;color:var(--ink);background:var(--scene-accent,var(--matcha));border-radius:50% 46% 48% 44%;place-items:center;font-family:Songti SC,serif;font-weight:800;display:grid;transform:rotate(-5deg)}.brand b,.brand small{display:block}.brand b{letter-spacing:.12em;font-family:Songti SC,STSong,serif;font-size:17px}.brand small{color:#eff2e07a;letter-spacing:.2em;margin-top:3px;font-size:8px}.nav-links{color:#f2f3e1a6;letter-spacing:.08em;gap:36px;font-size:13px;display:flex}.nav-links a{transition:color .18s}.nav-links a:hover{color:var(--scene-bright,var(--matcha-bright))}.bili-pill{letter-spacing:.18em;border:1px solid #e1efd53d;border-radius:999px;justify-self:end;padding:11px 16px;font-size:10px;transition:background .18s,color .18s,border-color .18s}.bili-pill:hover{color:var(--ink);border-color:var(--scene-bright,var(--matcha-bright));background:var(--scene-bright,var(--matcha-bright))}.hero-layout{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(40px,7vw,112px);width:min(1320px,100%);min-height:calc(100svh - 150px);margin:0 auto;padding:70px 0 76px;display:grid}.hero-copy{z-index:3;padding-left:clamp(0px,3vw,42px);position:relative}.eyebrow{color:var(--scene-accent,var(--matcha));letter-spacing:.25em;align-items:center;gap:12px;margin:0 0 30px;font-size:10px;display:flex}.eyebrow span{background:var(--scene-accent,var(--matcha));width:24px;height:1px}.hero h1{letter-spacing:-.06em;max-width:680px;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(56px,6.25vw,104px);font-weight:500;line-height:1.06}.hero h1 em{color:var(--scene-bright,var(--matcha-bright));font-style:normal;display:block}.hero-intro{color:#eff2e2a3;letter-spacing:.04em;max-width:510px;margin:30px 0 36px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:22px;display:flex}.primary-action{color:var(--ink);background:var(--cream);border-radius:999px;align-items:center;gap:32px;padding:8px 8px 8px 22px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.primary-action:hover{background:var(--scene-bright,var(--matcha-bright));transform:translateY(-3px)}.primary-action i{aspect-ratio:1;width:38px;color:var(--cream);background:var(--ink);border-radius:50%;place-items:center;font-style:normal;display:grid}.micro-note{color:#ecf0e059;letter-spacing:.12em;font-size:10px}.portrait-stage{aspect-ratio:1;width:min(43vw,640px);transform:translate3d(calc(var(--pointer-x) * 10px), calc(var(--pointer-y) * 10px), 0);justify-self:center;transition:transform .32s cubic-bezier(.22,1,.36,1);position:relative}.portrait-card{transform:rotate(calc(var(--pointer-x) * 1.3deg)) translate3d(calc(var(--pointer-x) * 16px), calc(var(--pointer-y) * 12px), 0);background:#1b3427;border:1px solid #ccebbe6b;border-radius:50% 46% 52% 48%;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;inset:10%;overflow:hidden;box-shadow:0 40px 120px #00000061,inset 0 0 0 8px #08130e73}.portrait-card img{object-fit:cover;width:100%;height:100%;transform:scale(1.04)}.portrait-glow{background:rgba(var(--scene-rgb), .4);filter:blur(70px);border-radius:50%;position:absolute;inset:22%}.orbit{border:1px solid #c2e4b729;border-radius:50%;position:absolute}.orbit-one{inset:2%}.orbit-two{border-style:dashed;animation:30s linear infinite orbit-spin;inset:18%}.orbit-one:after,.orbit-two:after{content:"";aspect-ratio:1;background:var(--scene-bright,var(--matcha-bright));width:7px;box-shadow:0 0 20px var(--scene-accent,var(--matcha));border-radius:50%;position:absolute}.orbit-one:after{top:16%;right:13%}.orbit-two:after{bottom:23%;left:8%}.mochi{z-index:3;color:#112018;background:var(--cream);border-radius:50% 52% 40% 45%;place-items:center;width:84px;height:67px;font-size:13px;font-weight:800;transition:transform .32s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;box-shadow:0 18px 40px #00000038}.mochi:before,.mochi:after{content:"";background:var(--cream);width:18px;height:18px;position:absolute;bottom:-7px;transform:rotate(45deg)}.mochi:before{left:14px}.mochi:after{right:10px}.mascot-one{transform:translate3d(calc(var(--pointer-x) * -25px), calc(var(--pointer-y) * -20px), 0) rotate(5deg);top:4%;right:3%}.mascot-two{width:70px;height:56px;transform:translate3d(calc(var(--pointer-x) * -18px), calc(var(--pointer-y) * -24px), 0) rotate(-7deg);bottom:13%;left:0}.vertical-caption{color:#eff2e259;letter-spacing:.35em;writing-mode:vertical-rl;font-family:Songti SC,serif;font-size:10px;position:absolute;bottom:21%;right:-20px}.hero-footer{color:#ecf1e259;letter-spacing:.2em;grid-template-columns:auto 120px auto 1fr;align-items:center;gap:14px;font-size:8px;display:grid;position:absolute;bottom:28px;left:clamp(24px,5vw,84px);right:clamp(24px,5vw,84px)}.hero-footer span{color:var(--scene-accent,var(--matcha));font-size:11px}.hero-footer div{background:#ebf1e01f;height:1px}.hero-footer div i{background:var(--scene-accent,var(--matcha));width:30%;height:100%;display:block}.hero-footer p{margin:0}.hero-footer b{justify-self:end;font-weight:400}.portrait-shine{transform:translateX(calc(var(--pointer-x) * 80%));mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(110deg,#0000 25%,#ffffff3d 48%,#0000 72%);position:absolute;inset:-40% 36% -40% -25%}.hero-status{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:188px;transform:translate3d(calc(var(--pointer-x) * -16px), calc(var(--pointer-y) * -12px), 0);background:#040c08bf;border:1px solid #eaf2e02e;border-radius:2px 24px 24px;padding:17px 20px 16px 25px;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .5s;position:absolute;bottom:7%;right:1%;box-shadow:0 20px 50px #0000004d}.hero-status .status-dot{aspect-ratio:1;background:var(--scene-bright);width:11px;box-shadow:0 0 18px rgba(var(--scene-rgb), .8);border-radius:50%;position:absolute;top:19px;left:-6px}.hero-status small,.hero-status b,.hero-status i{display:block}.hero-status small{color:#f1f4e66b;letter-spacing:.22em;font-size:8px}.hero-status b{letter-spacing:.12em;margin-top:5px;font-family:Songti SC,serif;font-size:19px}.hero-status i{color:var(--scene-bright);letter-spacing:.15em;font-size:8px;font-style:normal;position:absolute;top:13px;right:14px}.interaction-section{padding:clamp(96px,11vw,168px) clamp(24px,7vw,116px);position:relative}.section-heading{color:#17281f;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;width:min(1320px,100%);margin:0 auto clamp(56px,7vw,96px);display:grid}.section-heading p{color:#6c7c6f;letter-spacing:.2em;margin:0 0 20px;font-size:10px;font-weight:700}.section-heading h2{letter-spacing:-.055em;max-width:940px;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(42px,5.2vw,78px);font-weight:500;line-height:1.14}.section-heading>span{color:#788579;letter-spacing:.08em;text-align:right;max-width:240px;padding-bottom:8px;font-size:10px;line-height:1.8}.light-heading{color:var(--cream)}.light-heading p,.light-heading>span{color:#f0f4e473}.scene-control{color:#17281f;background:#f0ede0}.scene-console{background:#f8f4e8;border:1px solid #142b1e26;border-radius:34px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);width:min(1320px,100%);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 30px 100px #1c2b201f}.scene-preview{min-height:620px;color:var(--cream);background:radial-gradient(circle at 50% 48%, rgba(var(--scene-rgb), .24), transparent 34%), linear-gradient(145deg, var(--scene-deep), var(--scene-mid));transition:background .65s;position:relative;overflow:hidden}.scene-preview:before{content:"";opacity:.34;background-image:linear-gradient(#f5f1e009 1px,#0000 1px),linear-gradient(90deg,#f5f1e009 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.awning{filter:drop-shadow(0 14px 20px #0000003d);height:84px;display:flex;position:absolute;inset:0 0 auto}.awning span{background:var(--scene-accent);border-radius:0 0 48% 48%;flex:1;height:72px;transition:background-color .55s}.awning span:nth-child(2n){background:#f3eddb}.cafe-sign{text-align:center;border:1px solid #f3efdd40;border-radius:48% 48% 12px 12px;width:min(430px,70%);padding:50px 30px 44px;position:absolute;top:20%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 8px #f1eddb09,0 35px 70px #00000038}.cafe-sign small,.cafe-sign strong,.cafe-sign p{display:block}.cafe-sign small{color:var(--scene-accent);letter-spacing:.35em;font-size:9px}.cafe-sign strong{letter-spacing:.1em;margin:20px 0 10px;font-family:Songti SC,serif;font-size:clamp(38px,5vw,62px);font-weight:500}.cafe-sign p{color:#f3f2e085;letter-spacing:.15em;margin:0;font-size:11px}.cafe-sign i{aspect-ratio:1;width:64px;color:var(--scene-deep);background:var(--scene-bright);letter-spacing:.12em;border-radius:50%;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-18px;right:-18px;transform:rotate(8deg)}.counter-line{background:#f1eddb2e;border-radius:999px;height:4px;position:absolute;bottom:16%;left:8%;right:8%}.mini-cup{background:var(--cream);border-radius:6px 6px 24px 24px;width:68px;height:48px;position:absolute;bottom:5px;left:18%}.mini-cup:after{content:"";border:7px solid var(--cream);border-left:0;border-radius:0 50% 50% 0;width:30px;height:26px;position:absolute;top:8px;right:-24px}.mini-cup i,.mini-cup i:after{content:"";background:linear-gradient(to top, rgba(var(--scene-rgb), .7), transparent);width:1px;height:32px;position:absolute}.mini-cup i{top:-38px;left:26px;transform:rotate(-9deg)}.mini-cup i:after{top:5px;left:18px;transform:rotate(14deg)}.counter-mochi{color:#14241a;background:var(--cream);border-radius:52% 48% 38% 42%;place-items:center;width:104px;height:76px;font-size:13px;font-weight:900;animation:3.6s ease-in-out infinite mochi-breathe;display:grid;position:absolute;bottom:4px;right:17%;box-shadow:0 18px 36px #00000042}.ambient-copy{color:#f1f2e280;letter-spacing:.08em;text-align:center;margin:0;font-family:Songti SC,serif;font-size:12px;position:absolute;bottom:5%;left:9%;right:9%}.scene-options{flex-direction:column;padding:24px;display:flex}.scene-options:before{content:"SCENE SELECTOR";color:#849087;letter-spacing:.22em;margin:12px 14px 28px;font-size:9px}.scene-options button{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #11281b1f;flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:136px;padding:24px;transition:background .28s,transform .28s,color .28s;display:grid}.scene-options button:last-child{border-bottom:1px solid #11281b1f}.scene-options button:hover{transform:translate(6px)}.scene-options button.active{color:var(--scene-deep);background:var(--scene-bright);border-color:#0000;border-radius:18px;transform:translate(-5px)}.scene-options button>span{color:#89948b;letter-spacing:.14em;font-size:10px}.scene-options button.active>span{color:var(--scene-deep)}@supports (color:color-mix(in lab, red, red)){.scene-options button.active>span{color:color-mix(in srgb, var(--scene-deep) 58%, transparent)}}.scene-options button strong,.scene-options button small{display:block}.scene-options button strong{margin-bottom:8px;font-family:Songti SC,serif;font-size:23px;font-weight:600}.scene-options button small{color:#7d8b80;letter-spacing:.06em;font-size:10px}.scene-options button.active small{color:var(--scene-deep)}@supports (color:color-mix(in lab, red, red)){.scene-options button.active small{color:color-mix(in srgb, var(--scene-deep) 62%, transparent)}}.scene-options button i{font-style:normal}.soft-lab{color:var(--cream);background:radial-gradient(circle at 18% 54%,#7fbe7d1a,#0000 28%),#07110d}.soft-lab-grid{grid-template-columns:minmax(0,1fr) 330px;gap:22px;width:min(1320px,100%);margin:0 auto;display:grid}.mochi-playground{cursor:grab;background:radial-gradient(circle at 50% 48%,#9bd99929,#0000 31%),linear-gradient(145deg,#0e2118,#0a1611);border:1px solid #dbefd226;border-radius:42px;min-height:650px;position:relative;overflow:hidden}.mochi-playground.is-dragging{cursor:grabbing}.playground-grid{opacity:.35;background-image:linear-gradient(#d5eccc0d 1px,#0000 1px),linear-gradient(90deg,#d5eccc0d 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.trail{border:1px solid #c9e8c021;border-radius:50%;position:absolute}.trail-one{inset:18% 26%}.trail-two{border-style:dashed;animation:24s linear infinite orbit-spin;inset:30% 37%}.draggable-mochi{z-index:3;color:#122119;touch-action:none;cursor:grab;background:radial-gradient(circle at 34% 25%,#ffffffe6 0 8%,#0000 9%),linear-gradient(145deg,#fffbee,#e5e2d4);border:0;border-radius:52% 48% 41% 46%;width:170px;height:126px;transition:left .16s cubic-bezier(.22,1,.36,1),top .16s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 35px 65px #00000061,inset -18px -16px 30px #5070521a,inset 15px 12px 25px #ffffff73}.draggable-mochi:before,.draggable-mochi:after{content:"";z-index:-1;background:#e8e5d8;border-radius:4px 5px 13px;width:38px;height:35px;position:absolute;bottom:-10px;transform:rotate(38deg)}.draggable-mochi:before{left:24px}.draggable-mochi:after{right:22px;transform:rotate(51deg)}.draggable-mochi span{z-index:2;letter-spacing:.14em;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:900;position:relative}.is-dragging .draggable-mochi{cursor:grabbing;transition:none;transform:translate(-50%,-50%)scaleX(1.12)scaleY(.84)rotate(-3deg)}.drag-hint{color:#eef2e257;letter-spacing:.14em;margin:0;font-size:10px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.soft-readout{background:#10241a;border:1px solid #dbefd226;border-radius:42px;flex-direction:column;min-height:650px;padding:38px 34px;display:flex}.soft-readout>p,.work-detail>p:first-child{color:#eaf1de66;letter-spacing:.2em;margin:0;font-size:8px}.soft-readout h3{margin:16px 0 58px;font-family:Songti SC,serif;font-size:25px;font-weight:500}.readout-number{position:relative}.readout-number strong{letter-spacing:-.08em;font-family:Georgia,serif;font-size:92px;font-weight:400;line-height:.9}.readout-number>span{color:var(--matcha);margin-left:8px;font-size:18px}.readout-number small{color:#ebf0e17a;letter-spacing:.12em;margin-top:16px;font-size:10px;display:block}.meter{background:#ecf1e11f;height:3px;margin:24px 0 36px}.meter i{background:var(--matcha-bright);height:100%;box-shadow:0 0 16px var(--matcha);transition:width .28s;display:block}.soft-readout dl{margin:0}.soft-readout dl>div{color:#eef2e273;letter-spacing:.12em;border-top:1px solid #ebf0e01a;justify-content:space-between;padding:14px 0;font-size:9px;display:flex}.soft-readout dd{color:var(--cream);margin:0}.text-button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eff3e252;margin-top:auto;padding:16px 0 4px}.text-button span{float:right}.dango-nav{color:#17281f;background:#ecedde}.dango-shell{background:#f7f3e7;border:1px solid #142b1e24;border-radius:42px;width:min(1320px,100%);margin:0 auto;padding:clamp(28px,5vw,72px);box-shadow:0 30px 90px #202d2314}.dango-tabs{grid-template-columns:repeat(3,1fr);gap:clamp(20px,7vw,100px);padding:0 clamp(8px,5vw,72px) 58px;display:grid;position:relative}.skewer{background:linear-gradient(#8b6847,#553a26);border-radius:999px;height:8px;position:absolute;top:51px;left:10%;right:10%;box-shadow:0 4px 8px #54372233}.dango-tab{z-index:2;aspect-ratio:1;color:#2a352d;cursor:pointer;background:#e6a7aa;border:0;border-radius:50% 46% 48% 44%;justify-self:center;width:128px;transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s;position:relative;box-shadow:inset 10px 8px 24px #ffffff6b,0 18px 32px #313d331c}.dango-tab.dango-2{background:#f0ecdf}.dango-tab.dango-3{background:#a9cc9f}.dango-tab:hover{transform:translateY(-8px)rotate(-3deg)}.dango-tab.active{transform:translateY(-14px)scale(1.09);box-shadow:inset 10px 8px 24px #ffffff80,0 25px 45px #313d332e,0 0 0 8px #ffffff73}.dango-tab span,.dango-tab b{display:block}.dango-tab span{letter-spacing:.15em;margin-bottom:8px;font-size:9px}.dango-tab b{font-family:Songti SC,serif;font-size:17px;font-weight:700}.dango-panel{min-height:410px;color:var(--cream);background:#10231a;border-radius:32px;grid-template-columns:150px minmax(0,1fr) 280px;align-items:center;gap:52px;padding:clamp(34px,5vw,74px);animation:.48s cubic-bezier(.22,1,.36,1) both panel-in;display:grid;position:relative;overflow:hidden}.dango-panel:before{content:"";opacity:.25;background-image:linear-gradient(#edf2e20a 1px,#0000 1px),linear-gradient(90deg,#edf2e20a 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.dango-panel>*{z-index:1;position:relative}.panel-index{color:#eef2e14d;letter-spacing:.16em;align-self:start;font-size:10px}.panel-index span{color:var(--matcha-bright);font-family:Georgia,serif;font-size:54px}.dango-panel>div:nth-child(2)>p:first-child{color:var(--matcha);letter-spacing:.2em;margin:0 0 20px;font-size:9px}.dango-panel h3{max-width:690px;margin:0;font-family:Songti SC,serif;font-size:clamp(33px,4vw,56px);font-weight:500;line-height:1.2}.panel-copy{color:#edf1e18f;max-width:690px;margin:24px 0 28px;font-size:13px;line-height:1.85}.dango-panel ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dango-panel li{color:#eff2e4b8;letter-spacing:.08em;border:1px solid #eef2e129;border-radius:999px;padding:8px 12px;font-size:9px}.panel-orbit{aspect-ratio:1;border:1px solid #dceed221;border-radius:50%;width:240px;animation:26s linear infinite orbit-spin;position:relative}.panel-orbit:before,.panel-orbit:after{content:"";border:1px solid #dceed21a;border-radius:50%;position:absolute}.panel-orbit:before{inset:22%}.panel-orbit:after{background:#a7d8a421;inset:39%}.panel-orbit i{aspect-ratio:1;background:#e2a3a8;border-radius:50%;width:34px;position:absolute}.panel-orbit i:first-child{top:7%;left:42%}.panel-orbit i:nth-child(2){background:#f3ecdd;bottom:23%;right:4%}.panel-orbit i:nth-child(3){background:#9dc292;bottom:18%;left:7%}.works-section{color:var(--cream);background:radial-gradient(circle at 77% 46%,#7ebd8017,#0000 27%),#08130e}.works-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:clamp(30px,5vw,72px);width:min(1320px,100%);margin:0 auto;display:grid}.work-stack{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.work-card{--card-x:0;--card-y:0;min-height:520px;color:var(--cream);text-align:left;cursor:pointer;transform:rotateX(calc(var(--card-y) * -7deg)) rotateY(calc(var(--card-x) * 8deg)) translateY(0);transform-style:preserve-3d;background:#172820;border:1px solid #eaf1e021;border-radius:28px;padding:26px;transition:transform .23s,border-color .23s,filter .23s;position:relative;overflow:hidden}.work-card:before{content:"";background:radial-gradient(circle at calc(50% + var(--card-x) * 45%) calc(30% + var(--card-y) * 30%), #fff3, transparent 32%);opacity:.7;position:absolute;inset:0}.work-card[data-active=true]{border-color:var(--matcha-bright);transform:rotateX(calc(var(--card-y) * -7deg)) rotateY(calc(var(--card-x) * 8deg)) translateY(-12px)}.work-mmd{background:linear-gradient(150deg,#4b866b 0%,#183329 58%,#0c1813 100%)}.work-vrc{background:linear-gradient(150deg,#a76f70 0%,#3b3137 54%,#14161d 100%)}.work-log{background:linear-gradient(150deg,#c3a875 0%,#4a4330 52%,#17160f 100%)}.work-code{z-index:2;letter-spacing:.25em;font-size:9px;display:block;position:relative}.work-visual{z-index:1;aspect-ratio:1;border:1px solid #fff3;border-radius:50%;place-items:center;width:78%;display:grid;position:absolute;top:20%;left:50%;transform:translate(-50%)translateZ(35px)}.work-visual:before,.work-visual:after{content:"";border:1px solid #ffffff21;border-radius:50%;position:absolute}.work-visual:before{inset:13%}.work-visual:after{background:#ffffff14;inset:31%}.work-visual i{aspect-ratio:1;background:var(--cream);border-radius:50%;width:12px;position:absolute;top:11%;box-shadow:0 0 25px #fff9}.work-visual b{z-index:2;opacity:.78;font-family:Georgia,serif;font-size:74px;font-weight:400;position:relative}.work-label{z-index:3;position:absolute;bottom:28px;left:26px;right:26px;transform:translateZ(45px)}.work-label strong,.work-label small{display:block}.work-label strong{font-family:Songti SC,serif;font-size:25px;font-weight:600}.work-label small{color:#f4f1e28c;letter-spacing:.1em;margin-top:9px;font-size:8px}.work-detail{border-left:1px solid #eaf1e021;padding:42px 0 42px 40px}.work-detail h3{margin:22px 0 20px;font-family:Songti SC,serif;font-size:38px;font-weight:500}.work-detail>p:nth-of-type(2){color:#eef2e287;margin:0;font-size:12px;line-height:1.9}.ingredient-list{margin:34px 0 44px}.ingredient-list span{color:#edf2e1b8;letter-spacing:.08em;border-top:1px solid #eaf1e01a;align-items:center;gap:12px;padding:12px 0;font-size:10px;display:flex}.ingredient-list i{aspect-ratio:1;background:var(--matcha);border-radius:50%;width:6px}.work-detail>a{border-bottom:1px solid #edf2e252;justify-content:space-between;padding:15px 0;font-size:12px;display:flex}.about-section{color:#17281f;background:var(--cream);grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(50px,9vw,140px);padding:clamp(100px,13vw,190px) clamp(24px,9vw,150px);display:grid}.about-mark{background:repeating-radial-gradient(circle,#0000 0 52px,#1e3d280d 53px 54px),#e8e6d7;border:1px solid #13291b21;border-radius:50% 46% 48% 44%;place-items:center;min-height:460px;display:grid;position:relative}.about-mark:after{content:"";border:1px dashed #22462d24;border-radius:50%;animation:28s linear infinite orbit-spin;position:absolute;inset:10%}.about-mochi{color:#14241a;background:#fffbee;width:150px;height:112px;font-size:19px;position:relative;inset:auto;box-shadow:0 25px 50px #1e30232b}.about-mark>i{letter-spacing:.3em;writing-mode:vertical-rl;font-family:Georgia,serif;font-size:11px;position:absolute;bottom:15%;right:8%}.about-copy>p:first-child{color:#728073;letter-spacing:.22em;margin:0 0 22px;font-size:9px}.about-copy h2{letter-spacing:-.045em;max-width:850px;margin:0;font-family:Songti SC,serif;font-size:clamp(40px,5vw,70px);font-weight:500;line-height:1.18}.about-copy>p:nth-of-type(2){color:#617064;max-width:720px;margin:34px 0;font-size:13px;line-height:2}.about-links{gap:36px;display:flex}.about-links a{border-bottom:1px solid #142b1d52;padding:12px 0;font-size:12px}footer{color:var(--cream);background:#07110d;border-top:1px solid #ebf1e11f;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;padding:34px clamp(24px,6vw,100px);display:grid}footer>p{color:#eef2e261;letter-spacing:.08em;font-size:9px}footer>a:last-child{letter-spacing:.08em;justify-self:end;font-size:10px}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes mochi-breathe{0%,to{transform:scaleX(1)scaleY(1)}50%{transform:scaleX(1.04)scaleY(.96)}}@keyframes panel-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.nav-shell{grid-template-columns:1fr auto}.nav-links{display:none}.hero-layout{grid-template-columns:1fr;gap:36px;padding-top:58px}.hero-copy{padding-left:0}.portrait-stage{width:min(86vw,560px)}.hero-footer{grid-template-columns:auto 1fr auto;position:static}.hero-footer b{display:none}.section-heading{grid-template-columns:1fr;align-items:start}.section-heading>span{text-align:left}.scene-console{grid-template-columns:1fr}.scene-options{grid-template-columns:repeat(3,1fr);display:grid}.scene-options:before{grid-column:1/-1}.scene-options button{border-top:1px solid #11281b1f;grid-template-columns:1fr;align-content:center;min-height:150px}.scene-options button>i{display:none}.scene-options button.active{transform:translateY(-5px)}.soft-lab-grid{grid-template-columns:1fr}.soft-readout{min-height:430px}.soft-readout h3{margin-bottom:34px}.dango-panel{grid-template-columns:90px minmax(0,1fr)}.panel-orbit{display:none}.works-layout{grid-template-columns:1fr}.work-detail{border-top:1px solid #eaf1e021;border-left:0;padding-left:0}.work-stack{scroll-snap-type:x mandatory;padding:16px 0 26px;overflow-x:auto}.work-card{scroll-snap-align:center;min-width:280px}.about-section{grid-template-columns:1fr}.about-mark{min-height:380px}footer{grid-template-columns:1fr auto}footer>p{display:none}}@media (max-width:560px){.hero{padding-inline:18px}.brand small{display:none}.brand b{font-size:14px}.brand-seal{width:32px}.bili-pill{padding:9px 12px}.hero h1{font-size:clamp(47px,15vw,68px)}.hero-intro{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.portrait-stage{width:96vw;margin-left:-8vw}.vertical-caption{right:2%}.hero-status{transform-origin:100% 100%;bottom:2%;right:7%;transform:scale(.86)}.interaction-section{padding-inline:18px}.section-heading h2{font-size:40px}.scene-preview{min-height:500px}.cafe-sign{width:78%;padding-inline:20px;top:23%}.counter-line{bottom:18%}.mini-cup{transform-origin:bottom;left:9%;transform:scale(.8)}.counter-mochi{transform-origin:bottom;right:8%;transform:scale(.82)}.scene-options{display:flex}.scene-options button{grid-template-columns:auto 1fr;min-height:120px}.scene-options button>span{display:block}.mochi-playground{min-height:520px}.draggable-mochi{width:140px;height:105px}.soft-readout{border-radius:30px;padding:30px 26px}.dango-shell{border-radius:28px;padding:18px}.dango-tabs{gap:8px;padding:0 0 42px}.skewer{height:6px;top:40px;left:7%;right:7%}.dango-tab{width:96px}.dango-tab b{font-size:14px}.dango-panel{grid-template-columns:1fr;gap:22px;min-height:480px;padding:30px 24px}.panel-index{align-self:auto}.panel-index span{font-size:40px}.work-stack{grid-template-columns:repeat(3,78vw)}.work-card{min-width:0;min-height:460px}.about-section{padding-inline:18px}.about-mark{min-height:330px}.about-links{flex-direction:column;gap:6px}footer{padding-inline:18px}footer .brand small{display:none}footer>a:last-child{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}