@font-face{font-family:"DM Serif Display";src:url(/fonts/dm-serif-display-normal-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"DM Serif Display";src:url(/fonts/dm-serif-display-italic-400.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-normal-400-700.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-normal-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-normal-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{--serif: "DM Serif Display", "Iowan Old Style", Georgia, serif;--sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--ease: cubic-bezier(.2, .7, .1, 1);--bg: #0d0d0f;--panel: #121215;--ink: #efe6d4;--mute: #9d968a;--faint: #5c5850;--hair: rgba(239, 230, 212, .09);--accent: #cda75a;--accent-ink: #0d0d0f;--chip: rgba(239, 230, 212, .06);--display: var(--serif);--ui: var(--sans);--shadow: drop-shadow(0 .35vmin .45vmin rgba(0, 0, 0, .62)) drop-shadow(0 .1vmin .1vmin rgba(0, 0, 0, .5));--shadow-lift: drop-shadow(0 1.3vmin 1.3vmin rgba(0, 0, 0, .55)) drop-shadow(0 .2vmin .2vmin rgba(0, 0, 0, .45));--glass-hi: #ffffff;--glass: #c9dde6;--glass-rim: rgba(240, 248, 252, .78);--glass-line: rgba(255, 255, 255, .28);color-scheme:dark}html[data-mode=linen]{--bg: #ece5d6;--panel: #f4efe4;--ink: #24201a;--mute: #6f675a;--faint: #a39a88;--hair: rgba(36, 32, 26, .1);--accent: #9d7a33;--accent-ink: #f4efe4;--chip: rgba(36, 32, 26, .05);--shadow: drop-shadow(0 .45vmin .6vmin rgba(84, 62, 28, .22)) drop-shadow(0 .1vmin .12vmin rgba(84, 62, 28, .18));--shadow-lift: drop-shadow(0 1.4vmin 1.6vmin rgba(84, 62, 28, .24)) drop-shadow(0 .2vmin .2vmin rgba(84, 62, 28, .2));--glass: #9fb9c6;--glass-rim: rgba(62, 88, 102, .62);--glass-line: rgba(62, 88, 102, .3);color-scheme:light}html[data-mode=blueprint]{--bg: #0c2448;--panel: #0f2a55;--ink: #e7efff;--mute: #93a9cf;--faint: #4f6d9e;--hair: rgba(170, 200, 255, .16);--accent: #ffd166;--accent-ink: #0c2448;--chip: rgba(170, 200, 255, .08);--display: var(--mono);--ui: var(--mono);--bp-ink: #d9e6ff;color-scheme:dark}html[data-set=classic]{--china-hi: #ffffff;--china: #f8f6f1;--china-lo: #e2ddd2;--china-edge: rgba(0, 0, 0, .1);--rim: #c8a55c;--rim-w: 1.3;--charger-hi: #d8d4cb;--charger: #aaa59a;--charger-lo: #6f6b62;--metal-hi: #ffffff;--metal: #cfd0d3;--metal-lo: #7b7d84;--napkin-hi: #ffffff;--napkin: #f2efe8;--napkin-lo: #d9d3c6;--napkin-fold: rgba(120, 110, 90, .28)}html[data-set=bistro]{--china-hi: #ffffff;--china: #fbfaf5;--china-lo: #e6e2d6;--china-edge: rgba(0, 0, 0, .12);--rim: #1f3a68;--rim-w: 5;--charger-hi: #5b6068;--charger: #3a3e44;--charger-lo: #212327;--metal-hi: #e7e8ea;--metal: #9a9ca2;--metal-lo: #3b3d43;--napkin-hi: #e46a5c;--napkin: #b93a2f;--napkin-lo: #7f241c;--napkin-fold: rgba(60, 10, 5, .4)}html[data-set=formal]{--china-hi: #fffdf7;--china: #fbf5e8;--china-lo: #e9dcc0;--china-edge: rgba(90, 60, 10, .14);--rim: #c49a45;--rim-w: 1.6;--charger-hi: #f6e3a6;--charger: #caa252;--charger-lo: #82622a;--metal-hi: #ffffff;--metal: #dcdde1;--metal-lo: #8a8c93;--napkin-hi: #fffdf6;--napkin: #f7f1e3;--napkin-lo: #e3d6bb;--napkin-fold: rgba(140, 110, 50, .3)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;transition:background-color .6s var(--ease),color .6s var(--ease)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.defs{position:absolute;width:0;height:0}.app{--panel-w: clamp(300px, 31vw, 470px);display:grid;grid-template-columns:minmax(0,1fr) var(--panel-w);height:100vh;height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.frame{position:relative;flex:1;min-height:0;container-type:size;overflow:hidden}.world{position:absolute;inset:-5%;will-change:transform}.cam{position:absolute;inset:0;display:grid;place-items:center;transform-origin:50% 50%;will-change:transform}.plane{position:relative;z-index:1;width:min(96cqw,(100cqh - 64px) * 1.5625);aspect-ratio:1000 / 640;margin-bottom:40px;scale:1.14;transition:scale 1.1s var(--ease)}html[data-mode=blueprint] .plane{scale:.96}.cloth,.light,.curtain,.placemat{position:absolute;inset:0;pointer-events:none}.cloth{opacity:0;transition:opacity .7s var(--ease)}html[data-set=classic]:not([data-mode=blueprint]) .cloth--classic,html[data-set=bistro]:not([data-mode=blueprint]) .cloth--bistro,html[data-set=formal]:not([data-mode=blueprint]) .cloth--formal,html[data-mode=blueprint] .cloth--blueprint{opacity:1}.cloth--classic{background-color:#26262a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95 .045' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.045 .95' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html[data-mode=linen] .cloth--classic{background-color:#efe9dc}.cloth--bistro{background-color:#5b3a24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0035 .07' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .16 0 0 0 0 .08 0 0 0 0 .03 0 0 0 1.1 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"),linear-gradient(180deg,transparent 0 32.9%,rgba(0,0,0,.35) 33%,transparent 33.2% 66.2%,rgba(0,0,0,.35) 66.3%,transparent 66.5%),linear-gradient(90deg,#6a4329,#57371f 40%,#6d452a 70%,#5a3922);background-size:900px 900px,100% 100%,100% 100%}.cloth--formal{background-color:#f7f4ec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%23b9ab8a' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M32 6 C40 18 40 24 32 32 C24 24 24 18 32 6Z M32 58 C24 46 24 40 32 32 C40 40 40 46 32 58Z M6 32 C18 24 24 24 32 32 C24 40 18 40 6 32Z M58 32 C46 40 40 40 32 32 C40 24 46 24 58 32Z'/%3E%3Ccircle cx='32' cy='32' r='2.2'/%3E%3Ccircle cx='0' cy='0' r='3'/%3E%3Ccircle cx='64' cy='0' r='3'/%3E%3Ccircle cx='0' cy='64' r='3'/%3E%3Ccircle cx='64' cy='64' r='3'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(115deg,#fff0 20%,#ffffff8c,#fff0 70%);background-size:3.2% auto,100% 100%}html[data-mode=ink] .cloth--formal{background-color:#cbc4b4}html[data-set=formal],html[data-set=bistro]{--glass-rim: rgba(62, 88, 102, .6);--glass-line: rgba(62, 88, 102, .28)}html[data-set=bistro]{--glass-rim: rgba(245, 235, 220, .8);--glass-line: rgba(245, 235, 220, .35)}.cloth--blueprint{background-color:#10305f;background-image:linear-gradient(rgba(190,215,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(190,215,255,.16) 1px,transparent 1px),linear-gradient(rgba(190,215,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(190,215,255,.07) 1px,transparent 1px);background-size:10% 15.625%,10% 15.625%,2% 3.125%,2% 3.125%;background-position:-1px -1px}.light{transition:opacity .7s var(--ease)}html[data-mode=ink] .light{background:radial-gradient(70% 78% at 52% 50%,rgba(255,214,150,.07) 0%,transparent 46%),radial-gradient(120% 105% at 50% 52%,transparent 38%,rgba(0,0,0,.52) 78%,rgba(0,0,0,.82) 100%);animation:candle 7s ease-in-out infinite alternate}html[data-mode=linen] .light{background:linear-gradient(120deg,rgba(255,255,255,.28) 0%,transparent 38%),radial-gradient(130% 120% at 35% 30%,transparent 50%,rgba(90,64,26,.14) 100%)}html[data-mode=blueprint] .light{background:radial-gradient(130% 120% at 50% 50%,transparent 55%,rgba(4,14,34,.5) 100%)}@keyframes candle{0%{opacity:.92}35%{opacity:1}60%{opacity:.95}to{opacity:1}}.curtain{background:var(--bg);opacity:0}html.intro .curtain,html.intro-quick .curtain{opacity:1}.curtain{position:absolute;inset:0;pointer-events:none;z-index:2}.obj{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);display:block;-webkit-tap-highlight-color:transparent;transition:opacity .5s var(--ease),filter .5s var(--ease)}.rot{display:block;width:100%;height:100%;transform:rotate(var(--r));transition:transform .5s var(--ease)}.obj svg{display:block;width:100%;height:100%;overflow:visible;filter:var(--shadow);transition:filter .5s var(--ease)}.obj.picked svg{filter:var(--shadow-lift)}@media(hover:hover)and (pointer:fine){.obj:hover .rot{transform:translateY(-.25vmin) rotate(var(--r)) scale(1.025)}.obj:hover svg{filter:var(--shadow-lift)}}.obj:focus-visible{outline:none}.obj:focus-visible .rot{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.app.has-pick .obj:not(.picked){opacity:.34}html[data-mode=linen] .app.has-pick .obj:not(.picked){opacity:.42}.s.metal{fill:url(#g-metal);stroke:var(--metal-lo);stroke-width:.5}.d.edge{fill:none;stroke:var(--metal-lo);stroke-width:.6;opacity:.55}.d.bowl{fill:none;stroke:var(--metal-lo);stroke-width:.6;opacity:.5}.obj--knife .d,.obj--fork .d{fill:none;stroke:var(--metal-lo);stroke-width:.6;opacity:.6}.hl{fill:none;stroke:#ffffffd9;stroke-width:1;stroke-linecap:round;opacity:.8}.s.china{fill:url(#g-china);stroke:var(--china-edge);stroke-width:1}.d.rim{fill:none;stroke:var(--rim);stroke-width:var(--rim-w)}.d.rim2{display:none}html[data-set=formal] .d.rim2{display:inline;stroke-width:.7}.d.well{fill:url(#g-well);stroke:var(--china-edge);stroke-width:.8}.obj--plate .hl{stroke:#ffffffe6;stroke-width:3;stroke-dasharray:.12 .88;stroke-dashoffset:-.58;opacity:.7}.s.charger{fill:url(#g-charger);stroke:var(--charger-lo);stroke-width:1}.obj--charger .d.rim{stroke:var(--charger-lo);stroke-width:.9;opacity:.7}.bead{fill:var(--charger-hi);display:none}html[data-set=formal] .bead{display:inline}.s.napkin{fill:url(#g-napkin);stroke:var(--napkin-lo);stroke-width:.8}.foldshade{fill:url(#g-fold)}.obj--napkin .d{fill:none;stroke:var(--napkin-fold);stroke-width:1.1}.obj--napkin .d.hem{stroke-dasharray:1.6 2.2;stroke-width:.8;opacity:.8}.obj--napkin .hl{stroke:#ffffff8c;stroke-width:2.5}html[data-mode=blueprint] .foldshade,html[data-mode=blueprint] .caus{display:none}html[data-mode=blueprint] .obj--napkin .d.hem{stroke-dasharray:1}.s.glass{fill:url(#g-glass);stroke:var(--glass-rim);stroke-width:1.6}.obj--glass .d{fill:none;stroke:var(--glass-line);stroke-width:1.1}.obj--glass .d.inner{stroke-width:2.2}.obj--glass .d.stem{fill:var(--glass-line)}.obj--glass .water{fill:#96c4d824}.obj--glass .hl{stroke:#fffffff2;stroke-width:2.6}.obj--glass .caus{fill:none;stroke:#00000059;stroke-width:5}html[data-mode=linen] .obj--glass .caus,html[data-set=formal] .obj--glass .caus{stroke:#463c2838}.obj--glass svg{filter:none}html[data-mode=blueprint] .obj svg{filter:none}html[data-mode=blueprint] .obj .s,html[data-mode=blueprint] .obj .d{fill:none!important;stroke:var(--bp-ink);stroke-width:1.5;opacity:1;stroke-dasharray:1;stroke-dashoffset:0;stroke-linejoin:round;stroke-linecap:round}html[data-mode=blueprint] .obj .d{stroke-width:.9;opacity:.75}html[data-mode=blueprint] .obj .d.rim2{display:inline}html[data-mode=blueprint] .obj .hl,html[data-mode=blueprint] .bead,html[data-mode=blueprint] .water{display:none}html[data-mode=blueprint] .obj.picked .s,html[data-mode=blueprint] .obj.picked .d{stroke:var(--accent)}html[data-mode=blueprint] .app.has-pick .obj:not(.picked){opacity:.5}.bp{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none;overflow:visible}html[data-mode=blueprint] .bp{display:block}.bp path{fill:none;stroke:#d9e6ff8c;stroke-width:1;vector-effect:non-scaling-stroke}.bp .dash{stroke:#d9e6ff38;stroke-dasharray:.006 .006}.bp .dim{stroke:#d9e6ff66}.bp text{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;fill:#d9e6ffd1}.bp .bp-dims text{font-size:10px;fill:#d9e6ff73}.bp circle{fill:var(--bp-ink)}.bp-label{transition:opacity .4s var(--ease)}.app.has-pick .bp-label{opacity:.28}.app.has-pick .bp-label.on{opacity:1}.bp-label.on path{stroke:var(--accent)}.bp-label.on text,.bp-label.on circle{fill:var(--accent)}.app.bp-small .bp-label text,.app.bp-small .bp-dims text{display:none}.sets{position:absolute;left:50%;bottom:clamp(10px,2.2vmin,28px);transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--panel) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 0 0 1px var(--hair),0 10px 30px -12px #00000080;z-index:3}.sets__label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);padding:0 8px 0 10px}.sets button{font-size:13px;font-weight:500;padding:7px 14px;border-radius:999px;color:var(--mute);transition:color .3s,background-color .3s}.sets button:hover{color:var(--ink)}.sets button[aria-checked=true]{background:var(--ink);color:var(--bg)}.panel{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--panel);border-left:1px solid var(--hair);padding:clamp(18px,3.2vmin,40px) clamp(18px,2.6vw,40px) clamp(14px,2.4vmin,28px);gap:clamp(12px,2.4vmin,26px);overflow:hidden;transition:background-color .6s var(--ease)}.head{display:flex;flex-direction:column;gap:2px}.mark{font-family:var(--display);font-size:clamp(26px,3.2vmin + 10px,44px);line-height:.95;text-decoration:none;letter-spacing:-.01em}.mark__p{font-style:italic;color:var(--accent)}html[data-mode=blueprint] .mark{font-size:clamp(18px,2.2vmin + 8px,28px);letter-spacing:.04em;text-transform:uppercase;font-weight:500}html[data-mode=blueprint] .mark__p{font-style:normal}.tagline{margin:0;font-size:13px;color:var(--mute);letter-spacing:.01em}.scene{position:relative}.scene__btn{display:grid;grid-template-columns:1fr auto;align-items:end;width:100%;text-align:left;padding:12px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);column-gap:10px}.scene__kicker{grid-column:1;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}.scene__name{grid-column:1;font-family:var(--display);font-size:clamp(19px,1.6vmin + 12px,26px);line-height:1.15}html[data-mode=blueprint] .scene__name{font-size:16px;font-weight:500}.scene__chev{grid-column:2;grid-row:1 / span 2;width:14px;height:14px;fill:none;stroke:var(--mute);stroke-width:1.5;transition:transform .35s var(--ease)}.scene__btn[aria-expanded=true] .scene__chev{transform:rotate(180deg)}.scene__list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:10;margin:0;padding:6px;list-style:none;background:var(--panel);border-radius:14px;box-shadow:0 0 0 1px var(--hair),0 24px 60px -20px #0009;max-height:60vh;overflow:auto}.scene__list li>*{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 10px;border-radius:9px;text-decoration:none;font-size:14px}.scene__list li small{font-size:11px;color:var(--faint)}.scene__list li:not(.live){color:var(--faint)}.scene__list li.live a{color:var(--ink)}.scene__list li.live a:hover,.scene__list li.live a[aria-current]{background:var(--chip)}.modes{display:flex;gap:4px;padding:3px;border-radius:12px;background:var(--chip)}.modes button{flex:1;font-size:12.5px;font-weight:500;padding:8px 6px;border-radius:9px;color:var(--mute);white-space:nowrap}.modes button.on{background:var(--ink);color:var(--bg)}.modes button:disabled{cursor:default;opacity:.55}.modes button:disabled:after{content:"";display:inline-block;width:5px;height:5px;margin-left:5px;vertical-align:2px;border-radius:50%;background:var(--accent);opacity:.8}.info{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin-right:-8px;padding-right:8px}.lede{margin:0 0 18px;color:var(--mute);font-size:14px}.lede__big{display:block;font-family:var(--display);color:var(--ink);font-size:clamp(20px,1.8vmin + 12px,28px);line-height:1.12;margin-bottom:6px}html[data-mode=blueprint] .lede__big{font-size:16px;font-weight:500}.group{margin-bottom:14px}.group h2{margin:0 0 4px;font:500 10.5px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.group ul{list-style:none;margin:0;padding:0}.group button{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;text-align:left;padding:7px 0;border-bottom:1px solid var(--hair);font-size:14.5px;transition:padding .35s var(--ease),color .3s}.group button span{font-size:12px;color:var(--faint);text-align:right}.group button:hover{padding-left:6px;color:var(--accent)}.detail{padding-bottom:8px}.back{font-size:12px;color:var(--mute);padding:4px 0;margin-bottom:14px;display:inline-flex;gap:6px;align-items:center}.back:before{content:"←";transition:transform .3s var(--ease)}.back:hover:before{transform:translate(-3px)}.detail__kicker{margin:0 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.detail__kicker span{color:var(--accent)}.detail__name{margin:0 0 12px;font:400 clamp(34px,4.2vmin + 16px,64px)/.95 var(--display);letter-spacing:-.015em;text-wrap:balance}html[data-mode=blueprint] .detail__name{font-size:clamp(24px,2.6vmin + 12px,38px);font-weight:500;letter-spacing:0;text-transform:uppercase}.detail__name .ch{display:inline-block}.detail__line{margin:0 0 18px;font-size:clamp(15px,.6vmin + 13px,19px);line-height:1.4}.detail dl{margin:0;display:grid;gap:12px}.detail dl div{display:grid;grid-template-columns:52px 1fr;gap:10px;padding-top:12px;border-top:1px solid var(--hair)}.detail dt{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);padding-top:3px}.detail dd{margin:0;font-size:14px;color:color-mix(in srgb,var(--ink) 86%,var(--mute))}.detail__src{margin:16px 0 0;font-size:11.5px;color:var(--faint)}.detail__src a{color:var(--mute);text-underline-offset:2px}.detail__nav{display:flex;gap:6px;margin-top:14px}.detail__nav button{width:38px;height:38px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--hair);color:var(--mute);transition:background-color .3s,color .3s}.detail__nav button:hover{background:var(--ink);color:var(--bg)}.looks{display:flex;gap:4px;padding-top:12px;border-top:1px solid var(--hair)}.looks button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;padding:8px 4px;border-radius:9px;color:var(--mute);transition:background-color .3s,color .3s}.looks button:hover{color:var(--ink)}.looks button[aria-checked=true]{color:var(--ink);background:var(--chip)}.looks i{width:11px;height:11px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px var(--hair)}.looks [data-mode=ink] i{background:radial-gradient(circle at 35% 35%,#3a3a3e,#0d0d0f);box-shadow:0 0 0 1.5px #cda75a}.looks [data-mode=linen] i{background:#efe9dc;box-shadow:0 0 0 1.5px #9d7a33}.looks [data-mode=blueprint] i{background:#10305f;box-shadow:0 0 0 1.5px #ffd166}.leader{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:20;overflow:visible}.leader path{fill:none;stroke:var(--accent);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1}.leader #leader-dot{fill:var(--accent)}.leader #leader-ring{fill:none;stroke:var(--accent);stroke-width:1;opacity:0}.leader.off{opacity:0}.hovertag{position:fixed;left:0;top:0;z-index:21;pointer-events:none;opacity:0;padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:500;white-space:nowrap;background:var(--ink);color:var(--bg);transform:translate(-50%,-140%)}html[data-mode=blueprint] .hovertag{border-radius:2px;background:var(--accent);color:var(--accent-ink);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.turn{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 1px var(--hair),0 20px 50px -18px #0009}.turn[hidden]{display:none}.turn p{margin:0;font-size:13.5px;line-height:1.3;color:var(--mute)}.turn b{color:var(--ink);font-weight:600}.turn button{font-size:12px;color:var(--mute);padding:8px 4px}.turn__phone{width:44px;height:44px;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;transform-origin:50% 50%;animation:turn 3.2s var(--ease) infinite}@keyframes turn{0%,18%{transform:rotate(0)}42%,70%{transform:rotate(-90deg)}94%,to{transform:rotate(0)}}@media(orientation:landscape)and (max-height:520px){.app{--panel-w: clamp(240px, 36vw, 340px)}.panel{gap:10px;padding:12px 16px 10px}.tagline{display:none}.mark{font-size:22px}.scene__btn{padding:6px 0}.scene__name{font-size:16px}.modes button{padding:6px 4px;font-size:11.5px}.lede__big{font-size:17px}.lede{font-size:12.5px;margin-bottom:10px}.detail__name{font-size:clamp(26px,7vh,40px);margin-bottom:8px}.detail__line{font-size:14px;margin-bottom:10px}.detail dd{font-size:12.5px}.back{margin-bottom:6px}.looks{padding-top:8px}.looks button{padding:6px 2px;font-size:11.5px}.sets{bottom:8px}.sets__label{display:none}.sets button{padding:5px 10px;font-size:12px}.plane{width:min(98cqw,(100cqh - 44px) * 1.5625);margin-bottom:36px}}@media(orientation:portrait)and (max-width:900px){body{overflow:auto}.app{display:block;height:auto;min-height:100dvh}.stage{position:sticky;top:0;z-index:5;padding-top:env(safe-area-inset-top);background:var(--bg);box-shadow:0 12px 24px -18px #0009}.frame{flex:none;width:100%;aspect-ratio:1000 / 700}.plane{width:96cqw;margin-bottom:0}.sets{position:relative;left:auto;bottom:auto;transform:none;margin:12px auto 4px;width:max-content}.panel{border-left:0;border-top:1px solid var(--hair);overflow:visible;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.info{overflow:visible;flex:none;min-height:100svh}.head{flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap}}html.intro .obj,html.intro-quick .obj,html.intro .panel>*,html.intro-quick .panel>*{opacity:0;animation:failsafe 0s 3.2s forwards}html.intro .curtain,html.intro-quick .curtain{animation:failsafe-out 0s 3.2s forwards}@keyframes failsafe{to{opacity:1}}@keyframes failsafe-out{to{opacity:0}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){z-index:2}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.turn__phone{animation:none;transform:rotate(-90deg)}}.d.inside{fill:url(#g-inside);stroke:var(--china-edge);stroke-width:.8}.obj--bowl .d.foot{fill:none;stroke:var(--china-edge);stroke-width:.8;stroke-dasharray:.02 .02}.obj--bowl .hl,.obj--dish .hl{stroke:#ffffffe6;stroke-width:2.4;stroke-dasharray:.12 .88;stroke-dashoffset:-.58;opacity:.75}.d.well.deep{fill:url(#g-inside)}.soy{fill:#2a1208;opacity:.85}.s.wood{fill:url(#g-wood);stroke:#2a130a;stroke-width:.4}.d.band{fill:none;stroke:#c9a24e;stroke-width:1.4;opacity:.8}.s.lacquer{fill:url(#g-lacquer);stroke:#0e0404;stroke-width:1}.obj--tray .d.rim{stroke:#c9a24e8c;stroke-width:1.2}.s.steel{fill:url(#g-steel);stroke:#6e7177;stroke-width:1}.obj--tray.v-round .d.rim{stroke:#50545a8c}.obj--tray .hl{stroke:#fffc;stroke-width:4;stroke-dasharray:.1 .9;stroke-dashoffset:-.6}.s.board{fill:url(#g-board);stroke:#8a6435;stroke-width:1}.d.grain{fill:none;stroke:#6e481e59;stroke-width:1}.obj--cup .china.handle,.obj--cup .cupbody{fill:url(#g-china);stroke:var(--china-edge);stroke-width:.8}.obj--cup .drink{fill:url(#g-drink)}.obj--cup.v-tea .drink,.obj--cup.v-chai .drink{fill:#b57a3e;opacity:.9}.obj--cup.v-yunomi .drink{fill:#9fae5a;opacity:.75}.obj--cup .d:not(.rim){fill:none;stroke:var(--china-edge);stroke-width:.8}.obj--glass .tea{fill:#a0521f;opacity:.7}.obj--glass .bubbly{fill:#f1dd98;opacity:.35}.obj--glass .s.glass.china{fill:url(#g-china);stroke:var(--china-edge)}.obj--card .d{fill:none;stroke:var(--china-edge);stroke-width:.8}.obj--card .d.script{stroke:#6b5a3a;stroke-width:1.3;stroke-linecap:round}.d.edge.serrate{stroke-dasharray:2 1.5}html[data-mode=blueprint] .soy,html[data-mode=blueprint] .drink,html[data-mode=blueprint] .tea,html[data-mode=blueprint] .bubbly{display:none}html[data-mode=blueprint] .obj .china.handle,html[data-mode=blueprint] .obj .cupbody{fill:none;stroke:var(--bp-ink);stroke-width:1.2}.customs details{border-bottom:1px solid var(--hair)}.customs summary{cursor:pointer;list-style:none;padding:8px 0;font-size:14.5px;display:flex;justify-content:space-between}.customs summary:after{content:"+";color:var(--accent);transition:transform .3s var(--ease)}.customs details[open] summary:after{transform:rotate(45deg)}.customs details p{margin:0 0 10px;font-size:13.5px;color:color-mix(in srgb,var(--ink) 80%,var(--mute))}.customs details a{font-size:11px;color:var(--faint)}.scene__group p{margin:8px 10px 2px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.scene__group ul{list-style:none;margin:0;padding:0}.scene__list li>*{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 10px;border-radius:9px;text-decoration:none;font-size:14px}.tick{display:none;width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--accent);vertical-align:2px}.tick.on{display:inline-block}.modes button[aria-selected=true]{background:var(--ink);color:var(--bg)}.modes button{transition:background-color .35s var(--ease),color .35s var(--ease)}.modes button:not([aria-selected=true]):hover{color:var(--ink)}.pane[hidden]{display:none}.kick{margin:0 0 6px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.big{margin:0 0 10px;font:400 clamp(28px,3vmin + 14px,46px)/1.02 var(--display);letter-spacing:-.01em;text-wrap:balance}html[data-mode=blueprint] .big{font-size:clamp(20px,2vmin + 10px,30px);text-transform:uppercase;font-weight:500}.sub{margin:0 0 16px;font-size:14px;color:color-mix(in srgb,var(--ink) 78%,var(--mute))}.courses{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:6px;counter-reset:c}.courses li{font-size:12px;padding:4px 10px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--hair);color:var(--mute)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:14px;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px var(--accent)}.ghost-btn{display:inline-flex;padding:11px 16px;border-radius:999px;font-size:13.5px;color:var(--mute);box-shadow:inset 0 0 0 1px var(--hair);margin-left:6px;transition:color .3s}.ghost-btn:hover{color:var(--ink)}.best{margin:14px 0 0;font-size:12.5px;color:var(--mute)}.q-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.q-course{color:var(--accent)}.q-bar{height:2px;background:var(--hair);margin:8px 0 16px;border-radius:2px;overflow:hidden}.q-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .7s var(--ease)}.q-prompt{margin:0 0 8px;font:400 clamp(22px,2.2vmin + 12px,34px)/1.12 var(--display);text-wrap:balance}html[data-mode=blueprint] .q-prompt{font-size:clamp(16px,1.4vmin + 10px,22px);font-weight:500}.q-hint{margin:0 0 14px;font-size:13px;color:var(--mute);display:flex;align-items:center;gap:8px}.q-hint.tap:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:ping 1.6s infinite}@keyframes ping{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent)}to{box-shadow:0 0 0 10px transparent}}.q-options{display:grid;gap:8px}.q-options button{text-align:left;padding:12px 14px;border-radius:12px;font-size:14.5px;line-height:1.3;box-shadow:inset 0 0 0 1px var(--hair);background:var(--chip);transition:box-shadow .3s,background-color .3s,transform .3s var(--ease)}.q-options button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--accent);transform:translate(3px)}.q-options button:disabled{cursor:default}.q-options button.right{box-shadow:inset 0 0 0 1.5px #5fb07a;background:color-mix(in srgb,#5fb07a 14%,transparent)}.q-options button.wrong{box-shadow:inset 0 0 0 1.5px #d0645a;background:color-mix(in srgb,#d0645a 12%,transparent)}.q-options button.dim{opacity:.45}.q-feedback{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair)}.q-verdict{margin:0 0 4px;font:400 22px/1.1 var(--display)}.q-verdict.right{color:#7cc493}.q-verdict.wrong{color:#e0877e}html[data-mode=linen] .q-verdict.right{color:#2f7a48}html[data-mode=linen] .q-verdict.wrong{color:#a8392f}.q-why{margin:0 0 14px;font-size:14px;color:color-mix(in srgb,var(--ink) 82%,var(--mute))}.score{display:flex;align-items:baseline;gap:10px;margin:6px 0 18px}.score span{font:400 64px/1 var(--display);color:var(--accent)}.score small{color:var(--mute);font-size:13px}.s-hand{width:88px;height:88px;margin:4px 0 10px;display:grid;place-items:center;border-radius:16px;background:var(--chip);box-shadow:inset 0 0 0 1px var(--hair)}.s-hand svg{max-width:72%;max-height:72%;overflow:visible;filter:var(--shadow)}.obj.cleared{opacity:0!important;pointer-events:none}.obj.ghost svg{filter:none}.obj.ghost .s,.obj.ghost .d{fill:none!important;stroke:var(--ghost, rgba(239, 230, 212, .35));stroke-width:1.2;stroke-dasharray:.015 .012!important;stroke-dashoffset:0}html[data-mode=linen] .obj.ghost{--ghost: rgba(36, 32, 26, .35)}html[data-mode=blueprint] .obj.ghost{--ghost: rgba(217, 230, 255, .45)}.obj.ghost .hl,.obj.ghost .bead,.obj.ghost .water,.obj.ghost .drink,.obj.ghost .soy,.obj.ghost .tea,.obj.ghost .bubbly,.obj.ghost .foldshade,.obj.ghost .caus{display:none}.obj.ghost:hover .s{stroke:var(--accent)}.obj.flash .s,.obj.flash .d{stroke:#e0877e!important}.obj.target .rot{animation:target 1.4s var(--ease) infinite}@keyframes target{0%,to{filter:none}50%{filter:drop-shadow(0 0 1.2vmin color-mix(in srgb,var(--accent) 80%,transparent))}}.app.quizzing .bp-label,.app.setting .bp-label{opacity:.15}.app.setting .bp-label{display:none}.toast{position:absolute;left:50%;bottom:clamp(56px,9vmin,84px);transform:translate(-50%,-12px);z-index:4;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;white-space:nowrap}.toast.right{background:#5fb07a;color:#0c1a10}.toast.wrong{background:#d0645a;color:#200806}.cert{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:#060608b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cert[hidden]{display:none}.cert__card{width:min(960px,100%);max-height:100%;overflow:auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:20px;padding:18px;border-radius:20px;background:var(--panel);box-shadow:0 0 0 1px var(--hair),0 40px 90px -30px #000c}.cert canvas{width:100%;height:auto;border-radius:10px;display:block;box-shadow:0 20px 40px -20px #0009}.cert__form{display:flex;flex-direction:column;gap:10px;justify-content:center}.cert__form h2{margin:0 0 6px;font:400 32px/1 var(--display)}.cert__form label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.cert__form input{font:inherit;font-size:16px;padding:11px 12px;border-radius:10px;border:0;color:var(--ink);background:var(--chip);box-shadow:inset 0 0 0 1px var(--hair)}.cert__form input:focus{outline:2px solid var(--accent)}.cert__actions{display:flex;align-items:center;margin-top:6px;flex-wrap:wrap;gap:6px}@media(max-width:700px),(max-height:520px){.cert__card{grid-template-columns:1fr}}.food{pointer-events:none}html[data-mode=blueprint] .food,.obj.ghost .food{display:none}.cambtn{position:absolute;top:clamp(10px,2vmin,22px);right:clamp(10px,2vmin,22px);z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;font-size:13px;font-weight:500;background:color-mix(in srgb,var(--panel) 72%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px var(--hair),0 10px 30px -12px #00000080;transition:transform .3s var(--ease)}.cambtn:hover{transform:translateY(-1px)}.cambtn svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linejoin:round}@media(orientation:landscape)and (max-height:520px){.cambtn span{display:none}.cambtn{padding:8px}}.photo{position:fixed;inset:0;z-index:45;display:grid;grid-template-rows:auto 1fr auto;background:#07070a;color:#efe6d4;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.photo[hidden]{display:none}.photo__bar{display:flex;align-items:center;gap:10px;padding:4px 4px 10px}.photo__status{margin:0 auto 0 0;font-size:14px;color:#c9c1b2}.photo__status b{color:#cda75a;font-weight:600}.photo__x{width:38px;height:38px;border-radius:50%;font-size:22px;line-height:1;box-shadow:inset 0 0 0 1px #efe6d433}.photo__stage{position:relative;min-height:0;display:grid;place-items:center}.photo__img{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px -30px #000}.photo__img img{display:block;width:100%;height:100%;object-fit:cover}.photo__scan{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background-image:linear-gradient(rgba(190,215,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(190,215,255,.14) 1px,transparent 1px);background-size:6% 6%}.photo__scan i{position:absolute;left:0;right:0;height:22%;background:linear-gradient(180deg,transparent,rgba(255,209,102,.28) 80%,#ffd166 100%);animation:scan 1.8s cubic-bezier(.6,0,.4,1) infinite}@keyframes scan{0%{top:-22%}to{top:100%}}.photo__img.scanning .photo__scan{opacity:1}.photo__img.scanning img{filter:saturate(.3) brightness(.7);transition:filter .6s}.photo__img.done img{filter:brightness(.82);transition:filter .6s}.photo__marks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.photo__marks rect{fill:none;stroke:#cda75a;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:0}.photo__tags{position:absolute;inset:0}.photo__tag{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:999px;font-size:12.5px;font-weight:600;color:#0d0d0f;background:#efe6d4;box-shadow:0 8px 20px -8px #000;white-space:nowrap}.photo__tag i{width:10px;height:10px;border-radius:50%;background:#cda75a;box-shadow:0 0 #cda75ab3;animation:ping 1.8s infinite}.photo__tag.on{background:#cda75a}.photo__card{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:min(360px,calc(100% - 32px));padding:18px;border-radius:16px;background:#121215eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px #efe6d41f,0 30px 60px -20px #000}.photo__card .big{font-size:30px;color:#efe6d4;font-family:var(--serif);text-transform:none}.photo__card .sub{color:#c9c1b2}.photo__how{margin:0 0 14px;font-size:13.5px;color:#9d968a}.photo__card .cta{background:#cda75a;color:#0d0d0f}.photo__priv{margin:8px 0 0;text-align:center;font-size:11.5px;color:#6c665c}.photo__stage{transition:padding .6s var(--ease)}@media(orientation:landscape){.photo.has-card .photo__stage{padding-right:min(390px,44%)}}@media(orientation:landscape)and (max-height:520px){.photo__card{width:min(300px,40%);padding:12px 14px;top:58px;bottom:auto}.photo__card .big{font-size:22px;margin-bottom:4px}.photo__card .sub{font-size:13px;margin-bottom:6px}.photo__how{font-size:12px;margin-bottom:8px}.photo.has-card .photo__stage{padding-right:min(310px,41%)}.photo__priv{display:none}}@media(orientation:portrait){.photo__card{left:16px;right:16px;width:auto}}body:has(.doc){overflow:auto}.doc{max-width:680px;margin:0 auto;padding:48px 20px 96px}.doc__back{font-size:13px;color:var(--mute);text-decoration:none}.doc h1{font:400 clamp(44px,7vw,72px)/1 var(--display);margin:24px 0 12px}.doc__lede{font-size:19px;line-height:1.45;margin:0 0 28px}.doc h2{font:400 26px/1.1 var(--display);margin:30px 0 8px}.doc p{margin:0 0 12px;color:color-mix(in srgb,var(--ink) 84%,var(--mute))}.doc__mail{color:var(--accent);user-select:all}.doc__date{margin-top:32px!important;font-size:13px;color:var(--faint)!important}.legal{display:flex;gap:10px;font-size:11px;color:var(--faint)}.legal a{color:var(--faint);text-decoration:none}.legal a:hover{color:var(--mute)}.trails{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.trails .edge{fill:none;stroke:var(--accent);stroke-width:1;stroke-dasharray:.004 .006;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .5s}.trails .edge-t{font:500 11px var(--ui);letter-spacing:.16em;fill:var(--accent);opacity:0;transition:opacity .5s}.trails.show-edge .edge{opacity:.7}.trails.show-edge .edge-t{opacity:.8}.trail path{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-dasharray:1;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 60%,transparent))}.trail circle{fill:none;stroke:var(--accent);stroke-width:1.5;vector-effect:non-scaling-stroke}.trail text{font:600 15px var(--ui);fill:var(--accent);paint-order:stroke;stroke:var(--bg);stroke-width:5px;stroke-linejoin:round}.trail.wrong path,.trail.wrong circle{stroke:#e0877e;filter:none}.trail.wrong text{fill:#e0877e}html[data-mode=blueprint] .trail text,html[data-mode=blueprint] .trails .edge-t{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.holdbtn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 16px 10px 12px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent);transition:background-color .3s,color .3s}.holdbtn:hover{background:var(--accent);color:var(--accent-ink)}.holdbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hold{position:absolute;inset:0;z-index:6;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden;padding:clamp(12px,2.4vmin,28px);opacity:0;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(10px) saturate(.8);backdrop-filter:blur(10px) saturate(.8)}.hold[hidden]{display:none}.hold__top{display:flex;align-items:center;gap:10px}.hold__title{margin:0 auto 0 0;font:400 clamp(20px,2vmin + 12px,30px)/1.1 var(--display)}.hold__dots{display:flex;gap:6px}.hold__dots i{width:7px;height:7px;border-radius:50%;background:var(--hair);transition:background-color .4s,transform .4s}.hold__dots i.on{background:var(--accent);transform:scale(1.3)}.hold .photo__x{color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair)}.hold__svg{width:100%;height:100%;min-height:0;overflow:visible}.hold__stage{display:none;position:relative;min-height:0;margin:4px calc(-1*clamp(12px,2.4vmin,28px)) calc(-1*clamp(12px,2.4vmin,28px))}.hold.is3d .hold__svg{display:none}.hold.is3d .hold__stage{display:block}.hold__stage canvas{position:absolute;inset:0;width:100%;height:100%}.hold__calls{position:absolute;inset:0;pointer-events:none;z-index:2}.hold__spin{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px;border-radius:50%;border:2px solid var(--hair);border-top-color:var(--accent);opacity:0;animation:spin 1s linear infinite}.hold.loading .hold__spin{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.call3d{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;transform:translate(-9999px,-9999px);white-space:nowrap;font:600 clamp(12px,.5vmin + 10px,14px) var(--ui);color:var(--ink)}.call3d span{padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,transparent);box-shadow:inset 0 0 0 1px var(--hair);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hold__cap{margin:6px 0 0;max-width:60ch;text-align:left;color:color-mix(in srgb,var(--ink) 86%,var(--mute));font-size:clamp(14px,.6vmin + 12px,18px);line-height:1.4;min-height:2.8em}.hold{--hand: #efe7da;--hand-edge: rgba(92, 72, 50, .5);--hand-shade: #6d5842;--hand-line: rgba(120, 96, 70, .45);--hand-nail: #f8f3ea}html[data-mode=linen] .hold{--hand: #f6efe3;--hand-edge: rgba(92, 72, 50, .55)}.hold .sil path{fill:var(--hand-edge);stroke:var(--hand-edge);stroke-width:2.6;stroke-linejoin:round}.hold .fill path{fill:var(--hand);stroke:none}.hold .glow{fill:#fff;opacity:.16;filter:blur(8px)}.hold .shade{fill:var(--hand-shade);stroke:none}.hold .nail{fill:var(--hand-nail);stroke:var(--hand-line);stroke-width:.8}.hold .crease,.hold .tendon{fill:none;stroke:var(--hand-line);stroke-width:1;stroke-linecap:round}.hold .tendon{opacity:.22}.hold .soupbowl .bowlrim{fill:url(#g-china);stroke:var(--china-edge)}.hold .soupbowl .bowlin{fill:none;stroke:var(--rim);stroke-width:1.2}.hold .soupbowl .soup{fill:#c9772f}.hold .soupbowl .cream{fill:#f3e6cf;opacity:.85}.hold .hand{filter:drop-shadow(0 10px 14px rgba(0,0,0,.35)) drop-shadow(0 2px 3px rgba(0,0,0,.25))}html[data-mode=blueprint] .hold{--hand: #143a72;--hand-edge: #d9e6ff;--hand-shade: #020a18;--hand-line: rgba(217, 230, 255, .6);--hand-nail: #1c4a8a}html[data-mode=blueprint] .hold .hand{filter:none}.hold .call circle{fill:var(--accent)}.hold .call .ring{fill:none;stroke:var(--accent);stroke-width:.8;opacity:.6}.hold .call path{fill:none;stroke:var(--accent)}.hold .call text{fill:var(--ink);font-family:var(--ui);font-weight:600;paint-order:stroke;stroke:var(--bg);stroke-linejoin:round}.hold .glassv .stem{fill:color-mix(in srgb,var(--glass) 30%,transparent)}.hold .metal path,.hold .metal{fill:url(#g-metal);stroke:var(--metal-lo);stroke-width:.8}.hold .metal .line,.hold .metal .tine{fill:none;stroke:var(--metal-lo);stroke-width:2.6;stroke-linecap:round}.hold .metal .line{stroke-width:.8;opacity:.6}.hold .wood path{fill:url(#g-wood);stroke:#2a130a;stroke-width:.6}.hold .wood .line{fill:none;stroke:#c9a24e;stroke-width:2}.hold .plate circle{fill:url(#g-china);stroke:var(--china-edge);stroke-width:1}.hold .plate .line{fill:none;stroke:var(--rim);stroke-width:1.2}.hold .glassv,.hold .cupv,.hold .bowlv{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}.hold .glassv .bowl{fill:color-mix(in srgb,var(--glass) 18%,transparent)}.hold .glassv .wine{fill:#7a1f2b;stroke:none;opacity:.85}.hold .cupv .bowl,.hold .bowlv .bowl{fill:url(#g-china)}.hold .cupv .handle{stroke-width:7;stroke:var(--china-lo);fill:none}.hold .bowlv .rice{stroke-width:10;stroke:#f5f1e6;stroke-linecap:round}html[data-mode=blueprint] .hold .metal path,html[data-mode=blueprint] .hold .metal,html[data-mode=blueprint] .hold .wood path,html[data-mode=blueprint] .hold .plate circle{fill:none;stroke:var(--bp-ink)}.app.holding .sets,.app.holding .cambtn{opacity:0;pointer-events:none}.app.quizzing .sets{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.sets{transition:opacity .5s var(--ease),transform .5s var(--ease)}.plane{transition:scale 1.1s var(--ease),translate .9s var(--ease)}.app.quizzing .plane{translate:0 -6%}@media(orientation:portrait)and (max-width:900px){.app.quizzing .sets{transform:translateY(20px)}.app.quizzing .plane{translate:0 -4%}}.call3d{position:absolute;left:0;top:0;display:flex;align-items:center;gap:6px;transform:translate(-9999px,-9999px);white-space:nowrap;font:600 13px var(--ui);color:var(--ink);text-shadow:0 0 6px var(--bg),0 0 12px var(--bg);pointer-events:none}.call3d i{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent)}.call3d.l{flex-direction:row-reverse}.call3d.l span{margin-right:8px}.call3d.r span{margin-left:8px}