@font-face{font-family:Google Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/GoogleSans-Regular.woff2?v=2) format("woff2")}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/GoogleSans-Medium.woff2?v=2) format("woff2")}@font-face{font-family:Google Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/GoogleSans-SemiBold.woff2?v=2) format("woff2")}@font-face{font-family:Google Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/GoogleSans-Bold.woff2?v=2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/InstrumentSerif-Regular.woff2?v=2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/InstrumentSerif-Italic.woff2?v=2) format("woff2")}@property --hue{syntax: "<number>"; inherits: true; initial-value: 26;}:root{--hue: 26;--emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji";--font: "Google Sans", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif, var(--emoji);--display: "Google Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif, var(--emoji);--serif: "Instrument Serif", Georgia, serif, var(--emoji);--r: 24px;--r-lg: 32px;--maxw: 1140px;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.4, .5, 1)}html[data-theme=dark]{--bg: hsl(240 12% 4%);--ink: #f5f3f0;--ink-soft: #c2bdb6;--ink-faint: #8b857c;--line: rgba(255,255,255,.12);--glass-bg: hsla(240, 12%, 11%, .58);--glass-hi: hsla(240, 12%, 20%, .62);--glass-stroke: rgba(255,255,255,.16);--rim: rgba(0,0,0,.5);--accent: #ffffff;--accent2: rgba(255,255,255,.78);--accent3: rgba(255,255,255,.5);--solid-bg: #ffffff;--solid-fg: #0b0b0d;--ring: rgba(255,255,255,.28);--ph-1: linear-gradient(140deg,#3c3c45,#222227);--ph-2: linear-gradient(140deg,#2c2c34,#45454e);--ph-3: linear-gradient(140deg,#46464f,#28282e);--cover: linear-gradient(150deg,#23232a,#141418);--shadow: 0 1px 0 rgba(255,255,255,.09) inset, 0 -1px 1px rgba(0,0,0,.35) inset, 0 34px 64px -28px rgba(0,0,0,.85), 0 4px 16px -6px rgba(0,0,0,.6);--orb-light: .55;--grain-op: .28;--rainbow: linear-gradient(90deg,#ff5d73,#ff9f43,#ffd23f,#4cd97b,#3bc9ff,#8b6bff,#ff6bd6,#ff5d73);--rainbow-v: linear-gradient(180deg,#ff5d73,#ff9f43,#ffd23f,#4cd97b,#3bc9ff,#8b6bff,#ff6bd6)}html[data-theme=light]{--bg: hsl(240 14% 96%);--ink: #151311;--ink-soft: #4a443d;--ink-faint: #756e64;--line: rgba(21,19,17,.12);--glass-bg: hsla(0, 0%, 100%, .62);--glass-hi: hsla(0, 0%, 100%, .8);--glass-stroke: rgba(255,255,255,.8);--rim: rgba(21,19,17,.08);--accent: #151311;--accent2: rgba(21,19,17,.72);--accent3: rgba(21,19,17,.45);--solid-bg: #151311;--solid-fg: #ffffff;--ring: rgba(21,19,17,.16);--ph-1: linear-gradient(140deg,#d4d4dc,#b6b6c0);--ph-2: linear-gradient(140deg,#c6c6d0,#dcdce2);--ph-3: linear-gradient(140deg,#dadae0,#bcbcc6);--cover: linear-gradient(150deg,#e7e7ee,#d3d3db);--shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 -1px 1px rgba(33,28,23,.04) inset, 0 26px 54px -24px rgba(33,28,23,.32), 0 3px 10px -5px rgba(33,28,23,.18);--orb-light: .5;--grain-op: .22;--rainbow: linear-gradient(90deg,#ff5d73,#ff9f43,#ffd23f,#4cd97b,#3bc9ff,#8b6bff,#ff6bd6,#ff5d73);--rainbow-v: linear-gradient(180deg,#ff5d73,#ff9f43,#ffd23f,#4cd97b,#3bc9ff,#8b6bff,#ff6bd6)}html[data-theme=cb]{--bg: #ffffff;--ink: #0a0a0a;--ink-soft: #2b2b2b;--ink-faint: #565656;--line: rgba(10,10,10,.24);--glass-bg: #ffffff;--glass-hi: #ffffff;--glass-stroke: rgba(10,10,10,.18);--rim: rgba(10,10,10,.1);--accent: #0a0a0a;--accent2: rgba(10,10,10,.75);--accent3: rgba(10,10,10,.5);--solid-bg: #0a0a0a;--solid-fg: #ffffff;--ring: rgba(10,10,10,.3);--ph-1: linear-gradient(140deg,#d8d8d8,#bcbcbc);--ph-2: linear-gradient(140deg,#cccccc,#e0e0e0);--ph-3: linear-gradient(140deg,#dadada,#c2c2c2);--cover: linear-gradient(150deg,#ededed,#d6d6d6);--shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 24px 50px -24px rgba(0,0,0,.3), 0 3px 10px -5px rgba(0,0,0,.18);--orb-light: 0;--grain-op: .12;--rainbow: linear-gradient(90deg,#000000,#0072B2,#009E73,#E69F00,#D55E00);--rainbow-v: linear-gradient(180deg,#000000,#0072B2,#009E73,#E69F00,#D55E00)}*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:17px;line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;transition:background-color .9s var(--ease),--hue 1.1s var(--ease)}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}svg{display:block}em{font-style:normal}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lg-svg{position:absolute}.skip-link{position:fixed;top:-100px;left:16px;z-index:200;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;transition:top .2s var(--ease)}.skip-link:focus{top:16px}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg);transition:background-color .9s var(--ease)}.orb{position:absolute;border-radius:50%;opacity:var(--orb-light);will-change:transform;transition:opacity .9s var(--ease)}html[data-theme=dark] .orb{mix-blend-mode:screen;filter:blur(56px) saturate(115%)}html[data-theme=light] .orb{mix-blend-mode:normal;filter:blur(52px) saturate(120%)}.orb--a{width:50vw;height:50vw;left:-12vw;top:-14vw;background:radial-gradient(circle at 40% 40%,hsl(var(--hue) var(--osat,88%) 62%),transparent 64%)}.orb--b{width:44vw;height:44vw;right:-12vw;top:6vh;background:radial-gradient(circle at 60% 40%,hsl(calc(var(--hue) + 95) var(--osat,88%) 60%),transparent 64%);opacity:calc(var(--orb-light) * .9)}.orb--c{width:48vw;height:48vw;left:16vw;bottom:-22vw;background:radial-gradient(circle at 50% 50%,hsl(calc(var(--hue) + 190) var(--osat,88%) 63%),transparent 64%);opacity:calc(var(--orb-light) * .85)}.orb--d{width:38vw;height:38vw;right:10vw;bottom:2vh;background:radial-gradient(circle at 45% 55%,hsl(calc(var(--hue) + 290) var(--osat,88%) 66%),transparent 64%);opacity:calc(var(--orb-light) * .7)}body.is-detail .orb--a{background:radial-gradient(circle at 40% 40%,hsl(var(--hue) var(--osat,88%) 62%),transparent 64%)}body.is-detail .orb--b{background:radial-gradient(circle at 60% 40%,hsl(calc(var(--hue) + 34) var(--osat,88%) 60%),transparent 64%)}body.is-detail .orb--c{background:radial-gradient(circle at 50% 50%,hsl(calc(var(--hue) - 30) calc(var(--osat,88%) - 6%) 64%),transparent 64%)}body.is-detail .orb--d{background:radial-gradient(circle at 45% 55%,hsl(calc(var(--hue) + 72) var(--osat,88%) 66%),transparent 64%)}.vignette{position:absolute;inset:0;background:radial-gradient(125% 95% at 50% 38%,transparent 42%,rgba(0,0,0,.55))}html[data-theme=light] .vignette{background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(33,28,23,.1))}.grain{position:absolute;inset:-50%;opacity:var(--grain-op);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hud{position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:clamp(18px,3vw,30px) clamp(20px,5vw,48px);pointer-events:none}.hud>*{pointer-events:auto}.hud:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:color-mix(in srgb,var(--bg) 64%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);opacity:0;transition:opacity .4s var(--ease);will-change:opacity;-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}.hud.is-scrolled:before{opacity:1}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hud:before{background:color-mix(in srgb,var(--bg) 90%,transparent)}}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15.5px;letter-spacing:-.02em}.brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--glass-hi);border:1px solid var(--glass-stroke);color:var(--ink);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.brand__dim{color:var(--ink-faint);font-weight:500}.hud__right{display:flex;align-items:center;gap:14px}.hud__floor{display:inline-block;width:96px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap}.ghost-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:color .25s,transform .4s var(--spring),background-color .25s}.ghost-btn:hover{color:var(--ink);transform:rotate(20deg)}.ic-moon,.ic-cb,html[data-theme=dark] .ic-sun{display:none}html[data-theme=dark] .ic-moon{display:block}html[data-theme=cb] .ic-sun,html[data-theme=cb] .ic-moon{display:none}html[data-theme=cb] .ic-cb{display:block}.roomnav{position:fixed;z-index:60;right:clamp(18px,3vw,36px);top:50%;transform:translateY(-50%);display:flex;align-items:flex-start;gap:14px}.roomnav__line{position:relative;width:2px;align-self:stretch;background:var(--line);border-radius:2px}.roomnav__fill{position:absolute;top:0;left:0;width:100%;height:0;background:var(--ink);border-radius:2px;transition:height .5s var(--ease)}.roomnav ul{display:flex;flex-direction:column;gap:4px}.roomnav a{display:flex;align-items:center;gap:10px;padding:6px 4px;color:var(--ink-faint);transition:color .3s var(--ease)}.roomnav__n{font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600;letter-spacing:.04em;opacity:.7}.roomnav__t{font-size:13px;font-weight:500;opacity:0;transform:translate(-6px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.roomnav a:hover .roomnav__t,.roomnav a.is-active .roomnav__t{opacity:1;transform:none}.roomnav a:hover,.roomnav a.is-active{color:var(--ink)}.roomnav a.is-active .roomnav__n{color:var(--accent);opacity:1}.scroller{position:relative;z-index:10;height:100svh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y proximity;scroll-behavior:smooth;scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}@media (prefers-reduced-motion: reduce){.scroller{scroll-behavior:auto;scroll-snap-type:y proximity}}.room{scroll-snap-align:start;scroll-snap-stop:always;min-height:100svh;width:100%;display:grid;place-items:center;padding:clamp(96px,14vh,150px) clamp(20px,6vw,64px) clamp(64px,10vh,110px);position:relative}.room__inner{width:100%;max-width:var(--maxw)}[data-anim]{opacity:0;transform:translateY(16px);filter:blur(4px);transition:opacity .42s var(--ease),transform .5s var(--ease),filter .38s var(--ease)}.room.is-active [data-anim]{opacity:1;transform:none;filter:none}.room.is-active [data-anim]:nth-child(2){transition-delay:.05s}.room.is-active [data-anim]:nth-child(3){transition-delay:.1s}.room.is-active [data-anim]:nth-child(4){transition-delay:.15s}.room.is-active [data-anim]:nth-child(5){transition-delay:.2s}.gallery [data-anim]:nth-child(1){transition-delay:.04s}.gallery [data-anim]:nth-child(2){transition-delay:.1s}.gallery [data-anim]:nth-child(3){transition-delay:.16s}@media (prefers-reduced-motion: reduce){[data-anim]{opacity:1;transform:none;filter:none}}.kicker,.room__tag{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.room__tag{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.display{font-family:var(--display);font-weight:700;font-size:clamp(2.8rem,8vw,5.6rem);line-height:.98;letter-spacing:-.04em}.display em{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em;color:var(--ink);cursor:default;transition:color .25s var(--ease);display:inline-block;vertical-align:baseline;padding:.06em .16em .2em;margin:-.06em -.16em -.2em}@media (hover: hover){.display em:hover{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--rainbow);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:rainbowFlow 3.2s linear infinite}}@keyframes rainbowFlow{to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){.display em:hover{animation:none}}.rainbow-hover{display:inline-block;padding:.04em .12em .14em;margin:-.04em -.12em -.14em;transition:color .25s var(--ease)}@media (hover: hover){.rainbow-hover:hover,.about__media:hover~.about__copy .rainbow-hover{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--rainbow);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:rainbowFlow 3.2s linear infinite}}@media (prefers-reduced-motion: reduce){.rainbow-hover:hover,.about__media:hover~.about__copy .rainbow-hover{animation:none}}.display--sm{font-size:clamp(1.9rem,4.2vw,3rem)}.title{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,4.6vw,3.2rem);line-height:1.06;letter-spacing:-.03em}.lede{font-size:clamp(1.05rem,1.7vw,1.28rem);color:var(--ink-soft);max-width:40ch;line-height:1.55}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;min-height:48px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .35s var(--spring),box-shadow .3s var(--ease),background-color .3s,color .3s,border-color .3s}.btn--solid{background:var(--solid-bg);color:var(--solid-fg);box-shadow:0 12px 30px -14px #0009}.btn--solid:hover{transform:translateY(-3px);box-shadow:0 18px 40px -16px #000000b3}.btn--quiet{color:var(--ink);border:1px solid var(--line);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn--quiet:hover{transform:translateY(-3px);border-color:var(--accent);color:var(--accent)}.glass{position:relative;background:var(--glass-bg);backdrop-filter:blur(13px) saturate(170%);-webkit-backdrop-filter:blur(13px) saturate(170%);border:1px solid var(--glass-stroke);box-shadow:var(--shadow);border-radius:var(--r)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff8c,#fff0 42%);opacity:.7;mix-blend-mode:screen}html[data-theme=dark] .glass:before{opacity:.3}.glass--refract:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--rim);opacity:.55}.foyer{text-align:left;max-width:680px}.foyer .kicker{margin-bottom:18px}.foyer .display{font-size:clamp(2.1rem,4.8vw,3.7rem);line-height:1.06;margin-bottom:20px}.foyer .hero-punch{font-weight:600;font-size:clamp(.96rem,1.3vw,1.1rem);color:var(--ink);max-width:40ch;margin-bottom:14px;line-height:1.5}.foyer .lede,.foyer .hero-punch{text-wrap:balance}.foyer .lede{margin-bottom:34px;max-width:42ch;font-size:clamp(.88rem,1.1vw,1rem);line-height:1.62}.foyer__cta{display:flex;flex-wrap:wrap;gap:12px}.room--foyer{--ink: #f7f5f2;--ink-soft: #c7c2bb;--ink-faint: #8f897f;--line: rgba(255,255,255,.14);--glass-bg: hsla(240,12%,13%,.5);--glass-hi: hsla(240,12%,20%,.6);--glass-stroke: rgba(255,255,255,.16);--accent: #ffffff;--solid-bg: #ffffff;--solid-fg: #0b0b0d;--ring: rgba(255,255,255,.28);color:var(--ink);isolation:isolate;justify-items:start;background:#050509}.room--foyer:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(48% 56% at 56% 44%,rgba(255,255,255,.2),rgba(255,255,255,.06) 34%,transparent 70%),radial-gradient(70% 80% at 56% 44%,rgba(150,170,255,.1),transparent 72%);filter:blur(34px);animation:foyerGlow 7.5s ease-in-out infinite alternate}@keyframes foyerGlow{0%{opacity:.72;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.room--foyer:before{animation:none}}.room--foyer:after{content:"";position:absolute;left:0;top:0;z-index:-1;pointer-events:none;width:540px;height:540px;margin:-270px 0 0 -270px;border-radius:50%;background:radial-gradient(circle,hsl(0 90% 66% / .2),hsl(45 95% 60% / .15) 22%,hsl(140 80% 55% / .12) 44%,hsl(200 92% 62% / .13) 62%,hsl(280 85% 66% / .16) 80%,transparent 100%);filter:blur(38px);mix-blend-mode:screen;transform:translate(var(--mx, 60vw),var(--my, 42vh));will-change:transform}.foyer-controls{position:absolute;z-index:3;bottom:clamp(20px,6vh,54px);right:clamp(26px,7vw,110px);display:flex;align-items:center;gap:10px}.foyer-3d__toggle{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.26);background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:.6;transition:opacity .25s var(--ease),background-color .25s,transform .35s var(--spring)}.foyer-3d__toggle:hover,.foyer-3d__toggle[aria-pressed=true]{opacity:1;background:#ffffff29;transform:scale(1.06)}.foyer-3d__freeze{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.foyer-curve{position:absolute;left:-3%;right:-3%;bottom:-1px;height:clamp(38px,7vh,88px);z-index:0;background:var(--bg);border-radius:50% 50% 0 0/100% 100% 0 0;pointer-events:none}.foyer__cta .btn--solid{position:relative}.foyer__cta .btn--solid:after{content:"";position:absolute;left:6%;right:6%;bottom:-12px;height:70%;z-index:-1;border-radius:999px;background:var(--rainbow);background-size:200% 100%;filter:blur(15px);opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease)}@media (hover: hover){.foyer__cta .btn--solid:hover:after{opacity:.85;transform:translateY(2px);animation:rainbowFlow 3s linear infinite}}@media (prefers-reduced-motion: reduce){.foyer__cta .btn--solid:hover:after{animation:none}}body[data-room=foyer] .hud,body[data-room=foyer] .roomnav{--ink: #f6f4f1;--ink-soft: #c4bfb8;--ink-faint: #b4afa7;--accent: #ffffff;--line: rgba(255,255,255,.16);--glass-bg: hsla(240,12%,14%,.5);--glass-stroke: rgba(255,255,255,.18)}#themeToggle:disabled{opacity:.4;cursor:not-allowed;transform:none}#themeToggle:disabled:hover{transform:none}.room--foyer .room__inner{position:relative;z-index:2;pointer-events:none}.room--foyer .room__inner>*{pointer-events:auto}.foyer-wrap{position:relative}.foyer{position:relative;z-index:1}.room--foyer .foyer{transform:translateY(calc(var(--out, 0) * -34px));opacity:calc(1 - var(--out, 0) * .82);will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.room--foyer .foyer{transform:none;opacity:1}}.foyer-3d{position:absolute;z-index:0;top:50%;right:max(0px,calc(50vw - 660px));transform:translateY(-50%);width:min(64vw,820px);height:min(90vh,800px);pointer-events:none;opacity:0;animation:foyer3dIn 1.2s var(--ease) .35s forwards;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(86% 86% at 52% 50%,#000 50%,transparent 100%);mask-image:radial-gradient(86% 86% at 52% 50%,#000 50%,transparent 100%)}.foyer-3d__viewer{display:block;width:100%;height:100%;background:transparent}@keyframes foyer3dIn{to{opacity:1}}@media (max-width: 1100px){.room--foyer{display:flex;flex-direction:column;justify-content:center;padding-top:clamp(76px,9vh,100px)}.foyer-3d{order:-1;position:static;transform:none;inset:auto;width:100vw;margin-inline:calc(50% - 50vw);margin-block:0 1.5vh;height:min(27vh,280px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.45) 10%,#000 30%,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.45) 10%,#000 30%,#000 62%,transparent 100%)}.room--foyer:after{display:none}.room--foyer:before{animation:none;opacity:.35}.room--foyer .enter-hint{display:none}.foyer-controls{top:clamp(80px,10vh,108px);bottom:auto;right:clamp(14px,5vw,22px)}}@media (prefers-reduced-motion: reduce){.foyer-3d{display:none}}@media (min-width: 1440px){:root{--maxw: 1280px}}@media (min-width: 1920px){:root{--maxw: 1400px}.foyer .display{font-size:clamp(3.4rem,3.6vw,4.4rem)}}@media (min-width: 2560px){:root{--maxw: 1520px}}@media (min-width: 1600px){.room--foyer{justify-items:center}.room--foyer .room__inner{max-width:1400px;margin-inline:auto}.foyer{max-width:760px}}@media (min-width: 901px){.room__inner{max-width:min(var(--maxw),100vw - 320px)}}@media (max-width: 640px){.glass{backdrop-filter:blur(9px) saturate(150%);-webkit-backdrop-filter:blur(9px) saturate(150%)}.hud:before{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}.ghost-btn{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.btn--quiet,.viewall,.seg{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.room__tag,.chips li,.detail-chips li{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.foyer-curve{height:clamp(13px,2.2vh,24px)}}.enter-hint{position:absolute;z-index:2;bottom:clamp(74px,11vh,116px);left:0;right:0;margin-inline:auto;width:max-content;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-faint);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.enter-hint span{margin-right:-.18em}.music-btn:hover{transform:none}.music-btn[aria-pressed=true]{color:var(--ink);background:var(--glass-hi)}.enter-hint svg{animation:bob 1.9s var(--ease) infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.room__head{margin-bottom:clamp(28px,4vh,48px)}.room__head--center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.room__head .room__tag{margin-bottom:16px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.piece{display:flex;flex-direction:column;padding:13px 13px 19px;border-radius:28px;transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-color .4s var(--ease);will-change:transform}.piece:hover,.piece:focus-visible{transform:translateY(-8px);border-color:color-mix(in srgb,var(--ink) 24%,transparent)}.piece__cover{aspect-ratio:16/10;border-radius:16px;overflow:hidden;margin-bottom:15px;position:relative;display:grid;place-items:center;background:var(--cover)}.piece__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.piece__fav{position:absolute;top:10px;right:10px;z-index:2;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#ff5d73;background:#ffffffd1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 8px #14100a29}.piece__no{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(2.6rem,5vw,3.5rem);color:var(--ink);opacity:.13;letter-spacing:-.02em;transition:opacity .5s var(--ease),transform .6s var(--ease)}.piece:hover .piece__no{opacity:.2;transform:scale(1.05)}.piece__body{display:flex;flex-direction:column;flex:1;padding:0 7px}.piece__meta{font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:9px}.piece__title{font-family:var(--display);font-size:1.2rem;letter-spacing:-.02em;line-height:1.15}.piece__desc{color:var(--ink-soft);font-size:14px;line-height:1.5;margin-top:9px;flex:1}.piece__go{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;color:var(--ink);margin-top:16px}.piece__go svg{transition:transform .35s var(--ease)}.piece:hover .piece__go svg{transform:translate(4px)}.gallery__foot{display:flex;justify-content:center;margin-top:clamp(22px,3vh,34px)}.viewall{display:inline-flex;align-items:center;gap:12px;padding:14px 16px 14px 26px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:700;font-size:15px;box-shadow:0 12px 28px -14px color-mix(in srgb,var(--ink) 60%,transparent);transition:transform .35s var(--spring),box-shadow .35s var(--ease)}.viewall:hover{transform:translateY(-3px);box-shadow:0 18px 38px -14px color-mix(in srgb,var(--ink) 64%,transparent)}.viewall__count{font-variant-numeric:tabular-nums;font-size:11.5px;padding:3px 9px;border-radius:999px;background:var(--bg);color:var(--ink);font-weight:700}.viewall__arrow{transition:transform .35s var(--ease)}.viewall:hover .viewall__arrow{transform:translate(3px)}.craft{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:clamp(20px,3vw,40px)}.craft__item{display:flex;flex-direction:column;gap:10px}.craft__num{font-family:var(--serif);font-style:italic;font-size:2.4rem;line-height:1;color:var(--accent)}.craft__item h3{font-family:var(--display);font-size:1.3rem;letter-spacing:-.02em}.craft__item p{color:var(--ink-soft);font-size:15px;line-height:1.55}.craft__div{width:1px;align-self:stretch;background:linear-gradient(var(--line),transparent)}.room__intro{color:var(--ink-soft);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.55;max-width:60ch;margin-top:12px;text-wrap:pretty}.room__head--center .room__intro{margin-inline:auto}.more-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,22px);margin-top:clamp(30px,5vh,56px)}.more-card{display:flex;flex-direction:row;align-items:center;gap:16px;padding:clamp(20px,2.4vw,28px);border-radius:var(--r-lg);transition:transform .45s var(--spring),border-color .3s var(--ease),box-shadow .4s var(--ease)}.more-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ink) 24%,transparent)}.more-card__text{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.more-card__title{font-family:var(--display);font-size:1.22rem;line-height:1.2;letter-spacing:-.02em}html:lang(th) .more-card:nth-child(2) .more-card__title{font-size:1.34rem}.more-card__body{color:var(--ink-soft);font-size:14.5px;line-height:1.55}.more-card__cta{margin-top:4px;font-weight:600;font-size:14px;color:var(--accent)}.more-card:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px}@media (max-width: 640px){.more-cards{grid-template-columns:1fr}}.craft__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.craft__ill{position:relative;width:88px;height:88px;flex:none;display:grid;place-items:center;will-change:transform}.more-card__ill{position:relative;width:104px;height:104px;flex:none;display:grid;place-items:center;margin-right:clamp(0px,1.6vw,20px);will-change:transform}.craft__ill:before,.more-card__ill:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 46%,hsl(var(--hue, 168) 88% 66% / .3),transparent 66%);filter:blur(9px);z-index:0}.craft__ill .ill{width:80px;height:80px}.more-card__ill .ill{width:100px;height:100px}.craft__ill .ill,.more-card__ill .ill{position:relative;z-index:1;display:block;color:color-mix(in srgb,var(--ink) 80%,transparent);overflow:visible;transition:transform .5s var(--spring)}.ill-accent{stroke:hsl(var(--hue, 168) 68% 46%)}.ill-node{fill:hsl(var(--hue, 168) 66% 48%);stroke:none}html[data-theme=dark] .ill-accent{stroke:hsl(var(--hue, 168) 80% 68%)}html[data-theme=dark] .ill-node{fill:hsl(var(--hue, 168) 78% 66%)}.ill-spark{fill:#ff9f43;stroke:none}.craft__item:hover .craft__ill .ill,a.more-card:hover .more-card__ill .ill{transform:rotate(2deg) scale(1.03)}@media (prefers-reduced-motion: no-preference){.craft__ill,.more-card__ill{animation:illFloat 6s ease-in-out infinite alternate}.craft__item:nth-child(3) .craft__ill{animation-duration:6.6s;animation-delay:-1.4s}.craft__item:nth-child(5) .craft__ill{animation-duration:7.2s;animation-delay:-2.7s}.more-card:nth-child(2) .more-card__ill{animation-duration:7s;animation-delay:-1.8s}.ill-spark{animation:illSpark 2.6s ease-in-out infinite alternate}}@keyframes illFloat{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes illSpark{0%{opacity:.4}to{opacity:1}}@media (max-width: 900px){.craft__ill{width:76px;height:76px}.craft__ill .ill{width:62px;height:62px}}@media (max-width: 560px){.more-card{position:relative}.more-card__ill{position:absolute;top:16px;right:16px;width:68px;height:68px;margin:0}.more-card__ill .ill{width:60px;height:60px}.more-card__text{padding-right:74px}}@media (max-height: 760px) and (min-width: 901px){.room{padding-top:clamp(72px,11vh,110px);padding-bottom:clamp(40px,7vh,80px)}#craft-h{font-size:clamp(1.6rem,3.2vw,2.5rem)}.craft{gap:clamp(16px,2vw,30px)}.craft__item p{font-size:14px;line-height:1.5}.more-cards{margin-top:clamp(18px,3vh,32px)}}.voices{max-width:920px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.quote{position:relative;font-family:var(--serif);font-size:clamp(1.7rem,4vw,3rem);line-height:1.2;letter-spacing:-.01em;max-width:18ch}.quote em{font-style:italic;color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:var(--ink-faint)}.quote__mark{position:absolute;top:-.4em;left:-.5em;font-size:2.4em;color:var(--accent);opacity:.35;font-family:var(--serif)}.quote__by{display:flex;flex-direction:column;gap:2px}.quote__name{font-weight:600;font-size:15px}.quote__role{color:var(--ink-faint);font-size:13.5px}.voices__more{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;max-width:760px}.voices__more p{color:var(--ink-soft);font-size:14.5px;line-height:1.5}.voices__more .vby{display:block;margin-top:8px;font-size:12.5px;color:var(--ink-faint);font-weight:600}.about{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(32px,6vw,72px);align-items:center}.portrait{padding:12px;border-radius:var(--r-lg);position:relative}.portrait:before{z-index:1}.portrait__mono,.portrait__status{position:relative;z-index:2}.portrait{aspect-ratio:4/5;display:grid;place-items:center}.portrait{background:var(--ph-1)}.portrait__mono{font-family:var(--display);font-size:clamp(2.6rem,7vw,4rem);font-weight:700;color:var(--ink);opacity:.8;letter-spacing:-.04em}.portrait__img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;border-radius:20px;position:relative;z-index:2}.portrait__status{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font-size:12.5px;font-weight:600}.dot{width:7px;height:7px;border-radius:50%;background:#37c46c;box-shadow:0 0 #37c46c99;animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 #37c46c80}70%{box-shadow:0 0 0 8px #37c46c00}to{box-shadow:0 0 #37c46c00}}.about__copy .room__tag{margin-bottom:16px}.about__copy .title{margin-bottom:18px}.about__copy p{color:var(--ink-soft);font-size:1.08rem;max-width:52ch}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.chips li{padding:8px 15px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.contact{text-align:center;max-width:640px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:22px}.contact .display{margin-top:6px}.contact__mail{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,3vw,1.9rem);color:var(--accent);border-bottom:1.5px solid var(--ink-faint);transition:border-color .3s var(--ease)}.contact__mail:hover{border-color:var(--accent)}.signup{width:100%;padding:18px;border-radius:var(--r);margin-top:6px}.field{text-align:left}.field label{font-size:13.5px;font-weight:600;display:block;margin-bottom:5px}.field__help{font-size:12.5px;color:var(--ink-faint);line-height:1.45;margin-bottom:11px}.field__row{display:flex;gap:8px}.field__row input{flex:1;min-width:0;padding:14px 16px;min-height:50px;border-radius:14px;font-family:var(--font);font-size:16px;color:var(--ink);background:var(--glass-hi);border:1px solid var(--line);transition:border-color .25s,box-shadow .25s}.field__row input::placeholder{font-family:var(--font);color:var(--ink-faint)}.field__row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.field__row input[aria-invalid=true]{border-color:#e0564f;box-shadow:0 0 0 4px #e0564f29}.signup__btn{position:relative}.signup__btn.is-loading .signup__label{opacity:0}.signup__spin{display:none;position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.signup__btn.is-loading .signup__spin{display:block}@keyframes spin{to{transform:rotate(360deg)}}.field__err{color:#e0564f;font-size:13px;font-weight:500;margin-top:9px}.field__ok{color:#38b27a;font-size:13.5px;font-weight:600;margin-top:9px}.doorfoot{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:center;align-items:center;color:var(--ink-soft);font-size:13px;margin-top:8px}.doorfoot__links{display:flex;gap:20px}.doorfoot a{color:var(--ink-soft);transition:color .25s}.doorfoot a:hover{color:var(--accent)}.social{display:inline-flex;align-items:center;gap:4px}.social__link{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--ink-faint);transition:color .25s var(--ease),background-color .25s var(--ease),transform .3s var(--spring)}.social__link:hover{color:var(--ink);background:var(--glass-bg);transform:translateY(-2px)}.social__link svg{display:block}.visit-count{width:100%;margin-top:18px;display:flex;justify-content:center;align-items:baseline;gap:.5ch;text-align:center;opacity:0;transform:translateY(5px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.visit-count.is-shown{opacity:1;transform:none}.visit-count__label{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink-faint)}.visit-count__no{font-variant-numeric:tabular-nums;font-weight:600;font-size:14px;color:var(--ink-soft);letter-spacing:.03em}.visit-count--foot{margin-top:10px;opacity:0}.visit-count--foot.is-shown{opacity:.7}.visit-count--foot .visit-count__label{font-size:13px}.visit-count--foot .visit-count__no{font-size:12.5px}.article{max-width:42rem;margin:0 auto;padding:clamp(100px,14vh,144px) clamp(22px,6vw,40px) clamp(56px,10vh,96px)}.page-main.article{max-width:42rem}.article-page{--bg: #f7f2ea}html[data-theme=dark] .article-page{--bg: hsl(36 10% 9%)}.article__hero{margin:0 0 clamp(26px,4.5vh,40px);aspect-ratio:16 / 10;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#efe7da,#e7dccb 60%,#f3d9c6);border:1px solid var(--card-line, rgba(0,0,0,.06));box-shadow:var(--card-shadow, 0 14px 34px rgba(28,22,14,.12))}.article__hero img{width:100%;height:100%;object-fit:cover;display:block}.article__head{margin-bottom:clamp(24px,4.5vh,40px)}.article__title{font-family:var(--display);font-weight:700;font-size:clamp(2rem,4.6vw,2.9rem);letter-spacing:-.03em;line-height:1.12;margin-top:14px}.article__meta{color:var(--ink-faint);font-size:13px;font-weight:600;letter-spacing:.03em;margin-top:12px}.article__body>p{color:color-mix(in srgb,var(--ink) 84%,transparent);font-size:1.14rem;line-height:1.85;margin:0 0 1.5em;text-wrap:pretty}.article__body>p.article__stanza{color:var(--ink);font-family:var(--serif);font-style:italic;font-size:clamp(1.18rem,1.7vw,1.42rem);line-height:1.7;margin:1.7em 0}html:lang(th) .article__body>p{font-size:1.16rem;line-height:1.95;margin-bottom:1.55em}html:lang(th) .article__body{overflow-wrap:normal;word-break:normal}.article__body .nobr{white-space:nowrap}html:lang(th) .article__body>p.article__stanza{font-family:"Playpen Sans Thai",var(--display);font-style:normal;line-height:1.85}.article__body[lang=th]>p{font-size:1.16rem;line-height:1.95;margin-bottom:1.55em}.article__body[lang=th]{overflow-wrap:normal;word-break:normal}.article__body[lang=th]>p.article__stanza{font-family:"Playpen Sans Thai",var(--display);font-style:normal;line-height:1.85}.article__rate{margin-top:clamp(40px,7vh,72px);padding-top:clamp(26px,4vh,40px);border-top:1px solid var(--card-line, var(--line));text-align:center}.article__rate-q{color:var(--ink);font-family:var(--serif);font-style:italic;font-size:1.2rem;margin-bottom:16px}html:lang(th) .article__rate-q{font-family:"Playpen Sans Thai",var(--display);font-style:normal}.rate-row{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}.rate-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;border:1px solid var(--card-line, var(--line));background:var(--card-bg, var(--glass-bg));cursor:pointer;font-weight:600;font-size:14px;color:var(--ink-soft);transition:transform .3s var(--spring),border-color .25s var(--ease),background-color .25s}.rate-btn:hover{transform:translateY(-3px) scale(1.04);border-color:color-mix(in srgb,var(--ink) 28%,transparent)}.rate-btn .rate-e{font-size:18px;line-height:1}.rate-btn .rate-c{font-variant-numeric:tabular-nums;color:var(--ink-faint);min-width:1ch}.rate-btn.is-mine{border-color:color-mix(in srgb,var(--ink) 40%,transparent);background:color-mix(in srgb,var(--ink) 7%,var(--card-bg, transparent));color:var(--ink);cursor:default}.article__rate-note{color:var(--ink-faint);font-size:12px;margin-top:14px}.article__lede{color:var(--ink);font-size:clamp(1.2rem,2vw,1.42rem);line-height:1.7;margin:0 0 1.7em;text-wrap:pretty}.article__body h2{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3.2vw,2.05rem);letter-spacing:-.02em;line-height:1.22;color:var(--ink);margin:2.6em 0 .7em;scroll-margin-top:92px}html:lang(th) .article__body h2{line-height:1.4;letter-spacing:0}.article__body h2 .art-kicker{display:block;font-family:var(--serif);font-style:italic;font-size:.9rem;letter-spacing:.01em;color:var(--accent);opacity:.85;margin-bottom:6px}.article__body h2:first-child{margin-top:0}.article__body h3{font-family:var(--display);font-weight:600;font-size:1.18rem;letter-spacing:-.01em;margin:1.8em 0 .5em;color:var(--ink)}.article__body ul{margin:0 0 1.5em;padding-left:1.2em;color:color-mix(in srgb,var(--ink) 84%,transparent)}.article__body li{font-size:1.1rem;line-height:1.7;margin:0 0 .5em}html:lang(th) .article__body li{font-size:1.08rem;line-height:1.85}.art-reco{list-style:none;margin:1.7em 0;padding:0;display:grid;gap:12px}.art-reco li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--ink) 4%,transparent);border:1px solid var(--card-line, var(--line))}.art-reco__ic{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.art-reco__ic svg{width:20px;height:20px}.art-reco__txt{font-size:1.06rem;line-height:1.7;color:color-mix(in srgb,var(--ink) 86%,transparent)}.art-reco__txt strong{color:var(--ink);font-weight:700}.article__body[lang=th] .art-reco__txt,html:lang(th) .art-reco__txt{line-height:1.82}.article__fig{margin:2.3em -2vw}.article__fig img{width:100%;height:auto;aspect-ratio:16 / 9;display:block;border-radius:18px;border:1px solid var(--card-line, rgba(0,0,0,.08));box-shadow:var(--card-shadow, 0 18px 44px rgba(20,16,28,.22));background:#16161f}.article__fig figcaption{margin-top:12px;padding:0 6px;font-family:"Playpen Sans Thai",var(--display);font-size:12.5px;line-height:1.55;color:var(--ink-faint);text-align:center}@media (max-width: 720px){.article__fig{margin-left:0;margin-right:0}}.article__pull{margin:2.2em 0;padding:4px 0 4px 26px;border-left:3px solid var(--accent)}.article__pull p{font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,3.4vw,2.15rem);line-height:1.22;color:var(--ink);margin:0}.article__pull cite{display:block;margin-top:14px;font-style:normal;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink-faint)}.article__body a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:1.5px solid color-mix(in srgb,var(--accent) 45%,transparent);transition:border-color .2s var(--ease)}.article__body a:hover{border-bottom-color:var(--accent)}.art-avail{margin:1.5em 0 0;padding:15px 18px;border-radius:14px;border:1px solid var(--card-line, var(--line));background:color-mix(in srgb,var(--ink) 3.5%,transparent)}.art-avail__tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:9px}.art-avail__tag:before{content:"";width:7px;height:7px;border-radius:50%;background:#4cd97b;box-shadow:0 0 0 3px color-mix(in srgb,#4cd97b 22%,transparent)}.art-avail ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.art-avail li{font-size:.98rem;line-height:1.6;color:color-mix(in srgb,var(--ink) 82%,transparent);padding-left:30px;position:relative}.art-avail li:before{content:"→";position:absolute;left:2px;top:0;color:var(--ink-faint);font-weight:600}.art-avail li strong{color:var(--ink);font-weight:600}.art-avail__link{display:inline-block;margin-top:11px;font-size:13.5px;font-weight:600}.article__body[lang=th] .art-avail li,html:lang(th) .art-avail li{line-height:1.72}.art-options{display:grid;gap:14px;margin:1.8em 0}@media (min-width: 680px){.art-options{grid-template-columns:repeat(3,1fr)}}.art-option{display:flex;flex-direction:column;padding:16px 17px;border-radius:16px;border:1px solid var(--card-line, var(--line));background:color-mix(in srgb,var(--ink) 3.5%,transparent)}.art-option--pick{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 12%,transparent)}.art-option__tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.art-option--pick .art-option__tag{color:var(--accent)}.art-option__name{font-family:var(--display);font-weight:700;font-size:1.12rem;letter-spacing:-.01em;color:var(--ink);margin:4px 0 2px}.art-option__meta{font-size:12.5px;color:var(--ink-faint);margin-bottom:11px}.art-option__risk{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:11px}.art-option__dots{display:inline-flex;gap:4px}.art-option__dots i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--ink) 16%,transparent)}.art-option__dots i.on{background:#e0794f}.art-option--pick .art-option__dots i.on{background:#4cd97b}.art-option__body{font-size:.96rem;line-height:1.62;color:color-mix(in srgb,var(--ink) 82%,transparent);margin:0}html:lang(th) .art-option__body,.article__body[lang=th] .art-option__body{line-height:1.74}.art-decide{margin:1.7em 0;border-radius:16px;border:1px solid var(--card-line, var(--line));background:color-mix(in srgb,var(--ink) 3.5%,transparent);overflow:hidden}.art-decide__row{display:grid;grid-template-columns:124px 1fr;gap:12px;align-items:start;padding:13px 16px;border-top:1px solid color-mix(in srgb,var(--ink) 7%,transparent)}.art-decide__row:first-child{border-top:0}.art-decide__k{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);padding-top:2px}.art-decide__k svg{width:15px;height:15px;flex:none}.art-decide__v{font-size:1rem;line-height:1.6;color:var(--ink);margin:0}html:lang(th) .art-decide__v,.article__body[lang=th] .art-decide__v{line-height:1.72}.art-decide__row--out{background:color-mix(in srgb,var(--accent) 6%,transparent)}.art-decide__row--out .art-decide__k{color:var(--accent)}@media (max-width: 560px){.art-decide__row{grid-template-columns:1fr;gap:5px}}.art-say{display:grid;gap:12px;margin:1.8em 0}.art-say__card{position:relative;padding:16px 50px 16px 18px;border-radius:14px;border:1px solid var(--card-line, var(--line));background:var(--card-bg, var(--glass-bg))}.art-say__card:before{content:"“";position:absolute;left:13px;top:6px;font-family:var(--serif);font-size:30px;line-height:1;color:color-mix(in srgb,var(--accent) 45%,transparent)}.art-say__card p{margin:0 0 0 22px;font-size:1.04rem;line-height:1.65;color:var(--ink)}html:lang(th) .art-say__card p,.article__body[lang=th] .art-say__card p{line-height:1.78}.art-say__copy{position:absolute;right:10px;top:10px;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--card-line, var(--line));background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink-faint);cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease),background-color .2s}.art-say__copy:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 26%,transparent)}.art-say__copy svg{width:16px;height:16px}.art-say__copy.copied{color:#2fa55a;border-color:color-mix(in srgb,#2fa55a 45%,transparent)}.article__body h2:has(+.art-refs){font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:2.6em 0 .5em}html:lang(th) .article__body h2:has(+.art-refs),.article__body[lang=th] h2:has(+.art-refs){letter-spacing:.04em}.art-refs{list-style:none;margin:.4em 0 0;padding:0;display:grid;gap:4px}.article__body .art-refs li,html:lang(th) .article__body .art-refs li,.article__body[lang=th] .art-refs li{position:relative;padding-left:16px;font-size:.8rem;line-height:1.55;margin:0;color:var(--ink-faint)}.art-refs li:before{content:"";position:absolute;left:2px;top:.58em;width:4px;height:4px;border-radius:1px;background:color-mix(in srgb,var(--accent) 55%,transparent)}.art-check{list-style:none;margin:1.7em 0;padding:0;display:grid;gap:9px}.art-check li{position:relative;padding-left:36px;font-size:1.05rem;line-height:1.62;color:color-mix(in srgb,var(--ink) 84%,transparent)}.art-check li:before{content:"✓";position:absolute;left:0;top:.04em;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:800;color:#2fa55a;background:color-mix(in srgb,#2fa55a 14%,transparent)}html:lang(th) .art-check li,.article__body[lang=th] .art-check li{line-height:1.74}.art-states{display:flex;flex-wrap:wrap;gap:8px;margin:1.5em 0 1.9em}.art-states span{font-size:13px;font-weight:600;letter-spacing:.01em;padding:7px 13px;border-radius:999px;border:1px solid var(--card-line, var(--line));background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink-soft)}.art-states span.on{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--ink)}.art-stats{display:grid;gap:13px;margin:1.9em 0}@media (min-width: 600px){.art-stats{grid-template-columns:repeat(3,1fr)}}.art-stat{padding:18px 18px 16px;border-radius:16px;border:1px solid var(--card-line, var(--line));background:color-mix(in srgb,var(--ink) 3.5%,transparent)}.art-stat__n{display:block;font-family:var(--display);font-weight:700;letter-spacing:-.02em;font-size:clamp(2rem,5vw,2.6rem);line-height:1;color:var(--accent)}.art-stat__l{display:block;margin-top:8px;font-size:.95rem;line-height:1.5;color:color-mix(in srgb,var(--ink) 82%,transparent)}html:lang(th) .art-stat__l,.article__body[lang=th] .art-stat__l{line-height:1.62}.art-srcline{margin:-.4em 0 1.6em;font-size:12.5px;color:var(--ink-faint)}.art-steps{list-style:none;counter-reset:step;margin:1.8em 0;padding:0;display:grid;gap:12px}.art-steps li{position:relative;padding:15px 17px 15px 62px;border-radius:14px;border:1px solid var(--card-line, var(--line));background:color-mix(in srgb,var(--ink) 3.5%,transparent)}.art-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:15px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;font-family:var(--display);font-weight:700;font-size:15px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.art-steps__t{display:block;font-family:var(--display);font-weight:700;font-size:1.08rem;letter-spacing:-.01em;color:var(--ink);margin-bottom:3px}.art-steps p{margin:0;font-size:1rem;line-height:1.6;color:color-mix(in srgb,var(--ink) 82%,transparent)}html:lang(th) .art-steps p,.article__body[lang=th] .art-steps p{line-height:1.74}.art-more{margin:clamp(40px,7vh,64px) 0 0;padding-top:clamp(24px,4vh,36px);border-top:1px solid var(--card-line, var(--line))}.art-more__all{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13.5px;color:var(--ink-soft);text-decoration:none;border:0;margin-bottom:16px;transition:color .2s var(--ease)}.art-more__all:hover{color:var(--ink)}.art-more__all svg{opacity:.8}.art-more__row{display:grid;gap:12px}@media (min-width: 620px){.art-more__row{grid-template-columns:1fr 1fr}}.art-more__cell{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:16px;border:1px solid var(--card-line, var(--line));background:color-mix(in srgb,var(--ink) 3.5%,transparent);text-decoration:none;color:inherit;transition:transform .3s var(--spring),border-color .2s var(--ease)}.art-more__cell:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.art-more__cell--next{text-align:right;align-items:flex-end}.art-more__dir{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.art-more__cell:hover .art-more__arrow{color:var(--accent)}.art-more__t{font-family:var(--display);font-weight:700;font-size:1.02rem;line-height:1.3;letter-spacing:-.01em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html:lang(th) .art-more__t,.article__body[lang=th]~* .art-more__t{line-height:1.4}.art-share{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:clamp(34px,6vh,56px) 0 0;padding-top:clamp(22px,3.5vh,34px);border-top:1px solid var(--card-line, var(--line))}.art-share__label{font-family:var(--serif);font-style:italic;font-size:1.12rem;color:var(--ink)}html:lang(th) .art-share__label{font-family:"Playpen Sans Thai",var(--display);font-style:normal;font-size:1rem}.art-share__row{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}.art-share__icon,.art-share__native,.art-share__copy{display:inline-flex;align-items:center;gap:8px;height:40px;border-radius:999px;cursor:pointer;border:1px solid var(--card-line, var(--line));background:var(--card-bg, var(--glass-bg));color:var(--ink-soft);transition:transform .3s var(--spring),border-color .25s var(--ease),color .25s var(--ease),background-color .25s}.art-share__icon{width:40px;justify-content:center}.art-share__icon svg{width:18px;height:18px}.art-share__native,.art-share__copy{padding:0 15px;font-size:13.5px;font-weight:600}.art-share__native svg{width:17px;height:17px}.art-share__copy svg{width:16px;height:16px;color:var(--ink-faint)}.art-share__icon:hover,.art-share__native:hover,.art-share__copy:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ink) 28%,transparent);color:var(--ink)}.art-share__short{font-variant-numeric:tabular-nums;letter-spacing:.01em}.art-share__copy.copied{color:#2fa55a;border-color:color-mix(in srgb,#2fa55a 45%,transparent)}.art-share__copy.copied svg{color:#2fa55a}@media (max-width: 560px){.art-share__row{margin-left:0}.art-share{gap:10px 12px}}.play-card__link{margin-top:auto;padding-top:14px;color:var(--accent);font-weight:600;font-size:13.5px}a.play-card:hover .play-card__link{text-decoration:underline;text-underline-offset:3px}@media (max-width: 900px){.roomnav{display:none}.gallery{grid-template-columns:1fr;gap:12px}.piece{flex-direction:row;align-items:center;gap:14px;padding:11px}.piece__cover{width:116px;flex:none;aspect-ratio:1;margin:0}.piece__body{padding:0}.piece__desc,.piece__go{display:none}.craft{grid-template-columns:1fr;gap:22px}.craft__div{display:none}.about{grid-template-columns:1fr;gap:28px}.about__media{max-width:240px}.voices__more{grid-template-columns:1fr;gap:14px}.hud__floor{display:none}}@media (max-width: 560px){body{font-size:16px}.room{padding-left:22px;padding-right:22px}.field__row{flex-direction:column}.signup__btn{justify-content:center}.hud{padding-left:16px;padding-right:16px}.hud__right{gap:8px}.ghost-btn{width:38px;height:38px}}@media (max-height: 640px){.room{padding-top:88px;padding-bottom:56px}.voices__more{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.orb{animation:none}body{transition:background-color .3s}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass,.btn--quiet,.room__tag,.chips li,.ghost-btn,.field__row input{background:var(--glass-hi)}}body.page{overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;height:auto;min-height:100svh}.page-main{position:relative;z-index:10;max-width:var(--maxw);margin-inline:auto;padding:clamp(104px,15vh,150px) clamp(20px,6vw,48px) clamp(72px,10vh,110px)}.archive-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:clamp(28px,5vh,44px)}.archive-head__intro .title{margin-top:14px}.archive-head__intro p{color:var(--ink-soft);margin-top:12px;max-width:48ch;font-size:1.02rem}.archive-toolbar{position:sticky;top:clamp(64px,8vh,84px);z-index:30;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:-6px 0 clamp(22px,4vh,34px);pointer-events:none}.archive-toolbar .seg,.archive-filters{pointer-events:auto}.archive-filters{display:flex;gap:8px}.filter-select{appearance:none;-webkit-appearance:none;border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:9px 32px 9px 16px;font:600 13px/1 inherit;font-family:inherit;cursor:pointer;background:var(--glass-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23999' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 13px center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:color .25s var(--ease),border-color .25s var(--ease)}.filter-select:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}.archive-card.is-hidden{display:none}.archive-grid.is-empty{position:relative;min-height:120px}.archive-grid.is-empty:after{content:attr(data-empty);position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-faint);font-size:15px}.seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--line);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.seg__btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;min-height:40px;border-radius:999px;font-weight:600;font-size:13.5px;color:var(--ink-soft);transition:color .25s var(--ease),background-color .25s var(--ease)}.seg__btn:hover{color:var(--ink)}.seg__btn[aria-pressed=true]{background:var(--ink);color:var(--bg)}.seg__btn svg{width:16px;height:16px}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(282px,1fr));gap:20px}.archive-card{position:relative;display:flex;flex-direction:column;padding:13px 13px 19px;border-radius:28px;transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-color .4s var(--ease)}.archive-card__flag{position:absolute;z-index:3;top:20px;left:20px;display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.01em;color:var(--solid-fg);background:var(--solid-bg);box-shadow:0 6px 16px -8px #00000080}.archive-grid.is-list .archive-card__flag{top:10px;left:10px}.archive-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--ink) 24%,transparent)}.archive-card__cover{aspect-ratio:16/10;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:var(--cover);margin-bottom:15px;position:relative}.archive-card__cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.archive-card__no{font-family:var(--serif);font-style:italic;font-size:3rem;color:var(--ink);opacity:.13;transition:opacity .5s var(--ease),transform .6s var(--ease)}.archive-card:hover .archive-card__no{opacity:.2;transform:scale(1.05)}.archive-card__body{display:flex;flex-direction:column;flex:1;padding:0 7px}.archive-card__meta{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint);margin-bottom:9px}.archive-card__title{font-family:var(--display);font-size:1.2rem;letter-spacing:-.02em;line-height:1.15}.archive-card__desc{color:var(--ink-soft);font-size:14px;line-height:1.5;margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-card__desc.is-expanded{-webkit-line-clamp:unset;overflow:visible}.archive-card__more{align-self:flex-start;margin-top:6px;padding:2px 0;background:none;border:0;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--ink) 35%,transparent);transition:color .2s var(--ease),border-color .2s var(--ease)}.archive-card__more:hover{color:hsl(var(--brand, 265) 55% 50%);border-color:currentColor}.archive-card__more[hidden]{display:none}.archive-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:15px}.archive-card__tags span{font-size:11.5px;color:var(--ink-faint);border:1px solid var(--line);padding:4px 10px;border-radius:999px}.archive-grid.is-list{grid-template-columns:1fr;gap:12px}.archive-grid.is-list .archive-card{flex-direction:row;align-items:center;gap:22px;padding:14px}.archive-grid.is-list .archive-card__cover{width:220px;flex:none;aspect-ratio:16/10;margin:0}.archive-grid.is-list .archive-card__body{padding:0}.archive-grid.is-list .archive-card__no{font-size:2.4rem}.archive-grid.is-deck{display:flex;grid-template-columns:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;gap:clamp(18px,2.2vw,34px);width:100vw;margin-left:50%;transform:translate(-50%);padding:64px clamp(20px,6vw,72px) 76px;scroll-snap-type:x proximity;scroll-padding-inline:clamp(20px,6vw,72px);scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}.archive-grid.is-deck.is-dragging{cursor:grabbing;scroll-snap-type:none}.archive-grid.is-deck.is-dragging .archive-card{pointer-events:none}.deck-nav{display:flex;align-items:center;gap:14px;width:min(520px,92vw);margin:-34px auto 6px;padding:0 16px}.deck-nav[hidden]{display:none}.deck-arrow{flex:none;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--card-bg, #fff);color:var(--ink);cursor:pointer;transition:transform .18s var(--spring),border-color .18s var(--ease),background-color .18s}.deck-arrow:hover{transform:translateY(-2px);border-color:var(--ink)}.deck-arrow:active{transform:translateY(0) scale(.94)}html[data-theme=dark] .deck-arrow{background:#fff;color:#15171e;border-color:#00000024}html[data-theme=dark] .deck-arrow:hover{border-color:#00000073}.deck-track{position:relative;flex:1;height:8px;border-radius:999px;background:#80808038;cursor:pointer;touch-action:none}.deck-thumb{position:absolute;top:0;left:0;height:100%;min-width:40px;width:60px;border-radius:999px;background:var(--ink)}@media (max-width: 700px){.deck-nav{margin-top:-20px}}.archive-grid.is-deck::-webkit-scrollbar{display:none}.archive-grid.is-deck .archive-card{flex:0 0 clamp(360px,40vw,500px);scroll-snap-align:center;transform:rotate(-1deg);transform-origin:bottom center;box-shadow:0 18px 50px -26px #14100a80;transition:transform .5s var(--spring),box-shadow .5s var(--ease),border-color .4s var(--ease)}.archive-grid.is-deck .archive-card:nth-child(2n){transform:rotate(1deg)}.archive-grid.is-deck .archive-card:hover,.archive-grid.is-deck .archive-card:focus-visible{transform:translateY(-14px) rotate(0) scale(1.025);z-index:2;box-shadow:0 38px 70px -30px #14100a6b,0 14px 30px -18px #14100a4d}.archive-grid.is-deck .archive-card__cover{aspect-ratio:16/9}@media (max-width: 640px){.archive-grid.is-list{gap:10px}.archive-grid.is-list .archive-card{flex-direction:row;align-items:center;gap:14px;padding:9px}.archive-grid.is-list .archive-card__cover{width:92px;flex:none;aspect-ratio:1/1;border-radius:13px;margin:0}.archive-grid.is-list .archive-card__no{font-size:1.5rem}.archive-grid.is-list .archive-card__body{padding:0;min-width:0}.archive-grid.is-list .archive-card__meta{margin-bottom:3px}.archive-grid.is-list .archive-card__title{font-size:1.05rem}.archive-grid.is-list .archive-card__desc{margin-top:5px;font-size:13px}.archive-grid.is-list .archive-card__tags{display:none}.archive-head{align-items:flex-start}.archive-toolbar{justify-content:center}.archive-grid.is-deck .archive-card{flex-basis:86vw}}.lang-btn{width:auto!important;padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.03em}.contact__sub{color:var(--ink-soft);max-width:44ch;font-size:1.02rem;line-height:1.55}.about__p3{font-size:.98rem}.display,.title,.quote,.detail-name,.detail-section__title{text-wrap:balance}.lede,.hero-punch,.contact__sub,.piece__desc,.archive-card__desc,.craft__item p,.about__copy p,.voices__more p,.section__sub{text-wrap:pretty}.detail-oneliner,.detail-story__item p,.detail-num li p,.detail-better li,.detail-points li,.detail-learned,.detail-decision p,.detail-decision__row p,.detail-note p,.detail-meta dd{text-wrap:pretty;overflow-wrap:break-word}html:lang(th){word-break:normal;overflow-wrap:break-word;line-break:auto}html:lang(th) .display{line-height:1.18;letter-spacing:0}html:lang(th) .display--sm{line-height:1.22}html:lang(th) .title{line-height:1.32;letter-spacing:-.005em}html:lang(th) .hero-punch{line-height:1.6}html:lang(th) .lede,html:lang(th) .contact__sub,html:lang(th) .piece__desc,html:lang(th) .archive-card__desc,html:lang(th) .craft__item p,html:lang(th) .about__copy p,html:lang(th) .voices__more p{line-height:1.7}html:lang(th) .display em{font-family:var(--display);font-style:normal}html:lang(th) .quote{font-family:var(--display);font-style:normal;line-height:1.42;letter-spacing:0}html:lang(th) .quote__mark{font-family:var(--serif)}.detail{max-width:900px}.detail-missing{padding:22vh 0;text-align:center}.detail-missing h1{font-family:var(--display);font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.03em;margin-bottom:12px}.d-reveal{opacity:0;transform:translateY(16px);transition:opacity .45s var(--ease),transform .5s var(--ease)}.d-reveal.in,.detail-hero.d-reveal{opacity:1;transform:none}.detail-hero{margin-bottom:clamp(48px,8vh,84px)}.detail-kicker{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.detail-name{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.02;letter-spacing:-.035em}.detail-oneliner{font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.4;color:var(--ink-soft);max-width:32ch;margin-top:22px}.detail-oneliner__to{display:block;margin-top:.15em;color:var(--ink-faint)}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 24px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.detail-meta dt{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.detail-meta dd{font-size:14.5px;color:var(--ink);line-height:1.45}.detail-cover{width:92vw;max-width:1120px;margin-left:50%;transform:translate(-50%);margin-top:clamp(4px,1vh,16px);margin-bottom:clamp(44px,8vh,88px)}.detail-cover__art{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--glass-stroke);box-shadow:var(--shadow);background:radial-gradient(120% 130% at 18% 12%,hsl(var(--hue,26) var(--osat,88%) 64% / .55),transparent 58%),radial-gradient(120% 130% at 88% 92%,hsl(calc(var(--hue,26) + 70) var(--osat,88%) 58% / .45),transparent 60%),linear-gradient(140deg,hsl(var(--hue,26) 46% 16%),hsl(calc(var(--hue,26) + 30) 44% 9%))}.detail-cover__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.detail-cover__no{position:absolute;right:clamp(18px,4vw,48px);bottom:clamp(2px,1.5vw,14px);font-family:var(--serif);font-style:italic;font-size:clamp(5rem,16vw,12rem);line-height:.8;color:#fff;opacity:.14;letter-spacing:-.04em;pointer-events:none;user-select:none}.detail-cover__tag{position:absolute;left:clamp(14px,3vw,28px);top:clamp(14px,3vw,28px);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#0000004d;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 13px;border-radius:999px}.detail-cover.has-img .detail-cover__no{display:none}@media (max-width: 640px){.detail-cover{width:100%;margin-left:0;transform:none}.detail-cover__art{aspect-ratio:4 / 3;border-radius:var(--r)}}.detail-cover__art.d-reveal{transform:translateY(20px) scale(.985)}.detail-cover__art.d-reveal.in{transform:none}.detail-section{margin-bottom:clamp(52px,9vh,96px)}.detail-section__head{display:flex;align-items:baseline;gap:16px;margin-bottom:26px}.detail-section__no{font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--accent);line-height:1}.detail-section__title{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3.2vw,2.1rem);letter-spacing:-.03em}.detail-story{display:grid;gap:26px}.detail-story__label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.detail-story__item p{font-size:clamp(1.05rem,1.7vw,1.22rem);line-height:1.55;color:var(--ink);max-width:60ch}.detail-num{display:grid;gap:18px;counter-reset:none}.detail-num li{display:flex;gap:18px;align-items:baseline}.detail-num__n{font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--accent);flex:none;width:1.6em}.detail-num li p{font-size:1.08rem;line-height:1.5;color:var(--ink-soft)}.detail-chips{display:flex;flex-wrap:wrap;gap:10px}.detail-chips li{padding:9px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.detail-points{display:grid;gap:12px;margin-bottom:28px}.detail-points li{position:relative;padding-left:22px;color:var(--ink-soft);font-size:1.05rem;line-height:1.5}.detail-points li:before{content:"";position:absolute;left:2px;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--accent);opacity:.5}.detail-note{padding:22px 24px;border-radius:var(--r)}.detail-note__label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.detail-note p{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.4;color:var(--ink)}html:lang(th) .detail-note p{font-family:var(--display);font-style:normal;font-size:1.18rem;line-height:1.6}.detail-decisions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.detail-decision{padding:24px;border-radius:var(--r-lg)}.detail-decision__no{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.detail-decision h3{font-family:var(--display);font-size:1.22rem;letter-spacing:-.02em;margin:8px 0 16px}.detail-decision__row{margin-top:12px}.detail-decision__row span{display:block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.detail-decision__row p{font-size:14.5px;line-height:1.5;color:var(--ink-soft)}.detail-screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.detail-screen{padding:14px 14px 20px;border-radius:var(--r-lg)}.detail-screen__cover{aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--cover);display:grid;place-items:center;margin-bottom:14px}.detail-screen__cover img{width:100%;height:100%;object-fit:cover}.detail-screen__no{font-family:var(--serif);font-style:italic;font-size:2.4rem;color:var(--ink);opacity:.14}.detail-screen__name{display:block;font-family:var(--display);font-weight:600;font-size:1.02rem;padding:0 4px}.detail-screen figcaption p{color:var(--ink-soft);font-size:14px;line-height:1.5;padding:6px 4px 0}.detail-better{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.detail-better li{position:relative;padding-left:28px;color:var(--ink);font-size:1.02rem;line-height:1.5}.detail-better li:before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--accent);background:no-repeat center/9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5 4.7 9 10 3' fill='none' stroke='%23888' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.detail-learned{font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.4;letter-spacing:-.01em;color:var(--ink);max-width:24ch;padding-left:20px;border-left:2px solid var(--accent)}.detail-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;margin-top:clamp(44px,7vh,76px);padding-top:30px;border-top:1px solid var(--line)}.detail-nav__link{display:flex;flex-direction:column;gap:6px;padding:2px;border:0;background:none;transition:transform .35s var(--spring)}.detail-nav__next{text-align:right;align-items:flex-end}.detail-nav__prev{align-items:flex-start}.detail-nav__link:hover{transform:translateY(-2px)}.detail-nav__link:hover .detail-nav__name{color:var(--ink)}.detail-nav__dir{font-size:11.5px;font-weight:600;color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase}.detail-nav__name{display:block;font-family:var(--display);font-weight:600;font-size:1.12rem;letter-spacing:-.01em;line-height:1.2;color:var(--ink-soft);transition:color .25s var(--ease)}.detail-nav__all{align-self:center;font-size:12px;font-weight:600;color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;padding:8px 14px;border-radius:999px;white-space:nowrap;transition:color .25s,background-color .25s}.detail-nav__all:hover{color:var(--ink);background:var(--glass-bg)}html:lang(th) .detail-oneliner,html:lang(th) .detail-story__item p,html:lang(th) .detail-num li p,html:lang(th) .detail-decision__row p,html:lang(th) .detail-screen figcaption p,html:lang(th) .detail-points li,html:lang(th) .detail-better li,html:lang(th) .detail-meta dd{line-height:1.7}html:lang(th) .detail-name,html:lang(th) .detail-learned{line-height:1.3;letter-spacing:0}@media (max-width: 640px){.detail-better{grid-template-columns:1fr}.detail-nav{grid-template-columns:1fr 1fr}.detail-nav__all{grid-column:1 / -1;grid-row:1;text-align:center}}.brand-logo{display:block;height:21px;width:116px;background-color:var(--ink);-webkit-mask:url(/assets/wuttitarn-logo.svg) no-repeat left center / contain;mask:url(/assets/wuttitarn-logo.svg) no-repeat left center / contain;transition:background-color .5s var(--ease)}.wt-logo{display:block;height:21px;width:auto}.wt-logo path{fill:var(--ink);transition:fill .35s var(--ease)}.brand:hover .wt-logo path{fill:var(--ink-soft)}.brand:hover .wt-logo .wt-logo__heart{fill:url(#wtRainbow);animation:heartRainbow 2.6s linear infinite}@keyframes heartRainbow{to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion: reduce){.brand:hover .wt-logo__heart{animation:none}}html[data-theme=cb] .brand:hover .wt-logo .wt-logo__heart{fill:#0072b2;animation:none}.to-top{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(16px,3vw,28px);z-index:80;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);border:1px solid var(--line);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);cursor:pointer;opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .3s var(--ease),transform .4s var(--spring),color .25s}.to-top.is-shown{opacity:1;transform:none;pointer-events:auto}.to-top:hover{color:var(--ink);transform:translateY(-2px)}.menu-btn svg path{transition:transform .35s var(--spring),opacity .25s var(--ease);transform-origin:center;transform-box:fill-box}.menu-btn.is-open .mb1{transform:translateY(5px) rotate(45deg)}.menu-btn.is-open .mb2{opacity:0}.menu-btn.is-open .mb3{transform:translateY(-5px) rotate(-45deg)}.menu-panel{position:fixed;z-index:70;top:clamp(66px,9vh,82px);right:clamp(20px,5vw,48px);display:flex;flex-direction:column;gap:2px;min-width:210px;padding:10px;border-radius:var(--r);transform-origin:top right;animation:menuIn .28s var(--ease)}.menu-panel[hidden]{display:none}@keyframes menuIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}.menu-panel__link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:13px;font-size:15px;font-weight:500;color:var(--ink-soft);transition:background-color .2s var(--ease),color .2s var(--ease)}.menu-panel__label{margin-right:auto}.menu-panel__ic{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--ink-faint);transition:background-color .2s var(--ease),color .2s var(--ease)}.menu-panel__ic svg{width:18px;height:18px}.menu-panel__arrow{flex:none;opacity:0;transform:translate(-4px);transition:opacity .2s var(--ease),transform .2s var(--ease);color:var(--ink-faint)}.menu-panel__link:hover{background:var(--glass-hi);color:var(--ink)}.menu-panel__link:hover .menu-panel__ic{color:var(--ink)}.menu-panel__link:hover .menu-panel__arrow{opacity:1;transform:none}.menu-panel__link.is-current{color:var(--ink);font-weight:600}.menu-panel__link.is-current .menu-panel__ic{background:var(--solid-bg);color:var(--solid-fg)}.cv{max-width:780px}.cv-head{margin-bottom:clamp(40px,7vh,72px);display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(20px,4vw,52px)}.cv-head__text{flex:1;min-width:0}.cv-head .room__tag{margin-bottom:18px}.cv-photo{flex:none;perspective:1000px;padding-top:8px}.polaroid{position:relative;width:clamp(168px,19vw,216px);transform:rotate(-3.5deg);transform-style:preserve-3d;transition:transform .55s var(--spring);will-change:transform}.polaroid__card{position:relative;overflow:hidden;background:#fdfdfb;padding:12px 12px 0;border-radius:5px;box-shadow:0 28px 60px #120e0829,0 8px 20px #120e081a}.polaroid__photo{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:2px;background:#e7e3dc}.polaroid__photo img{width:100%;height:100%;object-fit:cover;display:block}.polaroid__cap{display:block;text-align:center;font-family:var(--serif);font-style:italic;font-size:15px;color:#3a352f;padding:12px 4px 14px}.polaroid__gloss{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.6) 48%,transparent 60%);transition:opacity .4s var(--ease)}.cv-photo:hover .polaroid,.cv-photo:focus-within .polaroid{transform:rotate(0)}.cv-photo:hover .polaroid__gloss{opacity:1}.cv-linkedin{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:11px 18px;border-radius:999px;border:1px solid var(--card-line, var(--line));background:var(--card-bg, var(--glass-bg));color:var(--ink);font-weight:600;font-size:14px;transition:transform .35s var(--spring),border-color .3s var(--ease),color .25s}.cv-linkedin:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ink) 32%,transparent)}.cv-linkedin svg{color:#0a66c2;flex:none}@media (max-width: 720px){.cv-head{flex-direction:column;align-items:flex-start}.cv-photo{align-self:center;margin-bottom:12px}.polaroid{width:clamp(136px,42vw,166px)}}.cv-name{font-family:var(--display);font-weight:700;font-size:clamp(2rem,5vw,3.1rem);letter-spacing:-.03em;line-height:1.05}.cv-name__nick{color:var(--ink-faint);font-weight:500}.cv-role{color:var(--ink-soft);font-weight:600;font-size:1.02rem;margin-top:12px}.cv-summary{color:var(--ink-soft);font-size:1.08rem;line-height:1.6;max-width:60ch;margin-top:18px}.cv-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cv-section{margin-bottom:clamp(40px,6vh,60px)}.cv-section__title{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,2.6vw,1.7rem);letter-spacing:-.02em;margin-bottom:22px}.cv-timeline{position:relative}.cv-note{color:var(--ink-faint);font-size:13.5px;margin-top:22px}.play{max-width:920px}.play-head{margin-bottom:clamp(36px,6vh,56px);max-width:640px}.play-head .room__tag{margin-bottom:18px}.play-head .title{margin-bottom:16px}.play-sub{color:var(--ink-soft);font-size:1.1rem;line-height:1.6;max-width:60ch;text-wrap:balance}.play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:clamp(44px,7vh,72px)}.play-card{padding:26px 24px 22px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:12px}.play-card__icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;color:var(--accent);background:var(--glass-hi);border:1px solid var(--glass-stroke)}.play-card h3{font-family:var(--display);font-size:1.22rem;letter-spacing:-.02em}.play-card p{color:var(--ink-soft);font-size:14.5px;line-height:1.5;flex:1}.play-card__soon{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);border:1px solid var(--line);padding:5px 11px;border-radius:999px}.play-card--feature{grid-column:1 / -1;position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,3vw,34px);padding:clamp(24px,3vw,34px) clamp(26px,3.4vw,40px);border:1px solid var(--glass-stroke);box-shadow:0 18px 50px -22px #3c50b473;overflow:hidden}.play-card--feature:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background:radial-gradient(120% 140% at 0% 0%,rgba(91,108,255,.18),transparent 55%),radial-gradient(120% 140% at 100% 100%,rgba(255,138,61,.14),transparent 50%)}.play-card--feature .play-card__icon{width:62px;height:62px;border-radius:19px}.play-card--feature .play-card__icon svg{width:28px;height:28px}.play-card--feature .play-card__body{display:flex;flex-direction:column;gap:9px}.play-card--feature h3{font-size:clamp(1.35rem,2.4vw,1.7rem)}.play-card--feature p{font-size:15px;max-width:60ch}.play-card--feature .play-card__link{padding-top:6px}.play-badges{position:absolute;top:16px;right:18px;display:flex;gap:8px}.play-badge{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:999px;line-height:1}.play-badge--new{color:#fff;background:linear-gradient(135deg,#ff5d8f,#7c5cff);box-shadow:0 4px 12px -3px #7c5cff80}.play-badge--rec{color:#5b3b00;background:linear-gradient(135deg,#ffd85e,#ffab1f);box-shadow:0 4px 12px -3px #ffab1f8c;border:none}@media (max-width: 620px){.play-card--feature{grid-template-columns:1fr;gap:14px}.play-badges{position:static;margin-bottom:4px}}.play-section{margin-bottom:clamp(40px,6vh,60px)}.play-updates{display:flex;flex-direction:column;gap:4px}.play-updates li{display:flex;gap:18px;padding:14px 0;border-top:1px solid var(--line)}.play-updates li:last-child{border-bottom:1px solid var(--line)}.play-updates__date{flex:none;width:96px;font-size:13px;font-weight:600;color:var(--ink-faint)}.play-updates li span:last-child{color:var(--ink);font-size:15px}.play-support{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(26px,4vw,40px);border-radius:var(--r-lg)}.play-support p{color:var(--ink-soft);margin-top:10px;max-width:46ch}.play-support .cv-section__title{margin-bottom:0}@media (max-width: 760px){.play-grid{grid-template-columns:1fr}.play-updates__date{width:80px}}html[data-theme=light] .cv-page{--bg: #faf7f1;--card-bg: #ffffff;--card-line: #ece7df;--card-shadow: 0 1px 2px rgba(28,22,14,.04), 0 10px 26px rgba(28,22,14,.05)}html[data-theme=dark] .cv-page{--bg: hsl(240 10% 8%);--card-bg: rgba(255,255,255,.035);--card-line: rgba(255,255,255,.09);--card-shadow: none}.cv-page .ambient .orb,.cv-page .ambient .vignette{display:none}.cv-page .ambient{background:var(--bg)}.cv-page .ambient .grain{opacity:.18}.cv-page .chips li{background:var(--card-bg);border-color:var(--card-line);backdrop-filter:none;-webkit-backdrop-filter:none}.cv-progress{position:fixed;inset:0 0 auto;height:3px;z-index:120;background:var(--rainbow);transform-origin:left center;transform:scaleX(var(--p, 0));transition:transform .12s linear;pointer-events:none}.exp-timeline{position:relative;padding-left:96px}.exp-spine{position:absolute;left:78px;top:10px;bottom:10px;width:4px;border-radius:999px;background:var(--line)}.exp-spine__fill{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:top center;transform:scaleY(var(--fill, 0));background:var(--rainbow-v);border-radius:999px;transition:transform .14s linear;will-change:transform}.exp-spine__fill:after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:999px;background:var(--rainbow-v);filter:blur(5px);opacity:.35}.exp-item{position:relative;padding:6px 0 26px}.exp-item:last-child{padding-bottom:4px}.exp-year{position:absolute;left:-96px;top:23px;width:62px;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;color:var(--ink-faint);letter-spacing:.01em}.exp-dot{position:absolute;left:-23px;top:27px;width:14px;height:14px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--bg);z-index:2;transition:background-color .4s var(--ease),transform .4s var(--spring)}.exp-item.is-in .exp-dot{background:hsl(var(--brand) 70% 52%);transform:scale(1.12)}.exp-card{background:var(--card-bg);border:1px solid var(--card-line);border-radius:18px;padding:20px 22px;box-shadow:var(--card-shadow)}.exp-card__head{margin-bottom:15px}.exp-card__id{min-width:0}.exp-company{font-family:var(--display);font-size:1.12rem;letter-spacing:-.01em;line-height:1.25}.exp-type{color:var(--ink-faint);font-weight:500;font-size:.82em}.exp-loc{display:block;color:var(--ink-faint);font-size:12.5px;margin-top:3px;line-height:1.4}.exp-roles{display:flex;flex-direction:column;gap:14px}.exp-roles.is-multi{gap:16px}.exp-roles.is-multi .exp-role{padding-left:15px;border-left:2px solid var(--card-line)}.exp-role__top{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.exp-role__title{font-weight:700;font-size:15px;color:var(--ink)}.exp-role__type{font-size:12px;color:var(--ink-faint);font-weight:600}.exp-role__dates{display:block;font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--ink-faint);font-weight:500;margin-top:3px}.exp-role p{color:var(--ink-soft);font-size:14px;line-height:1.55;margin-top:8px;max-width:62ch}.cv-page [data-anim]{filter:none}.exp-item[data-anim]{opacity:0;transform:translateY(16px);filter:none;transition:opacity .6s var(--ease),transform .6s var(--ease)}.exp-item.is-in{opacity:1;transform:none;filter:none}@media (max-width: 640px){.exp-timeline{padding-left:56px}.exp-spine{left:40px}.exp-year{position:static;width:auto;text-align:left;display:inline-block;margin-bottom:8px;color:hsl(var(--brand) 48% 42%)}.exp-dot{left:-23px;top:6px}.exp-card{padding:18px}}@media (prefers-reduced-motion: reduce){.exp-item[data-anim]{opacity:1;transform:none}.cv-progress,.exp-spine__fill,.exp-dot{transition:none}}.mb{max-width:1180px;margin:0 auto;padding:clamp(96px,13vh,140px) clamp(18px,5vw,40px) clamp(56px,9vh,90px)}.mb-head{margin-bottom:clamp(22px,4vh,36px)}.mb-sub{color:var(--ink-soft);margin-top:12px;max-width:56ch}.mb-layout{display:grid;grid-template-columns:340px 1fr;gap:clamp(18px,2.4vw,30px);align-items:start}.mb-controls{padding:18px;border-radius:22px;background:var(--card-bg, #fff);border:1px solid var(--card-line, var(--line));box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:14px;position:sticky;top:clamp(76px,10vh,96px)}.mb-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}.mb-field input[type=text],.mb-field textarea,.mb-field select{font:inherit;font-size:14px;font-weight:500;color:var(--ink);background:var(--bg);border:1px solid var(--card-line, var(--line));border-radius:11px;padding:9px 12px;width:100%}.mb-field textarea{resize:vertical;line-height:1.5}.mb-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mb-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.mb-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mb-sw{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--ink-faint);text-align:center}.mb-sw input[type=color]{width:100%;height:38px;border:1px solid var(--card-line, var(--line));border-radius:10px;background:none;cursor:pointer;padding:2px}.mb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.mb-actions .btn{flex:1;padding:11px 12px;font-size:13.5px;justify-content:center}.mb-hint{font-size:12px;color:var(--ink-faint);min-height:1em;text-align:center}.mb-board{--c-primary:#5b6cff;--c-secondary:#0fb8a6;--c-accent:#ff8a3d;--c-bg:#fff;--c-text:#1f2330;--f-head:"Playfair Display",serif;--f-body:"Inter",sans-serif;background:var(--c-bg);color:var(--c-text);border:1px solid rgba(0,0,0,.08);border-radius:22px;padding:clamp(20px,2.4vw,34px);box-shadow:0 16px 44px #14100a1f}.mb-board__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:16px;margin-bottom:20px}.mb-board__title{font-family:var(--f-head);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1;color:var(--c-text)}.mb-keys{display:flex;flex-wrap:wrap;gap:8px}.mb-key{font-size:11.5px;color:var(--c-text);opacity:.78;border:1px solid rgba(0,0,0,.14);border-radius:999px;padding:4px 11px}.mb-key b{opacity:.55;font-weight:700;margin-right:3px}.mb-board__grid{display:grid;grid-template-columns:1fr 300px;gap:clamp(18px,2.4vw,34px)}.mb-block{margin-bottom:22px}.mb-label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.5;margin-bottom:10px}.mb-chip{display:flex;align-items:center;gap:8px}.mb-chip__c{width:34px;height:34px;border-radius:9px;border:1px solid rgba(0,0,0,.1)}.mb-chip__t{font-size:10.5px;line-height:1.3;font-weight:600;opacity:.72}.mb-type-h{font-family:var(--f-head);font-size:1.9rem;line-height:1.1;color:var(--c-text);margin-bottom:8px}.mb-type-b{font-family:var(--f-body);font-size:.98rem;line-height:1.6;color:var(--c-text);opacity:.82}.mb-notes-out{font-family:var(--f-body);font-size:.95rem;line-height:1.65;color:var(--c-text);opacity:.82}.mb-board__foot{margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,0,0,.08);font-size:11px;opacity:.5;font-family:var(--f-body)}.mb-col--device{display:flex;flex-direction:column}.mb-device{margin-top:4px;background:#14161c;padding:8px;align-self:center}.mb-device[data-device=iphone]{width:210px;border-radius:34px}.mb-device[data-device=android]{width:210px;border-radius:22px;padding:6px}.mb-device[data-device=desktop]{width:100%;border-radius:14px;padding:0}.mb-screen{background:var(--c-bg);overflow:hidden}.mb-device[data-device=iphone] .mb-screen{border-radius:27px;aspect-ratio:9/18.5}.mb-device[data-device=android] .mb-screen{border-radius:16px;aspect-ratio:9/18}.mb-device[data-device=desktop] .mb-screen{border-radius:14px;aspect-ratio:16/10.5}.mb-device[data-device=desktop] .mb-screen{box-shadow:inset 0 22px #eceff4;padding-top:0}.mb-ui-bar{background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px}.mb-device[data-device=desktop] .mb-ui-bar{margin-top:22px}.mb-ui-barttl{font-family:var(--f-head);font-weight:600;font-size:14px}.mb-ui-dot{width:16px;height:16px}.mb-board[data-icon=filled] .mb-ui-dot{background:#ffffffeb;border-radius:50%}.mb-board[data-icon=rounded] .mb-ui-dot{background:#ffffffeb;border-radius:5px}.mb-board[data-icon=outlined] .mb-ui-dot{border:2px solid rgba(255,255,255,.92);border-radius:50%}.mb-ui-body{padding:14px}.mb-ui-h{font-family:var(--f-head);font-size:1.15rem;color:var(--c-text);margin-bottom:5px}.mb-ui-p{font-family:var(--f-body);font-size:.78rem;line-height:1.5;color:var(--c-text);opacity:.72;margin-bottom:14px}.mb-ui-card{background:var(--c-secondary);color:#fff;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.mb-ui-card-ttl{font-family:var(--f-head);font-weight:600;font-size:.92rem}.mb-ui-card-sub{font-family:var(--f-body);font-size:.72rem;opacity:.85}.mb-ui-btn{background:var(--c-accent);color:#fff;border-radius:999px;padding:10px 18px;font-family:var(--f-body);font-weight:600;font-size:.82rem;border:0}.mb-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:#0f0c1480}.mb-modal[hidden]{display:none}.mb-modal__card{width:min(440px,100%);padding:26px;border-radius:22px;background:var(--card-bg,#fff);border:1px solid var(--card-line,var(--line));box-shadow:0 30px 70px #0000004d}.mb-modal__card h3{font-family:var(--display);font-size:1.3rem}.mb-modal__sub{color:var(--ink-soft);font-size:14px;margin:8px 0 14px}.mb-modal__card textarea{width:100%;font:inherit;font-size:14px;color:var(--ink);background:var(--bg);border:1px solid var(--card-line,var(--line));border-radius:12px;padding:11px 13px;resize:vertical}.mb-modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.mb-modal__note{font-size:11.5px;color:var(--ink-faint);margin-top:12px;text-align:center}@media (max-width: 860px){.mb-layout{grid-template-columns:1fr}.mb-controls{position:static;order:2}.mb-board{order:1}.mb-board__grid{grid-template-columns:1fr}.mb-col--device{align-items:stretch}}.mb-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--card-line, var(--line));background:var(--bg)}.mb-seg__btn{padding:8px 14px;border-radius:999px;font-weight:600;font-size:12.5px;color:var(--ink-soft);cursor:pointer}.mb-seg__btn.is-on{background:var(--ink);color:var(--bg)}.mb-trend{font-size:12px;color:var(--ink-faint);line-height:1.45;margin-top:-4px}.mb-field--row{flex-direction:row;align-items:center;justify-content:space-between}.mb-field--row input[type=color]{width:54px;height:34px;border:1px solid var(--card-line, var(--line));border-radius:9px;padding:2px;cursor:pointer}.mb-mixer{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;padding:12px;border:1px dashed var(--card-line, var(--line));border-radius:14px}.mb-gen{grid-column:1 / -1;justify-content:center;padding:9px;font-size:13px}.mb-stack{gap:8px}.mb-chips-pick{display:flex;flex-wrap:wrap;gap:6px}.mb-chip-pick{padding:6px 11px;border-radius:999px;border:1px solid var(--card-line, var(--line));background:var(--bg);color:var(--ink-soft);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s var(--ease)}.mb-chip-pick.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.mb-board__titlewrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mb-badge{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid rgba(0,0,0,.16);color:var(--c-text);opacity:.7}.mb-meters{display:flex;flex-direction:column;gap:7px}.mb-meter{display:grid;grid-template-columns:84px 1fr auto;align-items:center;gap:9px;font-size:11px;color:var(--c-text)}.mb-meter__l{opacity:.7}.mb-meter__bar{height:7px;border-radius:999px;background:#00000014;overflow:hidden}.mb-meter__bar i{display:block;height:100%;background:var(--c-primary);border-radius:999px}.mb-meter__v{font-variant-numeric:tabular-nums;font-weight:700;opacity:.75}.mb-meter__v--ok{color:#1a8f5b;opacity:1}.mb-meter__v--warn{color:#c98a00;opacity:1}.mb-meter__v--bad{color:#d23f3f;opacity:1}.mb-stacktags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mb-stacktag{font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:6px;background:#0000000f;color:var(--c-text)}.mb-col--stage{display:flex;flex-direction:column}.mb-stage{margin-top:4px;display:flex;justify-content:center}.mb-dash{width:100%;display:flex;background:var(--c-bg);border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #14100a1f;min-height:270px;font-family:var(--f-body)}.mb-dash__side{width:56px;background:#0000000b;padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.mb-dash__logo{width:26px;height:26px;border-radius:9px;background:var(--c-primary);margin-bottom:6px}.mb-dash__nav{width:26px;height:9px;border-radius:999px;background:#0000001f}.mb-dash__nav.is-on{background:var(--c-primary)}.mb-dash__main{flex:1;padding:16px;display:flex;flex-direction:column;gap:13px}.mb-dash__top{display:flex;align-items:center;justify-content:space-between}.mb-dash__ttl{font-family:var(--f-head);font-weight:600;font-size:1.05rem;color:var(--c-text)}.mb-dash__avatar{width:26px;height:26px;border-radius:50%;background:var(--c-secondary)}.mb-dash__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mb-dash__stat{background:var(--c-bg);border:1px solid rgba(0,0,0,.08);border-radius:13px;padding:11px 12px;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 14px #14100a12}.mb-dash__stat b{font-family:var(--f-head);font-size:1.05rem;color:var(--c-text)}.mb-dash__stat i{font-size:.68rem;color:var(--c-text);opacity:.6;font-style:normal}.mb-dash__stat--accent{background:var(--c-primary);border-color:transparent}.mb-dash__stat--accent b,.mb-dash__stat--accent i{color:var(--c-on-primary, #fff);opacity:1}.mb-dash__chart{display:flex;align-items:flex-end;gap:7px;height:78px;background:var(--c-bg);border:1px solid rgba(0,0,0,.08);border-radius:13px;padding:10px;box-shadow:0 4px 14px #14100a12}.mb-dash__chart i{flex:1;background:var(--c-secondary);border-radius:5px 5px 2px 2px;min-height:8px}.mb-dash__chart i:last-child{background:var(--c-accent)}.mb-dash__list{display:flex;align-items:center;gap:8px}.mb-dash__li{flex:1;height:10px;border-radius:999px;background:#00000014}.mb-dash__cta{background:var(--c-accent);color:var(--c-on-accent, #fff);font-size:.72rem;font-weight:600;padding:7px 13px;border-radius:999px;white-space:nowrap}.mb-cardm{width:230px;background:var(--c-bg);border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #14100a24;font-family:var(--f-body)}.mb-cardm__cover{height:96px;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary))}.mb-cardm__body{padding:15px}.mb-cardm__tag{display:inline-block;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-accent);margin-bottom:8px}.mb-cardm__ttl{font-family:var(--f-head);font-size:1.1rem;color:var(--c-text);margin-bottom:5px}.mb-cardm__sub{font-size:.76rem;line-height:1.5;color:var(--c-text);opacity:.68;margin-bottom:13px}.mb-cardm__btn{background:var(--c-accent);color:#fff;border:0;border-radius:999px;padding:9px 16px;font-family:var(--f-body);font-weight:600;font-size:.78rem}.mb-board[data-trend=glass] .mb-dash__stat,.mb-board[data-trend=glass] .mb-dash__chart{background:#ffffff24;border-color:#fff6;box-shadow:0 6px 22px #0000001f}.mb-board[data-trend=glass] .mb-dash__side{background:#ffffff14}.mb-board[data-trend=glass] .mb-dash{background:linear-gradient(140deg,var(--c-bg),var(--c-primary))}.mb-board[data-trend=neu] .mb-dash{background:var(--c-bg)}.mb-board[data-trend=neu] .mb-dash__stat,.mb-board[data-trend=neu] .mb-dash__chart{background:var(--c-bg);border:0;box-shadow:6px 6px 14px #0000001f,-6px -6px 14px #ffffffa6;border-radius:16px}.mb-board[data-trend=flat] .mb-dash,.mb-board[data-trend=flat] .mb-dash__stat,.mb-board[data-trend=flat] .mb-dash__chart,.mb-board[data-trend=flat] .mb-cardm{box-shadow:none;border-radius:6px;border-color:#00000024}.mb-board[data-trend=flat] .mb-cardm__btn,.mb-board[data-trend=flat] .mb-dash__cta{border-radius:4px}.mb-board[data-trend=bento] .mb-dash__stats{gap:14px}.mb-board[data-trend=bento] .mb-dash__stat,.mb-board[data-trend=bento] .mb-dash__chart{border-radius:20px;border:0;box-shadow:0 6px 18px #14100a1a}.mb-board[data-trend=soft] .mb-ap__stat,.mb-board[data-trend=soft] .mb-ap__row{box-shadow:0 3px 10px #00000014}.mb-board[data-trend=glass] .mb-ap__stat:not(.mb-ap__stat--a),.mb-board[data-trend=glass] .mb-ap__row,.mb-board[data-trend=glass] .mb-ap__list{background:#ffffff29;border:1px solid rgba(255,255,255,.45);box-shadow:0 6px 18px #0000001f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mb-board[data-trend=neu] .mb-ap__stat:not(.mb-ap__stat--a),.mb-board[data-trend=neu] .mb-ap__row{background:var(--c-bg);border:0;box-shadow:4px 4px 10px #00000024,-4px -4px 10px #fff9}.mb-board[data-trend=flat] .mb-ap__stat:not(.mb-ap__stat--a),.mb-board[data-trend=flat] .mb-ap__row{background:transparent;border:1px solid rgba(128,128,128,.3);box-shadow:none;border-radius:6px}.mb-board[data-trend=flat] .mb-ap__cta{border-radius:4px}.mb-board[data-trend=bento] .mb-ap__stats{gap:10px}.mb-board[data-trend=bento] .mb-ap__stat,.mb-board[data-trend=bento] .mb-ap__row{border-radius:18px;box-shadow:0 5px 16px #14100a1a}.mb-board[data-trend=bento] .mb-dash{border-radius:22px}@media (max-width: 540px){.mb-mixer{grid-template-columns:1fr}.mb-dash__side{display:none}}.mb--studio{max-width:1480px}.mb-bar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:18px}.mb-bar__ttl{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.025em;line-height:1.05;margin-top:6px}.mb-bar__r{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:2}.mb-iconbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--card-line, var(--line));background:var(--bg);font-size:16px;cursor:pointer;line-height:1}.mb-view .mb-seg__btn{padding:8px 12px;font-size:15px}.mb-controls{max-height:calc(100vh - 150px);overflow:auto}.mb-board{color:var(--bd-ink, #2b2620);background-color:var(--bd-paper, #fffdf7);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='pp'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pp)' opacity='0.05'/%3E%3C/svg%3E");border:1px solid var(--bd-line, rgba(40,30,18,.12));box-shadow:0 2px 3px #281e120d,0 26px 52px -22px #281e1257,0 64px 104px -60px #281e1242}.mb-controls{position:static;max-height:none;overflow:visible}.mb-actions{flex-direction:column}.mb-actions .btn{width:100%;flex:none;white-space:nowrap}.mb-label{opacity:.62}.mb-board__title,.mb-key,.mb-meter,.mb-stacktag,.mb-notes-out,.mb-badge,.mb-label{color:inherit}.mb-board__head,.mb-board__foot{border-color:var(--bd-line, rgba(0,0,0,.1))}.mb-board__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.mb-board__foot .mb-notes-out{flex:1;min-width:180px;opacity:.7;font-size:.82rem}.mb-board__foot #mbSig{opacity:.45;font-size:11px}.mb-board[data-view=dark]{--bd-ink: #e9ebf2;--bd-paper: #1c1e26;--bd-line: rgba(255,255,255,.14);background:radial-gradient(130% 120% at 50% -10%,#ffffff0f,#00000038),#1c1e26;box-shadow:0 30px 64px -26px #000000b3}.mb-board[data-view=dark] .mb-key{border-color:#ffffff38}.mb-board[data-view=dark] .mb-meter__bar,.mb-board[data-view=dark] .mb-stacktag{background:#ffffff1f}.mb-board[data-view=dark] .mb-badge{border-color:#ffffff3d}.mb-board[data-view=cb]{filter:url(#cbDeuter)}.mb-patterns{display:flex;gap:8px}.mb-pat{width:50px;height:50px;border-radius:11px;border:1px solid rgba(0,0,0,.08)}.mb-pat--dots{background:radial-gradient(var(--c-primary) 22%,transparent 24%) 0 0 / 11px 11px,var(--c-bg)}.mb-pat--stripe{background:repeating-linear-gradient(45deg,var(--c-secondary) 0 5px,var(--c-bg) 5px 11px)}.mb-pat--grid{background:linear-gradient(var(--c-accent) 1.4px,transparent 1.4px) 0 0 / 12px 12px,linear-gradient(90deg,var(--c-accent) 1.4px,var(--c-bg) 1.4px) 0 0 / 12px 12px}.mb-brand{display:flex;flex-direction:column;gap:9px}.mb-logo{display:flex;align-items:center;gap:9px}.mb-logo__mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--c-primary),var(--c-accent));flex:none}.mb-logo__word{font-family:var(--f-head);font-weight:700;font-size:1.25rem;color:var(--bd-ink)}.mb-logo__tag{font-family:var(--f-body);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.55}.mb-logo__dots{display:flex;gap:6px}.mb-logo__dots i{width:16px;height:16px;border-radius:50%}.mb-logo__dots i:nth-child(1){background:var(--c-primary)}.mb-logo__dots i:nth-child(2){background:var(--c-secondary)}.mb-logo__dots i:nth-child(3){background:var(--c-accent)}.mb-illus{position:relative;height:100px;border-radius:14px;overflow:hidden;background:var(--c-bg);border:1px solid rgba(0,0,0,.07)}.mb-illus__blob{position:absolute;left:-16px;bottom:-24px;width:94px;height:94px;border-radius:46% 54% 60% 40%/52% 42% 58% 48%;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary))}.mb-illus__c1{position:absolute;right:22px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--c-accent)}.mb-illus__c2{position:absolute;right:64px;bottom:18px;width:16px;height:16px;border-radius:50%;border:3px solid var(--c-secondary)}.mb-illus__bar{position:absolute;right:18px;bottom:22px;width:52px;height:9px;border-radius:999px;background:var(--c-accent);opacity:.85}.mb button,.mb .btn,.mb .mb-iconbtn,.mb .mb-chip-pick,.mb .mb-seg__btn{transition:transform .16s var(--spring),background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.mb button:active,.mb .btn:active{transform:scale(.94)}.mb .mb-iconbtn:hover,.mb .mb-random:hover{transform:translateY(-2px)}.mb-sw input[type=color]{transition:transform .2s var(--spring),box-shadow .2s var(--ease)}.mb-sw input[type=color]:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 14px #00000024}.mb-pat,.mb-chip{transition:transform .25s var(--spring)}.mb-pat:hover,.mb-chip:hover{transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.mb button:active,.mb .btn:active,.mb-sw input[type=color]:hover{transform:none}}@media (max-width: 980px){.mb-controls{max-height:none;overflow:visible}}html[data-theme=light] .mb-page{--bg: #e9e3d8}html[data-theme=dark] .mb-page{--bg: #15161c}.mb-page .mb-field input,.mb-page .mb-field textarea,.mb-page .filter-select{background-color:#fff}html[data-theme=dark] .mb-page .mb-field input,html[data-theme=dark] .mb-page .mb-field textarea,html[data-theme=dark] .mb-page .filter-select{background-color:#ffffff0d}.mb-board{--bd-paper: #ffffff;border-width:1px;border-color:var(--bd-line, rgba(30,24,16,.14));padding:clamp(22px,2.4vw,34px)}.mb-board[data-view=dark]{--bd-paper: #1c1e26}.mb-board__title{font-size:clamp(1.25rem,2vw,1.6rem)}.mb-board__grid{gap:22px 30px}.mb-label{font-size:10px;opacity:.55;margin-bottom:9px}.mb-type-h{font-size:1.5rem;margin-bottom:6px}.mb-type-b{font-size:.9rem}.mb-chip{gap:9px}.mb-chip__c{width:46px;height:46px;border-radius:12px}.mb-chip__t{font-size:10px}.mb-palette{gap:12px}.mb-key{font-size:11px}.mb-badge{font-size:10px}.mb-block--stage{grid-column:1 / -1}.mb-stage{min-height:300px;align-items:center;overflow:hidden}.mb-dash{height:300px;min-height:0;max-width:560px;margin:0 auto}.mb-device{max-height:320px}.mb-device[data-device=iphone],.mb-device[data-device=android]{width:154px}.mb-device[data-device=desktop]{width:100%;max-width:460px}.mb-cardm{max-height:320px}.mb-pat{width:56px;height:56px}html[data-theme=light] .mb-page{--bg: #edeef1}.mb .btn{gap:7px}.mb .ico{flex:none}.mb .btn .ico{opacity:.85}.mb-info{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;color:var(--ink-faint);vertical-align:-2px;margin-left:4px;cursor:pointer;opacity:.65;transition:opacity .2s var(--ease),color .2s var(--ease),transform .2s var(--spring)}.mb-info:hover{opacity:1;color:var(--ink);transform:scale(1.14)}.mb-tip{position:absolute;z-index:300;max-width:280px;background:#1b1d25;color:#f3f4f6;font-size:12.5px;line-height:1.55;padding:11px 14px;border-radius:12px;box-shadow:0 16px 38px #0000005c}.mb-tip[hidden]{display:none}.mb-canvasbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mb-bgpick{display:flex;gap:7px}.mb-bg{width:26px;height:26px;border-radius:8px;border:1px solid rgba(0,0,0,.18);cursor:pointer;transition:transform .2s var(--spring)}.mb-bg:hover{transform:translateY(-2px)}.mb-bg.is-on{outline:2px solid var(--ink);outline-offset:2px}.mb-bg[data-bg=light]{background:#f4f5f7}.mb-bg[data-bg=soft]{background:#ece7df}.mb-bg[data-bg=dark]{background:#14161c}.mb-bg[data-bg=color]{background:var(--mb-canvas-color, #dfe3ff)}.mb-bg[data-bg=grid]{background:#f4f5f7;background-image:linear-gradient(rgba(0,0,0,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.14) 1px,transparent 1px);background-size:7px 7px}.mb-stagewrap{border-radius:22px;padding:clamp(16px,2vw,30px);transition:background-color .35s var(--ease)}.mb-stagewrap[data-bg=light]{background:#f4f5f7}.mb-stagewrap[data-bg=soft]{background:#ece7df}.mb-stagewrap[data-bg=dark]{background:#14161c}.mb-stagewrap[data-bg=color]{background:var(--mb-canvas-color, #eef0ff)}.mb-stagewrap[data-bg=grid]{background-color:#f4f5f7;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:22px 22px}.mb--expanded .mb-controls{display:none}.mb--expanded .mb-layout{grid-template-columns:1fr}.mb-stagewrap[data-bg]{background:#edeef1}.mb-board[data-bg=light]{--bd-paper:#ffffff;--bd-ink:#23252e;--bd-line:rgba(30,24,16,.12);--tile:#f5f6f8;--tileln:rgba(0,0,0,.07)}.mb-board[data-bg=soft]{--bd-paper:#faf6ee;--bd-ink:#2c2620;--bd-line:rgba(40,30,18,.12);--tile:#fffdf7;--tileln:rgba(0,0,0,.06)}.mb-board[data-bg=dark]{--bd-paper:#1b1d25;--bd-ink:#eceef5;--bd-line:rgba(255,255,255,.14);--tile:rgba(255,255,255,.055);--tileln:rgba(255,255,255,.12)}.mb-board[data-bg=color]{--bd-paper:var(--mb-canvas-color,#eef0ff);--bd-ink:#1f2330;--bd-line:rgba(0,0,0,.1);--tile:rgba(255,255,255,.6);--tileln:rgba(255,255,255,.8)}.mb-board[data-bg=grid]{--bd-paper:#ffffff;--bd-ink:#23252e;--bd-line:rgba(0,0,0,.1);--tile:#f6f7f9;--tileln:rgba(0,0,0,.06)}.mb-board{background-color:var(--bd-paper, #fff);color:var(--bd-ink, #23252e)}.mb-board[data-bg=grid]{background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:24px 24px}.mb-col{display:flex;flex-direction:column;gap:14px}.mb-block{margin:0;background:var(--tile, #f5f6f8);border:1px solid var(--tileln, rgba(0,0,0,.07));border-radius:15px;padding:14px 16px}.mb-board__grid{gap:14px;align-items:start}.mb-board__title{color:var(--bd-ink);font-size:clamp(1.5rem,2.6vw,2.1rem)}.mb-badge,.mb-key{border-color:var(--bd-line)}.mb-typebox{background:var(--c-bg);border-radius:10px;padding:13px 14px;border:1px solid rgba(127,127,127,.18)}.mb-typebox .mb-type-h,.mb-typebox .mb-type-b{color:var(--c-text)}.mb-rate{display:flex;gap:10px;justify-content:center;margin:4px 0 12px}.mb-rate__b{font-size:25px;line-height:1;width:48px;height:48px;border-radius:14px;border:1px solid var(--card-line, var(--line));background:var(--bg);cursor:pointer;transition:transform .2s var(--spring),border-color .2s var(--ease),background-color .2s}.mb-rate__b:hover{transform:translateY(-3px) scale(1.08)}.mb-rate__b.is-on{border-color:var(--ink);background:#80808024;transform:translateY(-3px) scale(1.08)}.mb-field--hero{background:#80808014;border:1px solid var(--card-line, var(--line));border-radius:14px;padding:12px 13px}.mb-field--hero>span{font-size:13px;font-weight:700}.mb-field--hero select{font-weight:600}html[data-theme=light] .mb-page{--bg: #d7dbe2}.mb-stagewrap[data-bg]{background:transparent;padding:0}.mb-board{border:1px solid rgba(0,0,0,.07);box-shadow:0 26px 60px -22px #12162852,0 4px 14px #12162814;border-radius:22px;padding:clamp(18px,2vw,26px)}.mb-board[data-bg=light]{--bd-paper:#eceef2;--tile:#ffffff;--tileln:rgba(18,22,40,.1);--bd-ink:#23252e}.mb-board[data-bg=soft]{--bd-paper:#efe9df;--tile:#fffdf8;--tileln:rgba(40,30,18,.1);--bd-ink:#2c2620}.mb-board[data-bg=dark]{--bd-paper:#171922;--tile:#21242e;--tileln:rgba(255,255,255,.1);--bd-ink:#eceef5}.mb-board[data-bg=color]{--bd-paper:var(--mb-canvas-color,#e7ebff);--tile:#ffffff;--tileln:rgba(18,22,40,.08);--bd-ink:#1f2330}.mb-board[data-bg=grid]{--bd-paper:#e9ecf1;--tile:#ffffff;--tileln:rgba(18,22,40,.1);--bd-ink:#23252e}.mb-block{background:var(--tile);border:1px solid var(--tileln);border-radius:14px;padding:13px 15px;box-shadow:0 1px 2px #1216280d}.mb-board__grid{display:grid;grid-template-columns:1fr 1fr 1.18fr;gap:13px;align-items:stretch}.mb-block--palette{grid-column:1 / 3}.mb-block--stage{grid-column:3;grid-row:1 / -1;display:flex;flex-direction:column}.mb-block--stage .mb-stage{flex:1;min-height:380px;height:auto;display:flex;align-items:center;justify-content:center}.mb-seg:not(.mb-view){display:flex}.mb-seg:not(.mb-view) .mb-seg__btn{flex:1}.mb-block--stage{background-color:var(--tile);background-image:linear-gradient(165deg,#0000000d,#0000);overflow:visible}.mb-block--stage .mb-stage{overflow:visible}.mb-device{position:relative}.mb-device[data-device=iphone]{width:230px;background:#0f1116;border-radius:38px;padding:9px;box-shadow:0 22px 44px -14px #00000080,inset 0 0 0 2px #ffffff0f}.mb-device__island{position:absolute;top:18px;left:50%;transform:translate(-50%);width:76px;height:20px;background:#07080b;border-radius:12px;z-index:3}.mb-device[data-device=iphone] .mb-screen{border-radius:30px;overflow:hidden;background:var(--c-bg);color:var(--c-text);padding:32px 13px 12px;min-height:420px;font-family:var(--f-body);display:flex;flex-direction:column;gap:9px;width:auto;height:auto}.mb-ap__status{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:var(--c-text);opacity:.85}.mb-ap__bat{width:22px;height:11px;border:1.5px solid currentColor;border-radius:3px;opacity:.6}.mb-ap__head{display:flex;justify-content:space-between;align-items:center}.mb-ap__app{font-family:var(--f-head);font-weight:700;font-size:14px;color:var(--c-text)}.mb-ap__av{width:26px;height:26px;border-radius:50%;background:var(--c-primary)}.mb-ap__h{font-family:var(--f-head);font-weight:700;font-size:17px;line-height:1.2;color:var(--c-text);margin:2px 0 0}.mb-ap__p{font-size:11.5px;line-height:1.4;color:var(--c-text);opacity:.6;margin:0}.mb-ap__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mb-ap__stat{background:#80808021;border-radius:10px;padding:8px 5px;text-align:center}.mb-ap__stat b{display:block;font-family:var(--f-head);font-size:13px;color:var(--c-text)}.mb-ap__stat i{font-style:normal;font-size:8.5px;color:var(--c-text);opacity:.55}.mb-ap__stat--a{background:var(--c-primary)}.mb-ap__stat--a b,.mb-ap__stat--a i{color:var(--c-on-primary, #fff);opacity:1}.mb-ap__list{display:flex;flex-direction:column;gap:6px}.mb-ap__row{display:flex;align-items:center;gap:8px;background:#8080801a;border-radius:9px;padding:7px 9px}.mb-ap__rdot{width:18px;height:18px;border-radius:6px;background:var(--c-secondary);flex:none}.mb-ap__rt{font-size:11px;color:var(--c-text);opacity:.8;flex:1}.mb-ap__rv{font-size:11px;font-weight:700;color:var(--c-text)}.mb-ap__cta{margin-top:auto;background:var(--c-primary);color:var(--c-on-primary, #fff);border:none;border-radius:11px;padding:11px;font-family:var(--f-head);font-weight:600;font-size:13px}.mb-ap__tabs{display:flex;justify-content:space-around;padding-top:5px}.mb-ap__tabs i{width:8px;height:8px;border-radius:3px;background:var(--c-text);opacity:.22}.mb-ap__tabs i.is-on{opacity:1;background:var(--c-primary)}.mb-device[data-device=desktop]{width:100%;max-width:340px;border-radius:14px;overflow:hidden;background:var(--c-bg);box-shadow:0 20px 44px -16px #0000006b;border:1px solid rgba(0,0,0,.08)}.mb-device__bar{display:flex;align-items:center;gap:5px;padding:9px 12px;background:#80808029}.mb-device__bar i{width:9px;height:9px;border-radius:50%;background:var(--c-text);opacity:.25}.mb-device__url{margin-left:10px;font-size:10px;color:var(--c-text);opacity:.5}.mb-screen--wide{padding:14px;color:var(--c-text);display:flex;flex-direction:column;gap:9px;width:auto;height:auto;min-height:0}.mb-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mb-img{aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary))}.mb-img img{width:100%;height:100%;object-fit:cover;display:block}.mb-img.is-empty{background:linear-gradient(135deg,var(--c-primary),var(--c-accent))}.mb-stagewrap,.mb-stagewrap[data-bg]{background:#a9b0bd;padding:clamp(18px,2vw,30px);border-radius:26px;box-shadow:inset 0 1px #ffffff2e}html[data-theme=light] .mb-page{--bg: #e7e9ee}.mb-board[data-bg=light]{--bd-paper:#ffffff;--tile:#f1f3f8;--tileln:rgba(18,22,40,.12);--bd-ink:#1f232c}.mb-board[data-bg=soft]{--bd-paper:#fbf7f0;--tile:#fff;--tileln:rgba(40,30,18,.12);--bd-ink:#2c2620}.mb-board[data-bg=color]{--bd-paper:var(--mb-canvas-color,#eef1ff);--tile:#fff;--tileln:rgba(18,22,40,.1);--bd-ink:#1f232c}.mb-board[data-bg=grid]{--bd-paper:#ffffff;--tile:#f1f3f8;--tileln:rgba(18,22,40,.12);--bd-ink:#1f232c}.mb-board{box-shadow:0 30px 60px -24px #0f122080,0 6px 18px #0f12201f}.mb-block{border-width:1px;box-shadow:0 1px 2px #1216280f}@media (min-width: 1080px){.mb-board__grid{grid-template-columns:repeat(4,1fr)}.mb-block--palette{grid-column:1 / 4}.mb-block--type{grid-column:1 / 3}.mb-block--stage{grid-column:4;grid-row:1 / -1}}.mb-board[data-bg=light]{--bd-paper:#e9ecf1;--tile:#ffffff;--tileln:rgba(18,22,40,.05);--bd-ink:#1f232c}.mb-board[data-bg=soft]{--bd-paper:#efe7da;--tile:#fffdf8;--tileln:rgba(40,30,18,.05);--bd-ink:#2c2620}.mb-board[data-bg=grid]{--bd-paper:#e6e9ef;--tile:#ffffff;--tileln:rgba(18,22,40,.05);--bd-ink:#1f232c}.mb-board[data-bg=color]{--bd-paper:var(--mb-canvas-color,#e7ebff);--tile:#ffffff;--tileln:rgba(18,22,40,.05);--bd-ink:#1f232c}.mb-board[data-bg=dark]{--bd-paper:#15171e;--tile:#23262f;--tileln:rgba(255,255,255,.08);--bd-ink:#eceef5}.mb-block{box-shadow:0 2px 8px -2px #1216281f;border-radius:13px}.mb-stagewrap,.mb-stagewrap[data-bg]{background:#41454e;padding:clamp(18px,2.2vw,34px);border-radius:26px;box-shadow:inset 0 1px #ffffff0f}.mb-board{background-image:none!important}@media (min-width: 1080px){.mb-board__grid{grid-template-columns:1fr 1fr 1fr 1.05fr;grid-template-areas:"palette palette type   device" "meters  brand   illus  device" "pat     img     img    device";align-items:stretch}.mb-block--palette{grid-area:palette}.mb-block--type{grid-area:type}.mb-board__grid>.mb-block:nth-child(3){grid-area:meters}.mb-board__grid>.mb-block:nth-child(4){grid-area:brand}.mb-board__grid>.mb-block:nth-child(5){grid-area:pat}.mb-board__grid>.mb-block:nth-child(6){grid-area:illus}.mb-block--img{grid-area:img}.mb-block--stage{grid-area:device}}.mb-block--stage .mb-stage{min-height:360px}.mb-palette{display:flex;flex-wrap:wrap;gap:10px}@media (min-width: 1080px){.mb-layout{grid-template-columns:300px 1fr;gap:22px}}.mb-stagewrap,.mb-stagewrap[data-bg]{padding:18px}.mb-board{padding:16px}.mb-board__grid{gap:11px}.mb-block{padding:11px 13px}.mb-meters{display:flex;flex-direction:column;gap:5px}.mb-illus__svg{width:100%;height:96px;border-radius:9px;display:block}.mb-imgs{gap:6px}.mb-stagewrap,.mb-stagewrap[data-bg]{background:#3b3f47;padding:30px;border-radius:24px}.mb-board[data-bg=light]{--bd-paper:#ffffff;--tile:#f4f6fa;--tileln:rgba(18,22,40,.09);--bd-ink:#1f232c}.mb-board[data-bg=soft]{--bd-paper:#fffaf2;--tile:#f6efe3;--tileln:rgba(40,30,18,.1);--bd-ink:#2c2620}.mb-board[data-bg=grid]{--bd-paper:#ffffff;--tile:#f4f6fa;--tileln:rgba(18,22,40,.09);--bd-ink:#1f232c}.mb-board[data-bg=color]{--bd-paper:var(--mb-canvas-color,#eef1ff);--tile:#ffffff;--tileln:rgba(18,22,40,.08);--bd-ink:#1f232c}.mb-board[data-bg=dark]{--bd-paper:#15171e;--tile:#22252e;--tileln:rgba(255,255,255,.1);--bd-ink:#eceef5}.mb-block{border:1px solid var(--tileln);box-shadow:0 1px 3px #1216280d}.mb-board{box-shadow:0 24px 50px -20px #0000008c,0 6px 16px #0000002e}.mb-tabs{display:flex;gap:4px;background:#8080801f;padding:4px;border-radius:13px;margin-bottom:4px}.mb-tab__btn{flex:1;border:none;background:transparent;padding:8px 4px;border-radius:9px;font:600 12.5px/1 var(--font-ui, inherit);color:var(--ink-faint);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}.mb-tab__btn:hover{color:var(--ink)}.mb-tab__btn.is-on{background:var(--bg);color:var(--ink);box-shadow:0 1px 3px #0000001a}.mb-tab{display:none;flex-direction:column;gap:14px}.mb-tab.is-on{display:flex}.mb-block--stage .mb-stage{align-items:center;justify-content:center;padding:4px}.mb-device[data-device=iphone]{width:252px;max-height:100%}.mb-device[data-device=iphone] .mb-screen{min-height:472px}.mb-ver{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:var(--ink);color:var(--bg);font-size:10px;font-weight:700;letter-spacing:.04em;vertical-align:middle}.mb-tab__btn{flex-direction:column;gap:3px;font-size:10.5px;font-weight:600;padding:7px 3px;line-height:1}.mb-tab__btn .tico{opacity:.75;transition:opacity .2s var(--ease)}.mb-tab__btn:hover .tico,.mb-tab__btn.is-on .tico{opacity:1}.mb-layout,.mb-stagewrap{position:relative;z-index:1}.mb-bar__ttl .mb-ver{font-size:11px;vertical-align:middle;margin-left:8px}.mb-canvasbar{flex-wrap:wrap;gap:10px}.mb-canvasbar__lbl{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin-right:4px;align-self:center}.mb-bgpick{align-items:center;flex-wrap:wrap}.mb-canvasbar__actions{display:flex;align-items:center;gap:7px}.mb-actbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff17;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:background-color .2s var(--ease),transform .2s var(--spring)}.mb-actbtn:hover{background:#ffffff2e;transform:translateY(-1px)}.mb-actbtn .ico{flex:none}.mb-actbtn--solid{background:#fff;color:#15171e;border-color:#fff}.mb-actbtn--solid:hover{background:#eee}.mb-actbtn--reset .ico{color:#ff9b9b}.mb-bg--custom{position:relative;overflow:hidden;padding:0}.mb-bg--custom input{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;cursor:pointer;background:none}.mb-board[data-bg=custom]{--bd-paper: var(--mb-custom-bg, #e9d8c8);--tile: rgba(255,255,255,.5);--tileln: rgba(0,0,0,.06);--bd-ink: #1f232c}.mb-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-radius:var(--bd-radius, 12px);overflow:hidden}.mb-sw2{aspect-ratio:3 / 4;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:10px 9px;min-height:104px}.mb-sw2__l{font-size:10px;font-weight:600;opacity:.9}.mb-sw2__h{font-size:10.5px;font-weight:700}.mb-typebox,.mb-img,.mb-ap__stat,.mb-ap__row,.mb-device__bar,.mb-logo__mark{border-radius:var(--bd-radius, 13px)}.mb-ap__cta{border-radius:calc(var(--bd-radius, 13px) * .85)}.mb-block{border:none!important;box-shadow:none!important;background:transparent!important;padding:2px}.mb-label{font-size:9.5px;letter-spacing:.14em;opacity:.5;margin-bottom:10px;font-weight:700}.mb-board__grid{gap:20px 24px}.mb-board{box-shadow:0 26px 56px -22px #00000080}.mb-range{width:100%;accent-color:var(--ink);height:22px;cursor:pointer}.mb-rangeval{font-weight:700;opacity:.65;float:right}.mb-tab__btn{align-items:center;justify-content:center;text-align:center}.mb-device[data-device=android]{position:relative;width:232px;max-height:100%;background:#0f1116;border-radius:30px;padding:8px;box-shadow:0 22px 44px -14px #00000080,inset 0 0 0 2px #ffffff0f}.mb-device__punch{position:absolute;top:16px;left:50%;transform:translate(-50%);width:11px;height:11px;border-radius:50%;background:#07080b;z-index:3}.mb-device[data-device=android] .mb-screen{border-radius:24px;overflow:hidden;background:var(--c-bg);color:var(--c-text);padding:28px 13px 10px;min-height:470px;font-family:var(--f-body);display:flex;flex-direction:column;gap:9px}.mb-ap__navbar{display:flex;justify-content:space-around;align-items:center;padding-top:9px;margin-top:4px}.mb-ap__navbar span{opacity:.4}.mb-ap__navbar span:nth-child(1){width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:9px solid var(--c-text)}.mb-ap__navbar span:nth-child(2){width:12px;height:12px;border-radius:50%;border:1.7px solid var(--c-text)}.mb-ap__navbar span:nth-child(3){width:11px;height:11px;border-radius:2px;border:1.7px solid var(--c-text)}.mb-ap__head{gap:6px}.mb-ap__av{margin-left:auto}.mb-ap__plat{font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--c-primary);color:var(--c-on-primary, #fff);padding:3px 7px;border-radius:6px}.mb-card2{position:relative;overflow:hidden;width:100%;max-width:300px;aspect-ratio:1.7 / 1;background:var(--c-bg);color:var(--c-text);border-radius:var(--bd-radius, 14px);padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 44px -16px #0006;font-family:var(--f-body)}.mb-card2__row{display:flex;align-items:center;gap:9px}.mb-card2__logo{width:26px;height:26px;border-radius:50%;background:var(--c-primary);flex:none}.mb-card2__brand{font-family:var(--f-head);font-weight:700;font-size:19px}.mb-card2__role{font-size:11px;opacity:.6;letter-spacing:.08em;text-transform:uppercase}.mb-card2__foot{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;opacity:.72}.mb-card2__chip{position:absolute;right:-34px;bottom:-34px;width:120px;height:120px;border-radius:50%;background:var(--c-accent);opacity:.18}.mb-board__desc{max-width:60ch;font-size:13px;line-height:1.6;color:var(--bd-ink);opacity:.6;margin:2px 0 18px;font-family:var(--f-body, inherit)}.mb-iconset{margin-top:12px}.mb-iconset__lbl{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.5;margin-bottom:7px}.mb-iconset__row{display:flex;gap:13px;color:var(--c-text)}.mb-iconbtn{display:inline-flex;align-items:center;justify-content:center}.mb-fontinput{width:100%;min-width:0;box-sizing:border-box}.mb-grid2{min-width:0}.mb-grid2>.mb-field{min-width:0}.mb-grid2 input{width:100%;box-sizing:border-box}.mb.mb--studio{max-width:1600px}.mb-board{padding:15px 18px}.mb-board__grid{gap:14px 22px}.mb-board__desc{margin:2px 0 12px}.mb-sw2{min-height:82px;aspect-ratio:auto}.mb-palette{height:100%}.mb-block--stage .mb-stage{min-height:340px}.mb-board__head{margin-bottom:4px}.mb-rem{font-style:normal;font-weight:500;font-size:9.5px;letter-spacing:0;text-transform:none;opacity:.5;margin-left:5px}.mb-rangeends{display:flex;justify-content:space-between;font-size:10px;opacity:.62;margin-top:6px}.mb-rangeends span{display:inline-flex;align-items:center;gap:4px}.mb-iconset__row{display:flex;flex-wrap:wrap;gap:11px 13px;color:var(--c-text)}.mb-iconset__desc{display:block;font-size:10px;opacity:.55;margin-top:8px;font-style:italic}.mb-type-h[contenteditable],.mb-type-b[contenteditable]{outline:none;cursor:text;border-radius:4px}.mb-type-h[contenteditable]:focus,.mb-type-b[contenteditable]:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--c-primary) 40%,transparent)}.mb-type-edit{display:block;font-size:9px;opacity:.4;margin-top:9px;letter-spacing:.04em}.mb-typebox:focus-within .mb-type-edit{opacity:.75;color:var(--c-primary)}.mb-board[data-bg=custom]{--bd-paper: var(--mb-custom-bg, #e9d8c8);--bd-ink: var(--mb-custom-ink, #1c2029);--tile: var(--mb-custom-tile, rgba(255,255,255,.55));--tileln: var(--mb-custom-line, rgba(0,0,0,.07))}.mb-board__grid{gap:11px 20px}.mb-board{padding:14px 16px}.mb-type-b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.mb-type-h{margin:0 0 4px}.mb-typebox{padding:11px 12px}.mb-illus__svg{height:78px!important}.mb-sw2{min-height:72px}.mb-iconset{margin-top:9px}.mb-iconset__row svg{width:16px;height:16px}.mb-iconset__row{gap:9px 11px}.mb-meters{gap:4px}.mb-board__desc{margin:0 0 10px;font-size:12.5px}.mb-label{margin-bottom:7px}.mb-label{display:block;line-height:1.3}.mb-rem{display:block;margin:3px 0 0;font-size:9px;opacity:.45}.mb-board__grid{gap:20px 22px;align-items:start}.mb-palette{height:auto}.mb-block{min-width:0;overflow:visible}.mb-type-h,.mb-type-b{overflow-wrap:anywhere}.mb-sublabel{display:block;font-size:11px;font-weight:700;opacity:.6;margin:4px 0 8px;letter-spacing:.02em}.mb-sublabel small{font-weight:500;opacity:.8;margin-left:4px}.mb-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}.mb-tpl{display:flex;flex-direction:column;gap:5px;align-items:center;padding:8px 6px;border:1px solid var(--card-line, var(--line));border-radius:11px;background:var(--bg);cursor:pointer;transition:transform .2s var(--spring),border-color .2s var(--ease)}.mb-tpl:hover{transform:translateY(-2px);border-color:var(--ink)}.mb-tpl__sw{display:flex;width:100%;height:16px;border-radius:5px;overflow:hidden}.mb-tpl__sw i{flex:1}.mb-tpl__n{font-size:10.5px;font-weight:600}.mb-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:6px}.mb-sw{display:flex;flex-direction:column;gap:5px;align-items:center}.mb-sw input[type=color]{width:100%;height:46px;border:1px solid var(--card-line, var(--line));border-radius:10px;padding:0;cursor:pointer;background:none}.mb-sw span{font-size:10px;opacity:.7}.mb-balancepick{display:flex;gap:6px;flex-wrap:wrap}.mb-ratio{flex:1;min-width:60px;padding:8px 5px;border:1px solid var(--card-line, var(--line));border-radius:10px;background:var(--bg);font-size:11.5px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s}.mb-ratio.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.mb-balancebar{display:flex;height:26px;border-radius:8px;overflow:hidden;margin-top:10px}.mb-bb__seg{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;min-width:0}.mb-rangeval{display:inline-flex;align-items:center}.mb-rangenum{width:30px;border:none;background:transparent;font:inherit;font-weight:700;text-align:right;color:inherit;padding:0;-moz-appearance:textfield}.mb-rangenum::-webkit-outer-spin-button,.mb-rangenum::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 760px){.mb-controls{font-size:15px;padding:16px}.mb-field>span{font-size:13px}.filter-select,.mb-field input[type=text],.mb-fontinput,.mb-field textarea{font-size:15px;padding:11px 12px}.mb-tab__btn{font-size:12px;padding:9px 4px}.mb-tab__btn .tico{width:18px;height:18px}.mb-seg__btn{font-size:13px;padding:11px 8px}.mb-sublabel{font-size:12.5px}.mb-tpl__n,.mb-ratio{font-size:12px}.mb-sw span{font-size:11px}.mb-sw input[type=color]{height:52px}.mb-actbtn{font-size:13px;padding:9px 13px}}.mb-board__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;margin-bottom:8px}.mb-board__title{font-family:var(--f-head);font-weight:700;line-height:1.12;color:var(--bd-ink);max-width:94%;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.mb-board__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.mb-board__desc{text-align:center;max-width:58ch;margin:0 auto 14px}.archive-grid.is-deck .archive-card__body{padding:14px 12px 6px;flex:none}.archive-grid.is-deck .archive-card__desc{margin-top:6px}.archive-grid.is-deck .archive-card__desc.is-expanded{-webkit-line-clamp:unset;overflow:visible}.archive-grid.is-deck .archive-card__tags{margin-top:10px}.mb-bar{align-items:center;gap:18px 28px;margin-bottom:26px}.mb-bar__l{position:relative;max-width:640px}.mb-bar__ttl{font-size:clamp(2.1rem,4.4vw,3.3rem);letter-spacing:-.035em;line-height:1.02;margin-top:8px}.mb-bar__tag{margin:10px 0 0;font-size:clamp(.95rem,1.4vw,1.12rem);line-height:1.5;color:var(--ink-faint, #6b6b72);max-width:46ch}.mb-bar__l .room__tag{position:relative}.mb-bar__r{align-self:flex-start;margin-top:4px}@media (max-width: 760px){.mb-bar__ttl{font-size:clamp(1.8rem,8vw,2.4rem)}.mb-bar__tag{font-size:.95rem}}.mb-lock{display:none;position:relative;z-index:1}.mb-lock__art{width:84px;height:84px;border-radius:22px;background:conic-gradient(from 200deg,#5b6cff,#0fb8a6,#ff8a3d,#e76f9c,#5b6cff);box-shadow:0 18px 40px -16px #14182866}.mb-lock__h{font-family:var(--display);font-weight:700;font-size:1.55rem;letter-spacing:-.02em;margin:4px 0 0}.mb-lock__p{color:var(--ink-faint, #6b6b72);line-height:1.75;font-size:1.02rem;max-width:40ch;margin:0}.mb-lock__home{margin-top:6px}.mb-sheet-toggle,.mb-sheet-handle,.mb-sheet-backdrop{display:none}@media (max-width: 700px){.mb-lock{display:none!important}.mb.mb--studio{display:block;padding-top:clamp(70px,9vh,100px)}.mb-layout{display:block}.mb-stagewrap{order:0}.mb-controls{position:fixed;inset:auto 0 0;z-index:70;margin:0;max-width:none;width:100%;max-height:84vh;overflow-y:auto;border-radius:22px 22px 0 0;padding:6px 16px 24px;transform:translateY(101%);transition:transform .34s cubic-bezier(.22,.85,.2,1);box-shadow:0 -16px 44px #0f121e42}.mb-controls.is-sheet-open{transform:translateY(0)}.mb-sheet-handle{display:flex;align-items:center;justify-content:center;position:sticky;top:0;width:100%;padding:8px 0 10px;margin:0 0 2px;border:0;background:var(--card-bg, #fff);cursor:pointer;z-index:2}.mb-sheet-grip{display:block;width:42px;height:5px;border-radius:3px;background:#8080806b}.mb-sheet-toggle{display:inline-flex;align-items:center;gap:8px;position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:65;padding:12px 20px;border:0;border-radius:999px;background:var(--ink);color:var(--bg);font:600 14px/1 inherit;cursor:pointer;box-shadow:0 10px 30px #0f121e52}.mb-controls.is-sheet-open~.mb-sheet-toggle{opacity:0;pointer-events:none}.mb-sheet-backdrop{position:fixed;inset:0;z-index:68;background:#0f121e6b;backdrop-filter:blur(2px)}.mb-sheet-backdrop[hidden]{display:none}body.mb-sheet-lock{overflow:hidden}}@media (min-width: 701px){.mb-controls{transform:none!important}}.mb-crop{position:relative;width:100%;aspect-ratio:4/3;max-height:56vh;overflow:hidden;border-radius:13px;background:#8080801f;cursor:grab;touch-action:none;box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 0 0 3px #0000001f}.mb-crop:active{cursor:grabbing}.mb-crop img{position:absolute;top:0;left:0;max-width:none;max-height:none;user-select:none;-webkit-user-drag:none;will-change:transform}.mb-crop__zoom{width:100%;margin:12px 0 6px}.mb-board__grid>.mb-block{position:relative}.mb-drag{position:absolute;top:7px;right:7px;z-index:4;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--bd-line, rgba(0,0,0,.12));border-radius:7px;background:var(--tile, rgba(255,255,255,.85));color:var(--bd-ink, #555);cursor:grab;opacity:0;transition:opacity .18s ease,transform .15s var(--spring)}.mb-block:hover .mb-drag,.mb-drag:focus-visible{opacity:.85}.mb-drag:hover{opacity:1;transform:scale(1.08)}.mb-drag:active{cursor:grabbing}.mb-block--up .mb-uptools{right:36px}.mb-block.is-dragging{opacity:.4}.mb-block.is-dragover{outline:2px dashed var(--c-primary);outline-offset:3px;border-radius:12px}.mb--shared .mb-drag{display:none}@media (max-width: 700px){.mb-drag{display:none}}.mb-readmore{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}.mb-readmore:hover{border-color:var(--ink);box-shadow:0 10px 26px #0000001a;transform:translateY(-2px)}.mb-readmore__ic{font-size:26px;flex:none}.mb-readmore__txt{display:flex;flex-direction:column;gap:2px}.mb-readmore__txt b{font-size:14.5px;font-weight:700}.mb-readmore__txt i{font-style:normal;font-size:12.5px;color:var(--ink-soft, #555)}@media (min-width: 701px) and (max-width: 1079px){.mb-layout{grid-template-columns:1fr;gap:20px}.mb-controls{max-width:640px}}.mb-modal__card{position:relative}.mb-modal__x{position:absolute;top:12px;right:14px;border:none;background:transparent;font-size:22px;line-height:1;color:var(--ink-faint, #888);cursor:pointer;padding:4px}.mb-share__link{display:flex;gap:8px;margin:12px 0 6px}.mb-share__link input{flex:1;min-width:0;padding:11px 12px;border:1px solid var(--card-line, var(--line));border-radius:11px;background:var(--bg);font-size:13px;color:var(--ink)}.mb-thanks__art{display:block;width:60px;height:60px;margin:0 auto 12px;border-radius:18px;background:conic-gradient(from 200deg,#5b6cff,#0fb8a6,#ff8a3d,#e76f9c,#5b6cff)}.mb-thanks__sign{text-align:center;margin:12px 0 0;font-style:italic;color:var(--ink-faint, #777)}.mb-postit{position:absolute;top:86px;right:34px;z-index:5;max-width:210px;padding:16px 16px 18px;background:#fff7b0;color:#3a3320;font-size:14px;line-height:1.45;box-shadow:0 14px 28px -10px #00000073;transform:rotate(2.6deg);border-radius:2px;font-family:var(--f-body, inherit)}.mb-postit__pin{position:absolute;top:-7px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:#e2574c;box-shadow:0 2px 5px #00000059}.mb-postit__txt{display:block}.mb--shared .mb-controls{display:none}.mb--shared .mb-layout{grid-template-columns:1fr}.mb--shared #mbReset,.mb--shared #mbShare,.mb--shared #mbExpand,.mb--shared #mbExport,.mb--shared .mb-type-edit,.mb--shared .mb-uptools{display:none}.mb-visit{position:relative;z-index:1;margin:26px auto 4px}.mb--shared .mb-visit{display:none}.mb-makeown{text-decoration:none}.mb--shared .mb-bgpick,.mb--shared .mb-canvasbar__lbl,.mb--shared .mb-random{display:none}.mb-chip-pick{display:inline-flex;align-items:center;gap:6px}.mb-stacklogo{flex:none;opacity:.8}.mb-chip-pick.is-on .mb-stacklogo{opacity:1}.mb-guidetoggle{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 12px;border:1px solid var(--card-line, var(--line));border-radius:999px;background:var(--bg);font-size:12px;font-weight:600;color:var(--ink-faint, #6b6b72);cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease)}.mb-guidetoggle:hover{color:var(--ink)}.mb-guidetoggle[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.mb-guide{display:none;font-size:11.5px;line-height:1.55;color:var(--ink-faint, #6b6b72);background:#80808014;border-left:2px solid var(--ink);padding:9px 11px;border-radius:0 9px 9px 0;margin:0 0 2px}.mb-controls.guide-on .mb-guide{display:block}.mb-makeown{display:none!important}.mb--shared.allow-dup .mb-makeown{display:inline-flex!important}.mb-device[data-platform=ios] .mb-ap__h{font-size:21px;font-weight:800;letter-spacing:-.02em}.mb-device[data-platform=ios] .mb-ap__list{gap:0;border-radius:13px;overflow:hidden;background:#80808014}.mb-device[data-platform=ios] .mb-ap__row{background:transparent;border-radius:0;border-bottom:1px solid rgba(128,128,128,.14)}.mb-device[data-platform=ios] .mb-ap__row:last-child{border-bottom:none}.mb-device[data-platform=ios] .mb-ap__cta{border-radius:999px}.mb-device[data-platform=ios] .mb-ap__rdot{border-radius:50%}.mb-ap__fab{position:absolute;right:16px;bottom:56px;width:44px;height:44px;border-radius:17px;background:var(--c-accent);color:var(--c-on-accent, #fff);border:none;font-size:24px;line-height:40px;text-align:center;box-shadow:0 8px 18px -5px #00000073;z-index:4;padding:0}.mb-device[data-platform=android] .mb-ap__cta{border-radius:8px;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:700}.mb-device[data-platform=android] .mb-ap__app{font-weight:600}.mb-device[data-platform=android] .mb-ap__rdot{border-radius:50%}.mb-device[data-platform=android] .mb-ap__stat{border-radius:14px}.mb-lock__art,.mb-thanks__art{background:linear-gradient(135deg,#ff5d8f,#ff9ac4 45%,#7c5cff);border-radius:0;box-shadow:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z'/%3E%3C/svg%3E") center/contain no-repeat}.mb-lock__sign{margin:2px 0 0;font-weight:600;color:var(--ink);letter-spacing:.01em}.mb input[list]::-webkit-calendar-picker-indicator{display:none!important}.mb input[list]{background-image:none}@media (min-width: 1080px){.mb-bar{margin-bottom:14px;gap:10px 24px}.mb-bar__ttl{font-size:clamp(1.9rem,2.8vw,2.4rem);margin-top:4px}.mb-bar__tag{margin-top:5px;font-size:.98rem}.mb-stagewrap,.mb-stagewrap[data-bg]{padding:16px}.mb-board{padding:13px 15px}.mb-board__grid{gap:12px 18px}.mb-board__head{margin-bottom:3px}.mb-board__desc{margin:0 0 8px;font-size:12px}.mb-sw2{min-height:60px}.mb-illus__svg{height:62px!important}.mb-block--stage .mb-stage{min-height:300px}.mb-label{margin-bottom:5px}.mb-iconset{margin-top:7px}}@media (min-width: 1080px){.mb-layout{align-items:start}.mb-controls{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.mb-controls::-webkit-scrollbar{width:7px}.mb-controls::-webkit-scrollbar-thumb{background:#80808059;border-radius:4px}.mb-board__grid{gap:11px 16px}.mb-block--stage .mb-stage{min-height:280px}.mb-iconset__row svg{width:15px;height:15px}}.mb-scheme{margin-bottom:4px}.mb[data-scheme=light] .mb-bg[data-bg=dark],.mb[data-scheme=dark] .mb-bg[data-bg=light],.mb[data-scheme=dark] .mb-bg[data-bg=soft],.mb[data-scheme=dark] .mb-bg[data-bg=grid]{display:none}.mb-board[data-accent=med] .mb-ap__av,.mb-board[data-accent=high] .mb-ap__av,.mb-board[data-accent=high] .mb-ap__row:first-child .mb-ap__rdot{background:var(--c-accent)}.mb-board[data-sec=high] .mb-ap__rdot{background:var(--c-secondary)}.mb-board[data-sec=high] .mb-ap__stat:nth-child(2){background:color-mix(in srgb,var(--c-secondary) 18%,var(--c-bg))}.mb-bar__l{max-width:720px}.mb-bar__tag{max-width:64ch;text-wrap:balance}.mb-block--up{position:relative}.mb-uptools{position:absolute;top:0;right:0;display:flex;gap:5px;opacity:.9;transition:opacity .2s var(--ease)}.mb-block--up:hover .mb-uptools,.mb-uptools:focus-within{opacity:1}.mb-upbtn,.mb-upclear{border:1px solid var(--tileln, rgba(0,0,0,.14));background:var(--tile, #fff);color:var(--bd-ink, #333);font:600 10.5px/1 inherit;padding:5px 9px;border-radius:8px;cursor:pointer;box-shadow:0 2px 7px #00000029}.mb-upbtn:hover,.mb-upclear:hover{transform:translateY(-1px)}.mb-upclear{width:24px;padding:5px 0;font-size:14px;text-align:center}.mb-upimg{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.mb-img--full{grid-column:1 / -1;aspect-ratio:16 / 7}.mb-img--full img{width:100%;height:100%;object-fit:cover}.mb--studio{padding-top:clamp(82px,11vh,120px)}.mb-bar__r{align-self:center;margin-top:0}.mb-device[data-device=iphone] .mb-screen,.mb-device[data-device=android] .mb-screen{min-height:396px}.mb-device[data-device=iphone],.mb-device[data-device=android]{max-height:100%}.mb-guide{color:#2b5e9e;background:#3c78d217;border-left:3px solid #4b89d6}html[data-theme=dark] .mb-guide{color:#a9cdff;background:#78aaff1f;border-left-color:#6aa0e6}.mb-notepreview{margin:2px 0 10px}.mb-postit--mini{position:static;display:inline-block;transform:rotate(-2deg);max-width:200px;padding:13px 15px;font-size:13px;margin:10px 0 4px 8px}.mb-notepreview__cap{font-size:11px;color:var(--ink-faint, #6b6b72);margin:4px 0 0}.mb-stagewrap:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:auto;padding:clamp(14px,2.5vh,34px)}.mb-stagewrap:fullscreen .mb-canvasbar{width:min(94vw,1500px)}.mb-stagewrap:fullscreen .mb-board{width:min(94vw,1500px);max-height:none}.mb-lovebtn .ico{color:#ff5d8f}.mb-hearts{position:fixed;inset:0;pointer-events:none;z-index:600;overflow:hidden}.mb-heart{position:fixed;transform:translate(-50%,-50%);will-change:transform,opacity;animation:mbHeartFloat 1.7s cubic-bezier(.2,.7,.3,1) forwards;filter:drop-shadow(0 4px 8px rgba(255,93,143,.35))}@keyframes mbHeartFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.15) rotate(var(--rot))}}@media (prefers-reduced-motion: reduce){.mb-heart{animation-duration:.6s}}.mb-love__card{text-align:center;max-width:430px}.mb-love__bighe{display:block;width:62px;height:62px;margin:2px auto 10px;background:linear-gradient(135deg,#ff5d8f,#ff9ac4 45%,#7c5cff);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21z'/%3E%3C/svg%3E") center/contain no-repeat}.mb-love__opts{display:flex;flex-direction:column;gap:10px;margin:16px 0 4px}.mb-love__opt{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--card-line, var(--line));border-radius:14px;background:var(--bg);cursor:pointer;text-decoration:none;color:var(--ink);transition:transform .2s var(--spring),border-color .2s var(--ease);font:inherit;text-align:left;width:100%}.mb-love__opt:hover{transform:translateY(-2px);border-color:var(--ink)}.mb-love__ic{font-size:22px;flex:none}.mb-love__t{display:flex;flex-direction:column}.mb-love__t b{font-size:14px}.mb-love__t i{font-style:normal;font-size:11.5px;opacity:.62;margin-top:2px}.mb-love__qr{margin-top:12px}.mb-love__qr img{width:240px;height:240px;max-width:78%;border-radius:16px;object-fit:contain;background:#fff;padding:12px;box-shadow:0 6px 22px #00000024;border:1px solid var(--line);cursor:zoom-in}.mb-love__qr.is-empty:before{content:"Drop your QR at /assets/support-qr.webp";display:block;padding:34px 16px;border:1px dashed var(--line);border-radius:13px;font-size:12px;opacity:.6}.qr-zoom{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0c0a08d1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:zoom-out;-webkit-tap-highlight-color:transparent;animation:qrZoomFade .18s ease both}.qr-zoom img{width:auto;height:auto;max-width:min(86vw,440px);max-height:86vh;border-radius:18px;background:#fff;padding:16px;box-shadow:0 30px 80px -20px #0009;cursor:zoom-out;animation:qrZoomPop .22s var(--spring, cubic-bezier(.34,1.4,.5,1)) both}.qr-zoom__hint{position:fixed;left:0;right:0;bottom:max(20px,env(safe-area-inset-bottom,20px));text-align:center;color:#ffffffd1;font-size:13px;letter-spacing:.2px;pointer-events:none}@keyframes qrZoomFade{0%{opacity:0}to{opacity:1}}@keyframes qrZoomPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.qr-zoom,.qr-zoom img{animation:none}}.mb-love__qrnote{display:block;font-size:11.5px;opacity:.62;margin-top:7px}.mb-love__idea{margin-top:12px;display:flex;flex-direction:column;gap:8px;text-align:left}.mb-love__idea textarea{width:100%;box-sizing:border-box;border:1px solid var(--card-line, var(--line));border-radius:11px;padding:10px 12px;font:inherit;font-size:14px;background:var(--bg);color:var(--ink)}.mb-love__idea[hidden],.mb-love__qr[hidden]{display:none!important}.mb-thanks__sign{color:var(--ink);opacity:.82;font-weight:500}.mb--shared .mb-bar__r,.mb--shared .mb-bar__tag{display:none}.mb-heart--rise{position:fixed;bottom:-44px;top:auto;transform:translate(0);animation:mbHeartRise var(--dur, 4s) linear forwards}@keyframes mbHeartRise{0%{transform:translate(0) rotate(0);opacity:0}12%{opacity:1}to{transform:translate(var(--drift,0),-106vh) rotate(35deg);opacity:0}}.mb-illus__svg{height:108px!important;width:100%;border-radius:10px;display:block}@media (min-width: 1080px){.mb-illus__svg{height:100px!important}}.mb-illus,.mb-block--up .mb-illus{min-height:100px}.mb-ap__tabs .mb-ap__nav{color:var(--c-text);opacity:.38}.mb-ap__tabs .mb-ap__nav.is-on{color:var(--c-primary);opacity:1}.mb-guidetoggle{color:#3a6fb0;border-color:#4b89d666}.mb-guidetoggle:hover{color:#2b5e9e}.mb-guidetoggle[aria-pressed=true]{background:#4b89d61f;color:#2b5e9e;border-color:#4b89d6}.mb-guidetoggle svg{color:#4b89d6}html[data-theme=dark] .mb-guidetoggle{color:#9ec5ff;border-color:#78aaff66}html[data-theme=dark] .mb-guidetoggle[aria-pressed=true]{background:#78aaff26;color:#cfe2ff;border-color:#6aa0e6}.mb-bar__r{gap:14px}.mb-bar__r .mb-view{margin-right:2px}@media (max-width: 760px){.mb-board__desc{font-size:13px;line-height:1.72;max-width:92%;padding:0 4px;text-wrap:pretty}}html[lang=th] .mb-board__desc{line-break:loose;word-break:normal;text-wrap:pretty}html.is-shared-view .hud__right{display:none!important}.mb-dupopt{display:flex;align-items:flex-start;gap:11px;margin:4px 0 14px;padding:12px 13px;border:1px solid var(--card-line, var(--line));border-radius:13px;background:#8080800d;cursor:pointer}.mb-dupopt input{margin-top:2px;width:17px;height:17px;flex:none;accent-color:var(--ink);cursor:pointer}.mb-dupopt__txt{display:flex;flex-direction:column;gap:2px}.mb-dupopt__txt b{font-size:13.5px;font-weight:600;color:var(--ink)}.mb-dupopt__txt i{font-style:normal;font-size:11.5px;line-height:1.45;color:var(--ink-faint, #6b6b72)}#mbUpModal .mb-modal__card{text-align:center}.mb-up__ic{display:block;font-size:34px;margin:2px 0 6px}.mb-up__tips{list-style:none;margin:14px 0 18px;padding:0;display:flex;flex-direction:column;gap:9px;text-align:left}.mb-up__tips li{position:relative;padding-left:24px;font-size:13px;line-height:1.5;color:var(--ink-soft)}.mb-up__tips li:before{content:"✓";position:absolute;left:0;top:0;font-weight:700;color:#3a9b6a}#mbUpChoose{display:block;width:100%}.mb-up__preview{margin:12px 0 4px}.mb-up__fit{display:block;font-size:11px;opacity:.62;margin-top:8px}.mb-up__actions{display:flex;gap:8px;justify-content:center}.mb-block--up.is-drag{outline:2px dashed var(--c-primary);outline-offset:3px;border-radius:12px}.mb-block--up.is-drag:after{content:"⬇";position:absolute;inset:0;display:grid;place-items:center;font-size:26px;color:var(--c-primary);background:#5b6cff1a;border-radius:12px;pointer-events:none;z-index:3}.mb-illus .mb-upimg{width:100%;height:100%;object-fit:cover}.cv-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.cv-list li{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--line);border-radius:14px}.cv-list li b{font-weight:700}.cv-list li span{font-size:14px;opacity:.72}.cv-fill{font-size:12px;opacity:.55;margin:8px 0 0;font-style:italic}.mb-board__foot{opacity:1;align-items:baseline;justify-content:space-between;gap:8px 16px}.mb-board__foot .mb-stacktags{margin-bottom:0;flex:0 1 auto}.mb-board__foot .mb-notes-out{flex:1 1 200px;min-width:160px;text-align:center;opacity:.6}.mb-board__foot #mbSig{flex:0 0 auto;margin-left:auto;opacity:.42;font-size:11px;letter-spacing:.02em;white-space:nowrap}.mb-board__foot:empty,.mb-board__foot .mb-stacktags:empty{display:none}.mb-type-p{font-family:var(--f-body);font-size:.82rem;line-height:1.62;color:var(--c-text);opacity:.66;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mb-typebox .mb-type-p{color:var(--c-text)}.mb-type-p[contenteditable]{outline:none;cursor:text;border-radius:4px;overflow-wrap:anywhere}.mb-type-p[contenteditable]:focus{box-shadow:0 0 0 2px #5b6cff66;-webkit-line-clamp:unset}.mb-patterns{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mb-pat{width:100%;height:auto;aspect-ratio:1.35 / 1;border-radius:9px;border:1px solid rgba(0,0,0,.08)}.mb-pat--cross{background:repeating-linear-gradient(45deg,var(--c-primary) 0 1.5px,transparent 1.5px 9px),repeating-linear-gradient(-45deg,var(--c-primary) 0 1.5px,var(--c-bg) 1.5px 9px)}.mb-pat--chevron{background:linear-gradient(135deg,var(--c-secondary) 25%,transparent 25%) -7px 0,linear-gradient(225deg,var(--c-secondary) 25%,transparent 25%) -7px 0,linear-gradient(315deg,var(--c-secondary) 25%,transparent 25%),linear-gradient(45deg,var(--c-secondary) 25%,transparent 25%);background-size:14px 14px;background-color:var(--c-bg)}.mb-pat--tri{background:linear-gradient(45deg,var(--c-accent) 50%,var(--c-bg) 50%);background-size:12px 12px}.mb-pat--wave{background:radial-gradient(circle at 50% 120%,transparent 40%,var(--c-primary) 41% 50%,transparent 51%) 0 0 / 16px 16px,var(--c-bg)}.mb-pat--scale{background:radial-gradient(circle at 50% 0,var(--c-secondary) 30%,transparent 32%) 0 0 / 14px 14px,radial-gradient(circle at 50% 0,var(--c-secondary) 30%,transparent 32%) 7px 7px / 14px 14px,var(--c-bg)}.mb-upbtn{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:6px 11px;font-size:11px}.mb-upbtn__i{flex:none;opacity:.85}.mb-upclear{width:30px;min-height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1}.mb-board[data-mode=general] .mb-block--uionly{display:none}.mb-modal__actions--center{justify-content:center}.mb-modal__actions .btn{min-height:44px;padding:.55rem 1.25rem}#mbRvDone{text-align:center}.mb-thanks__art--sent{filter:hue-rotate(0deg)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.mb-tab__btn,.mb-seg__btn,.mb-ratio,.mb-info,.mb-actbtn,.mb-iconbtn,.mb-key,.mb-stacktag,.mb-love__opt,.mb-guidetoggle,.mb-lovebtn,.mb-random,.mb-bg,.mb-sw,.mb-upbtn,.mb-upclear,.mb-sw2{transition:transform .18s var(--spring, cubic-bezier(.2,.8,.2,1)),box-shadow .18s var(--ease, ease),border-color .18s ease,background-color .18s ease}.mb-info:hover{transform:translateY(-1px) scale(1.08)}.mb-key:hover,.mb-stacktag:hover{transform:translateY(-1px)}.mb-actbtn:hover,.mb-iconbtn:hover,.mb-guidetoggle:hover,.mb-lovebtn:hover,.mb-random:hover{transform:translateY(-1.5px)}.mb-love__opt:hover{transform:translateY(-2px)}.mb-bg:hover{transform:scale(1.12)}.mb-sw:hover,.mb-upbtn:hover,.mb-upclear:hover{transform:translateY(-1.5px)}.mb-sw2:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000024}.mb-tab__btn:hover:not(.is-on),.mb-seg__btn:hover:not(.is-on),.mb-ratio:hover:not(.is-on){transform:translateY(-1px)}}.mb-offline{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:24px;background:#14141a6b;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.mb-offline[hidden]{display:none}.mb-offline__card{max-width:420px;width:100%;text-align:center;padding:34px 30px;border-radius:22px;border:1px solid var(--line)}.mb-offline__art{font-size:46px;display:block;line-height:1;margin-bottom:14px;animation:mbOffFloat 3.4s ease-in-out infinite}@keyframes mbOffFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.mb-offline__h{font-size:1.45rem;margin:0 0 10px;letter-spacing:-.02em}.mb-offline__p{font-size:.96rem;line-height:1.6;color:var(--ink-soft, #555);margin:0 0 14px}.mb-offline__hint{font-size:.85rem;opacity:.7;margin:0 0 18px}.mb-offline__sign{font-size:.9rem;opacity:.8;margin:0}@media (prefers-reduced-motion: reduce){.mb-offline__art{animation:none}}.nf{min-height:64vh;display:grid;place-items:center;padding:40px 20px}.nf-card{max-width:480px;width:100%;text-align:center;padding:44px 34px;border-radius:26px;border:1px solid var(--line)}.nf-art{font-size:46px;display:block;line-height:1}.nf-code{display:block;font-weight:800;letter-spacing:.06em;font-size:14px;opacity:.42;margin:10px 0 6px}.nf-h{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:0 0 12px;letter-spacing:-.02em}.nf-p{font-size:1rem;line-height:1.65;color:var(--ink-soft, #555);margin:0 0 24px}.nf-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:22px}.nf-sign{font-size:.92rem;opacity:.78;margin:0}.mb-bar__tag{color:#585c64}.mb-board__desc{opacity:.74}.mb-board__foot .mb-notes-out{opacity:.72}.mb-board__foot #mbSig{opacity:.66}.mb-rem{opacity:.62}.mb-sw span{opacity:1}.mb-iconset__desc{opacity:.72}.mb-type-edit{opacity:.7}.mb-page .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.6 6 6.4 11 1.6' fill='none' stroke='%238a8a90' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;background-size:11px 8px!important;padding-right:34px}html[data-theme=dark] .mb-page .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.6 6 6.4 11 1.6' fill='none' stroke='%23b9b9c2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}.mb-bar__sep{display:inline-block;width:1px;height:24px;background:var(--line);margin:0 5px;align-self:center;flex:none}.mb-view-wrap{display:inline-flex;align-items:center;gap:7px}.mb-view__lbl{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint, #8a8a90)}.mb-view .mb-seg__btn{display:inline-flex;align-items:center;justify-content:center}.mb-bar__r .mb-random.btn--solid{font-weight:600}.mb-board__title[contenteditable]{cursor:text;outline:none;border-radius:6px;padding:2px 6px;margin-left:-6px;transition:box-shadow .18s ease,background-color .18s ease}.mb-board__title[contenteditable]:hover{background:#80808012}.mb-board__title[contenteditable]:focus{box-shadow:0 0 0 2px #5b6cff66;background:#5b6cff0d}.mb--shared .mb-board__title[contenteditable]{cursor:default}.mb--shared .mb-board__title[contenteditable]:hover{background:none}.mb-board__title{line-height:1.2;padding-block:.05em}html[lang=th] .mb-board__title{line-height:1.34}.mb-board__desc{text-align:center;margin-left:auto;margin-right:auto}.mb-controls[data-mode=general] .mb-stack,.mb-board[data-mode=general] .mb-stacktags{display:none}.mb-stagewrap:fullscreen{justify-content:safe center}.mb--expanded .mb-stagewrap{align-items:center;justify-content:center}.mb-exportwrap{position:relative;display:inline-flex}.mb-caret{margin-left:4px;opacity:.7}#mbExport[aria-expanded=true] .mb-caret{transform:rotate(180deg)}.mb-exportmenu{position:absolute;top:calc(100% + 7px);right:0;z-index:40;min-width:232px;padding:6px;border-radius:14px;background:var(--card-bg, #fff);border:1px solid var(--line);box-shadow:0 14px 40px #0000002e;display:flex;flex-direction:column;gap:1px}.mb-exportmenu[hidden]{display:none}html[data-theme=dark] .mb-exportmenu{background:#1c1e26}.mb-exitem{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:0;border-radius:9px;background:none;color:var(--ink);font:600 12.5px/1.2 inherit;text-align:left;cursor:pointer;transition:background-color .15s ease}.mb-exitem:hover,.mb-exitem:focus-visible{background:#8080801f;outline:none}.mb-exitem__i{flex:none;width:20px;text-align:center;font-size:14px;opacity:.9}.mb-exportmenu__sep{height:1px;background:var(--line);margin:5px 4px}.mb-start{margin-bottom:14px;padding:14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#5b6cff12,#5b6cff05)}.mb-start[hidden]{display:none}.mb-start__lead{margin:0 0 11px;font-size:13px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:7px}.mb-start__cue{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:12px;font-weight:700;animation:mbCue 1.5s ease-in-out infinite}@keyframes mbCue{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(3px);opacity:1}}.mb-start__opts{display:flex;flex-direction:column;gap:7px}.mb-start__opt{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:600 13px/1.2 inherit;text-align:left;cursor:pointer;transition:transform .18s var(--spring),border-color .18s var(--ease),box-shadow .18s var(--ease)}.mb-start__opt:hover{transform:translateY(-1.5px);border-color:var(--ink);box-shadow:0 5px 16px #00000014}.mb-start__ic{font-size:17px;flex:none}.mb-start__skip{display:block;margin:10px auto 0;padding:4px 8px;border:0;background:none;color:var(--ink-faint, #6b6b72);font:600 11.5px/1 inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.mb-start__skip:hover{color:var(--ink)}.mb-flash{animation:mbFlash 1.6s ease;border-radius:10px}@keyframes mbFlash{0%,to{box-shadow:0 0 #5b6cff00}18%,60%{box-shadow:0 0 0 3px #5b6cff73}}@media (prefers-reduced-motion: reduce){.mb-start__cue{animation:none}.mb-flash{animation:none;box-shadow:0 0 0 3px #5b6cff66}}.mb-imgs{grid-template-columns:repeat(2,1fr)}.mb-img--tint{position:relative}.mb-img__tint{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,var(--c-primary),var(--c-accent));opacity:.24;mix-blend-mode:soft-light}html[data-theme=dark] .mb-img__tint,.mb-board[data-view=dark] .mb-img__tint{mix-blend-mode:screen;opacity:.2}.mb-skeleton{display:none}.mb-booting .mb-skeleton{display:block;position:absolute;inset:0;z-index:6;padding:clamp(20px,3vw,40px);background:var(--bd-paper, #fff);border-radius:inherit}.mb-booting .mb-board{visibility:hidden}.mb-booting .mb-stagewrap,.mb-stagewrap{position:relative}.mb-sk{display:block;border-radius:9px;background:linear-gradient(100deg,#8080801a 30%,#80808033,#8080801a 70%);background-size:200% 100%;animation:mbSkShimmer 1.25s ease-in-out infinite}.mb-sk--title{width:46%;height:30px;margin:4px auto 14px}.mb-sk--desc{width:64%;height:13px;margin:0 auto 22px}.mb-sk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mb-sk--tile{height:120px}@keyframes mbSkShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.mb-sk{animation:none}}.mb-platseg{display:inline-flex;align-self:flex-start;width:max-content;gap:2px;margin:1px 0 9px;padding:2px;border-radius:999px;border:1px solid var(--bd-line, rgba(0,0,0,.12));background:var(--tile, rgba(128,128,128,.08))}.mb-platseg button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:62px;border:0;background:none;color:var(--bd-ink);opacity:.55;font-family:inherit;font-weight:600;font-size:10.5px;line-height:1;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background-color .18s ease,opacity .18s ease,color .18s ease}.mb-platseg button span[aria-hidden]{font-size:11px}.mb-platseg button.is-on{background:var(--c-primary);color:#fff;opacity:1}.mb-board[data-mode=general] .mb-platseg{display:none}.mb-ap__nav,.mb-dash__nav,.mb-ap__navbar>span,.mb-ap__cta,.mb-dash__cta,.mb-cardm__btn,.mb-ap__fab,.mb-ap__row,.mb-dash__li{cursor:pointer}.mb-ap__cta,.mb-dash__cta,.mb-cardm__btn,.mb-ap__fab{transition:transform .12s var(--spring),filter .18s ease}.mb-ap__cta.is-press,.mb-dash__cta.is-press,.mb-cardm__btn.is-press,.mb-ap__fab.is-press{animation:mbPress .32s ease}@keyframes mbPress{40%{transform:scale(.93);filter:brightness(.92)}to{transform:scale(1)}}.mb-ap__row,.mb-dash__li{transition:background-color .15s ease,transform .12s ease}.mb-ap__row.is-sel,.mb-dash__li.is-sel{background:#80808c29}.mb-ap__nav,.mb-dash__nav{transition:opacity .15s ease,transform .15s ease}@media (prefers-reduced-motion: reduce){.mb-ap__cta.is-press,.mb-dash__cta.is-press,.mb-cardm__btn.is-press,.mb-ap__fab.is-press{animation:none}}.mb-resources{position:relative;z-index:1;max-width:1180px;margin:44px auto 0;padding-top:30px;border-top:1px solid var(--line)}.mb--shared .mb-resources{display:none}.mb-res__head{text-align:center;margin-bottom:22px}.mb-res__head .room__tag{margin-bottom:12px}.mb-res__h{font-family:var(--display, inherit);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:-.01em;margin:0 0 6px}.mb-res__sub{margin:0 auto;max-width:56ch;font-size:14px;line-height:1.6;color:var(--ink-soft, #555)}.mb-res__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}.mb-res__card,.mb-starter,.mb-starter__body{min-width:0}.mb-res__card{padding:18px clamp(16px,1.8vw,22px);border-radius:18px;border:1px solid var(--line);background:var(--card-bg, #fff)}.mb-res__side{display:flex;flex-direction:column;gap:18px}.mb-res__taglbl,.mb-res__tipl{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint, #888);margin-bottom:9px}.mb-res__tips ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.mb-res__tips li{font-size:13px;line-height:1.55;color:var(--ink-soft, #555)}.mb-res__tipl span[aria-hidden]{-webkit-text-fill-color:initial}@media (max-width: 860px){.mb-res__grid{grid-template-columns:1fr}}.mb-res__grid:has(>.mb-starter[hidden]){grid-template-columns:1fr;max-width:640px;margin:0 auto}.mb-starter{display:block}.mb-starter[hidden]{display:none}.mb-starter__h{font-size:1.1rem;margin:0 0 4px;display:flex;align-items:center;gap:8px}.mb-starter__sub{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--ink-soft, #555)}.mb-starter__tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mb-starter__tab{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink-soft);font-family:inherit;font-weight:600;font-size:12px;line-height:1;cursor:pointer;transition:color .18s,border-color .18s,background-color .18s,transform .18s var(--spring)}.mb-starter__tab:hover{transform:translateY(-1px);color:var(--ink)}.mb-starter__tab.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.mb-starter__sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}.mb-starter__sub[hidden]{display:none}.mb-starter__sublbl{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint, #888);margin-right:4px}.mb-starter__chip{padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink-soft);font-family:inherit;font-weight:600;font-size:11.5px;line-height:1;cursor:pointer;transition:color .18s,border-color .18s,background-color .18s,transform .18s var(--spring)}.mb-starter__chip:hover{transform:translateY(-1px);color:var(--ink)}.mb-starter__chip.is-on{background:var(--c-primary, #5b6cff);color:#fff;border-color:transparent}.mb-starter__body{position:relative}.mb-starter__code{margin:0;padding:16px;border-radius:13px;background:#14161d;color:#e7e9f0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow:auto;max-height:340px;white-space:pre;-webkit-overflow-scrolling:touch}.mb-starter__copy{position:absolute;top:10px;right:10px;padding:6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#ffffff1a;color:#fff;font-family:inherit;font-weight:600;font-size:11.5px;line-height:1;cursor:pointer;transition:background-color .18s,transform .18s var(--spring)}.mb-starter__copy:hover{background:#fff3;transform:translateY(-1px)}.mb-board[data-mode=general] .mb-board__grid{display:block;columns:2;column-gap:clamp(16px,2vw,26px)}.mb-board[data-mode=general] .mb-board__grid>.mb-block{break-inside:avoid;-webkit-column-break-inside:avoid;display:flow-root;margin:0 0 clamp(16px,2vw,26px);padding:14px;border:1px solid var(--bd-line, rgba(0,0,0,.08));border-radius:16px;background:var(--tile, rgba(128,128,128,.04))}.mb-board[data-mode=general] .mb-block--stage{padding:0;border:0;background:none}.mb-board[data-mode=general] .mb-board__grid>.mb-block--uionly{display:none}@media (max-width: 700px){.mb-board[data-mode=general] .mb-board__grid{columns:1}}.madeby{font-size:12.5px;color:var(--ink-soft);text-align:center;letter-spacing:.01em}.madeby__heart{display:inline-block;animation:madeby-beat 1.7s var(--ease) infinite}@keyframes madeby-beat{0%,to{transform:scale(1)}14%{transform:scale(1.22)}28%{transform:scale(1)}}.mb-madeby{margin:14px 0 8px}@media (prefers-reduced-motion: reduce){.madeby__heart{animation:none}}.mb-fontchips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.mb-fontchip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.1;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,currentColor 5%,transparent);color:inherit;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.mb-fontchip:hover{border-color:var(--c-primary, #5b6cff)}.mb-fontchip.is-on{background:var(--c-primary, #5b6cff);color:#fff;border-color:transparent}.mb-field input.mb-fontinput{font-size:14px;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.6 6 6.4 11 1.6' fill='none' stroke='%23888' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.mb-fonthint{margin-top:9px}.mb-fontgrid .mb-field .mb-fontchips{display:none;margin-top:6px;padding:9px;border:1px solid var(--card-line, var(--line));border-radius:11px;background:var(--bg, #fff);box-shadow:0 10px 24px #0000001f}.mb-fontgrid .mb-field.is-fontopen .mb-fontchips{display:flex;max-height:280px;overflow-y:auto;align-content:flex-start;scrollbar-width:thin;overscroll-behavior:contain}.mb-fontgrid .mb-field.is-fontopen .mb-fontchips::-webkit-scrollbar{width:8px}.mb-fontgrid .mb-field.is-fontopen .mb-fontchips::-webkit-scrollbar-thumb{background:var(--line, rgba(0,0,0,.18));border-radius:8px}.mb-fontgrid .mb-field.is-fontopen .mb-fontlbl{display:none}.mb-fontgrid .mb-field.is-fontopen .mb-fontinput{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 6.4 6 1.6 11 6.4' fill='none' stroke='%235b6cff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.mb-fontlbl{display:block;font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--ink-faint, #888);margin:7px 0 1px}.mb-subhead{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint, #888);margin:18px 0 -2px}.mb-online{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;color:var(--ink-faint);margin:12px 0 0}.mb-online b{color:var(--ink);font-weight:700}.mb-online__dot{width:8px;height:8px;border-radius:50%;background:#2bbf5b;box-shadow:0 0 #2bbf5b80;animation:mb-online-pulse 1.8s ease-out infinite}@keyframes mb-online-pulse{0%{box-shadow:0 0 #2bbf5b80}70%{box-shadow:0 0 0 7px #2bbf5b00}to{box-shadow:0 0 #2bbf5b00}}@media (prefers-reduced-motion: reduce){.mb-online__dot{animation:none}}button.mb-ver{border:0;cursor:pointer;font-family:inherit;transition:transform .12s var(--ease)}button.mb-ver:hover{transform:translateY(-1px)}.mb-whatsnew{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#0a08068c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mb-whatsnew[hidden]{display:none}.mb-whatsnew__card{position:relative;width:100%;max-width:460px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:26px 26px 22px}.mb-whatsnew__x{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);font-size:19px;line-height:1;cursor:pointer}.mb-whatsnew__pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 9px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#ff5d8f,#7c5cff)}.mb-whatsnew__pill .mb-whatsnew__heart{font-size:11px}.mb-whatsnew__h{font-size:1.3rem;font-weight:700;margin:12px 0 4px}.mb-whatsnew__date{font-size:12px;color:var(--ink-faint);margin:0 0 14px}.mb-whatsnew__p{color:var(--ink-soft);font-size:14px;line-height:1.6;margin:0 0 14px}.mb-whatsnew__list{margin:0;padding-left:0;display:flex;flex-direction:column;gap:11px}.mb-whatsnew__list li{display:flex;align-items:flex-start;gap:10px;list-style:none;font-size:13.5px;line-height:1.55;color:var(--ink)}.mb-whatsnew__ic{flex:none;width:20px;text-align:center;font-size:15px;line-height:1.5}.mb-whatsnew__sign{margin:16px 0 0;font-size:13px;color:var(--ink-faint);font-style:italic;text-align:right}.mb-biz__txt{font-size:13px;line-height:1.6;color:var(--ink-soft);margin:0 0 12px;white-space:pre-line}.mb-biz__copy{font:inherit;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:border-color .15s}.mb-biz__copy:hover{border-color:var(--c-primary, #5b6cff)}.mb-foot{margin-top:30px;padding-top:22px;padding-bottom:8px;border-top:1px solid var(--line);transform:translateZ(0)}.mb-trenddesc:empty{display:none}.mb-new{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.06em;line-height:1;padding:3px 5px;border-radius:5px;vertical-align:middle;margin-left:5px;color:#fff;background:linear-gradient(90deg,#ff5d8f,#7c5cff)}.mb-starter__aihint{flex-basis:100%;width:100%;font-size:12.5px;color:var(--ink-soft);line-height:1.5;margin:0 0 4px}.mb-starter__sub .mb-starter__sublbl{flex-basis:100%;margin:2px 0}@property --c-primary{syntax: "<color>"; inherits: true; initial-value: #5b6cff;}@property --c-secondary{syntax: "<color>"; inherits: true; initial-value: #0fb8a6;}@property --c-accent{syntax: "<color>"; inherits: true; initial-value: #ff8a3d;}@property --c-bg{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --c-text{syntax: "<color>"; inherits: true; initial-value: #1f2330;}.mb-board{transition:--c-primary .45s var(--ease),--c-secondary .45s var(--ease),--c-accent .45s var(--ease),--c-bg .45s var(--ease),--c-text .45s var(--ease)}.mb-sw.is-changed input[type=color]{animation:mbSwPulse .55s var(--ease)}@keyframes mbSwPulse{0%{transform:scale(1);box-shadow:0 0 #5b6cff00}35%{transform:scale(1.09);box-shadow:0 0 0 5px #5b6cff33}to{transform:scale(1);box-shadow:0 0 #5b6cff00}}button.mb-pat{padding:0;cursor:pointer;font:inherit;transition:transform .25s var(--spring),box-shadow .2s var(--ease),outline-color .15s;outline:2px solid transparent;outline-offset:2px}button.mb-pat.is-on{outline-color:var(--accent, #5b6cff);box-shadow:0 5px 14px #00000029;transform:translateY(-1px)}.mb-board{position:relative}.mb-board>*{position:relative;z-index:1}.mb-board:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:0;background-repeat:repeat}.mb-board[data-pattern]:not([data-pattern=none]):before{opacity:.11;animation:mbPatIn .5s var(--ease)}@keyframes mbPatIn{0%{opacity:0}to{opacity:.11}}.mb-board[data-pattern=dots]:before{background-image:radial-gradient(var(--c-primary) 22%,transparent 24%);background-size:18px 18px}.mb-board[data-pattern=stripe]:before{background-image:repeating-linear-gradient(45deg,var(--c-secondary) 0 6px,transparent 6px 15px)}.mb-board[data-pattern=grid]:before{background-image:linear-gradient(var(--c-accent) 1.4px,transparent 1.4px),linear-gradient(90deg,var(--c-accent) 1.4px,transparent 1.4px);background-size:26px 26px}.mb-board[data-pattern=cross]:before{background-image:repeating-linear-gradient(45deg,var(--c-primary) 0 1.6px,transparent 1.6px 14px),repeating-linear-gradient(-45deg,var(--c-primary) 0 1.6px,transparent 1.6px 14px)}.mb-board[data-pattern=chevron]:before{background-image:linear-gradient(135deg,var(--c-secondary) 25%,transparent 25%),linear-gradient(225deg,var(--c-secondary) 25%,transparent 25%);background-size:22px 22px}.mb-board[data-pattern=tri]:before{background-image:linear-gradient(45deg,var(--c-accent) 50%,transparent 50%);background-size:18px 18px}.mb-board[data-pattern=wave]:before{background-image:radial-gradient(circle at 50% 120%,transparent 40%,var(--c-primary) 41% 50%,transparent 51%);background-size:24px 24px}.mb-board[data-pattern=scale]:before{background-image:radial-gradient(circle at 50% 0,var(--c-secondary) 30%,transparent 32%),radial-gradient(circle at 50% 0,var(--c-secondary) 30%,transparent 32%);background-size:22px 22px;background-position:0 0,11px 11px}.mb-img{position:relative;overflow:hidden;background-color:#0000000d}.mb-img:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,transparent 18%,rgba(255,255,255,.6) 50%,transparent 82%);background-size:220% 100%;animation:mbShimmer 1.25s infinite linear}.mb-img>img{position:relative;z-index:1}.mb-img.is-loaded:after,.mb-img.is-empty:after{display:none}@keyframes mbShimmer{to{background-position:-220% 0}}.mb-stage .is-swap{animation:mbSwap .42s var(--ease)}@keyframes mbSwap{0%{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.mb-board{transition:none}.mb-sw.is-changed input[type=color],.mb-img:after,.mb-stage .is-swap,.mb-board[data-pattern]:not([data-pattern=none]):before{animation:none}}@media (min-width: 561px) and (max-width: 1079px){.mb-board__grid{grid-template-columns:1fr 1fr;grid-template-areas:none;gap:13px}.mb-board__grid>.mb-block{grid-column:auto;grid-row:auto}.mb-board__grid>.mb-block--palette,.mb-board__grid>.mb-block--stage{grid-column:1 / -1}.mb-block--stage .mb-stage{min-height:300px}}@media (max-width: 560px){.mb-board__grid{grid-template-columns:1fr;grid-template-areas:none;gap:12px}.mb-board__grid>.mb-block{grid-column:auto;grid-row:auto}}.mb-device[data-device=widget],.mb-device[data-device=widget-android]{width:252px;max-height:100%;background:#0f1116;border-radius:38px;padding:9px;box-shadow:0 22px 44px -14px #00000080,inset 0 0 0 2px #ffffff0f}.mb-device[data-device=widget-android]{border-radius:30px}.mb-device[data-device=widget] .mb-screen,.mb-device[data-device=widget-android] .mb-screen{border-radius:30px;overflow:hidden;min-height:472px;padding:30px 12px 14px;width:auto;height:auto;display:flex;flex-direction:column;gap:12px;font-family:var(--f-body);background:linear-gradient(172deg,var(--c-primary) 0%,var(--c-secondary) 58%,var(--c-accent) 135%);color:var(--c-on-primary, #fff)}.mb-device[data-device=widget-android] .mb-screen{border-radius:22px}.mb-screen--home .mb-ap__status{color:inherit;opacity:.95}.mb-wg{background:var(--c-bg);color:var(--c-text);border-radius:max(14px,calc(var(--bd-radius, 14px) * 1.4));padding:11px 12px;box-shadow:0 10px 24px -10px #00000059}.mb-wg--med{display:flex;flex-direction:column;gap:7px}.mb-wg__head{display:flex;align-items:center;gap:7px}.mb-wg__ic{width:20px;height:20px;border-radius:6px;background:var(--c-primary);flex:none}.mb-wg__app{font-family:var(--f-head);font-weight:700;font-size:11.5px;flex:1}.mb-wg__time{font-size:9px;opacity:.55}.mb-wg__h{font-family:var(--f-head);font-weight:700;font-size:13.5px;line-height:1.25;margin:0}.mb-wg__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mb-wg__stat{background:#80808024;border-radius:9px;padding:6px 4px;text-align:center}.mb-wg__stat b{display:block;font-family:var(--f-head);font-size:11.5px}.mb-wg__stat i{font-style:normal;font-size:7.5px;opacity:.6}.mb-wg__stat--a{background:var(--c-primary)}.mb-wg__stat--a b,.mb-wg__stat--a i{color:var(--c-on-primary, #fff);opacity:1}.mb-wg__pair{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mb-wg--sm{aspect-ratio:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px}.mb-wg__big{font-family:var(--f-head);font-size:21px;line-height:1}.mb-wg__cap{font-style:normal;font-size:9px;opacity:.62}.mb-wg--tint{background:var(--c-primary);color:var(--c-on-primary, #fff)}.mb-wg--tint .mb-wg__cap{opacity:.85}.mb-wg__ring{width:22px;height:22px;border-radius:50%;border:3px solid currentColor;border-right-color:transparent;opacity:.9;transform:rotate(-40deg)}.mb-wghome__apps{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;gap:14px 10px;margin-top:4px}.mb-wghome__app{width:34px;height:34px;border-radius:10px;background:#ffffff47;box-shadow:inset 0 0 0 1px #ffffff29,0 1px 2px #00000014}.mb-wghome__dock{margin-top:auto;display:flex;justify-content:space-around;align-items:center;background:#fff3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:22px;padding:8px}.mb-wghome__dock span{width:34px;height:34px;border-radius:10px;background:#ffffff57;box-shadow:inset 0 0 0 1px #ffffff24}.mb-screen--droid .mb-wg{border-radius:max(22px,calc(var(--bd-radius, 14px) * 1.7))}.mb-screen--droid .mb-wg__ic{border-radius:50%}.mb-screen--droid .mb-wg__stat{border-radius:999px}.mb-screen--droid .mb-wg--round{border-radius:50%;align-items:center;justify-content:center;text-align:center;gap:3px}.mb-screen--droid .mb-wg--round .mb-wg__ring{width:18px;height:18px;border-width:2.5px}.mb-screen--droid .mb-wghome__app{border-radius:50%}.mb-wghome__search{margin-top:auto;display:flex;align-items:center;gap:9px;background:var(--c-bg);border-radius:999px;padding:11px 15px;box-shadow:0 10px 24px -10px #00000059}.mb-wghome__g{width:16px;height:16px;border-radius:50%;background:var(--c-primary);flex:none}.mb-wghome__q{flex:1;height:6px;border-radius:999px;background:#80808047}.mb-wghome__mic{width:13px;height:13px;border-radius:50%;background:var(--c-accent);flex:none}.mb-board[data-trend=flat] .mb-wg{box-shadow:none}.mb-board[data-trend=glass] .mb-wg:not(.mb-wg--tint){background:color-mix(in srgb,var(--c-bg) 72%,transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:inset 0 0 0 1px #ffffff47,0 10px 24px -10px #0000004d}.mb-board[data-trend=bento] .mb-wg__pair,.mb-board[data-trend=bento] .mb-wg__stats{gap:13px}.tw-consent{position:fixed;z-index:90;left:clamp(12px,4vw,24px);right:auto;bottom:clamp(12px,4vw,24px);width:min(340px,calc(100vw - 24px));padding:13px 15px 12px;border-radius:15px;display:flex;flex-direction:column;gap:9px;animation:menuIn .3s var(--ease)}.tw-consent__title{font-family:var(--display);font-weight:700;font-size:.92rem;letter-spacing:-.01em}.tw-consent__body{color:var(--ink-soft);font-size:.8rem;line-height:1.45;margin-top:2px}.tw-consent__link{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}.tw-consent__opts{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}.tw-consent__opts[hidden]{display:none}.tw-consent__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tw-consent__rowtxt{display:flex;flex-direction:column;min-width:0}.tw-consent__rowtxt b{font-size:.9rem;font-weight:600;color:var(--ink)}.tw-consent__rowtxt i{font-style:normal;font-size:.78rem;color:var(--ink-faint);line-height:1.4;margin-top:1px}.tw-consent__pill{flex:none;font-size:.72rem;font-weight:600;color:var(--ink-faint);background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:999px;padding:3px 10px}.tw-consent__sw{flex:none;appearance:none;-webkit-appearance:none;width:40px;height:23px;border-radius:999px;background:color-mix(in srgb,var(--ink) 20%,transparent);position:relative;cursor:pointer;transition:background .2s var(--ease)}.tw-consent__sw:after{content:"";position:absolute;top:2.5px;left:2.5px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s var(--ease)}.tw-consent__sw:checked{background:var(--ok, #2c9c5e)}.tw-consent__sw:checked:after{transform:translate(17px)}.tw-consent__sw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tw-consent__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tw-consent__spacer{flex:1 1 auto}.tw-consent__btn{font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;border-radius:999px;padding:7px 13px;border:1px solid transparent;transition:transform .15s var(--ease),background .2s,border-color .2s}.tw-consent__btn:hover{transform:translateY(-1px)}.tw-consent__btn--accept{background:var(--solid-bg);color:var(--solid-fg)}.tw-consent__btn--reject{background:transparent;color:var(--ink);border-color:var(--line)}.tw-consent__btn--reject:hover{border-color:var(--ink-faint)}.tw-consent__btn--ghost{background:transparent;color:var(--ink-soft);padding:9px 6px}.tw-consent__btn--ghost:hover{color:var(--ink);transform:none;text-decoration:underline;text-underline-offset:3px}.tw-consent-foot{cursor:pointer}@media (max-width: 480px){.tw-consent{left:8px;right:8px;width:auto;bottom:8px}.tw-consent__spacer{display:none}.tw-consent__actions{gap:8px}.tw-consent__btn--reject,.tw-consent__btn--accept{flex:1 1 auto;text-align:center}}@media (prefers-reduced-motion: reduce){.tw-consent{animation:none}}.art-support{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;margin:clamp(30px,4.5vw,44px) 0 8px;padding-top:clamp(24px,3.5vw,32px);border-top:1px solid var(--line)}.art-support__q{color:var(--ink-soft);font-size:1.02rem;line-height:1.6;max-width:44ch;text-wrap:balance}.mb-love__kofi{margin-top:12px;display:flex;flex-direction:column;gap:8px}.mb-love__kofi[hidden]{display:none}.mb-love__kofiframe{width:100%;height:min(460px,56vh);border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff}.mb-love__kofiframe iframe{width:100%;height:100%;border:0;display:block}.mb-love__kofilink{align-self:center;font-size:.85rem;font-weight:600;color:var(--ink-soft);text-decoration:underline;text-underline-offset:2px}.mb-love__kofilink:hover{color:var(--ink)}.mb-love__card{max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden}.mb-love__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mb-love__card .mb-modal__x{z-index:2}html.tw-noscroll,html.tw-noscroll body{overflow:hidden}