:root{--ink:#171a19;--paper:#faf9f5;--sand:#eee9df;--saffron:#dcae72;--orange:#a94528;--cream:#fffefa;--muted:#7c8179;--outline:#e3e0d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.shell{width:min(1192px,calc(100% - 72px));margin:0 auto}.announcement{display:flex;justify-content:center;align-items:center;gap:10px;background:#171e1b;color:#e1e2d9;padding:9px 15px;font-size:10px;font-weight:700;letter-spacing:2px;text-align:center}.status-dot,.live-dot{width:6px;height:6px;background:#a6d4a6;display:inline-block;border-radius:100%;flex:none}.nav{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--outline)}.brand{display:inline-flex;align-items:center;font-size:20px;font-weight:900;text-decoration:none;letter-spacing:-1.2px}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);margin-right:12px;font-size:22px;font-weight:400}.brand-period{color:#b66142}.nav-right{display:flex;align-items:center;gap:36px}.nav-label{font-size:11px;color:var(--muted);font-weight:650}.lang-btn{border:1px solid #cfd0c8;background:transparent;border-radius:20px;color:#383a36;padding:9px 14px;font-size:11px;letter-spacing:1px;font-weight:850}.lang-btn span{margin-left:10px;font-size:14px}.intro{padding:61px 0 48px}.overline{display:flex;align-items:center;gap:14px;color:#a04c31;font-size:11px;font-weight:850;letter-spacing:2.4px}.line{display:block;width:24px;height:2px;background:#ad502d}h1,h2,p{margin:0}h1,.how h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-4px}h1{font-size:clamp(58px,7.2vw,106px);line-height:1.01;margin:22px 0 27px}h1 em,.how h2 em{color:#ae5334;font-weight:400}.lead-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.lead-row>p{color:#74766f;font-size:16px;line-height:1.7;max-width:590px}.micro{display:flex;align-items:center;gap:15px;color:#7f837d;font-size:9px;font-weight:750;letter-spacing:1.5px;line-height:1.6;white-space:nowrap}.micro-sparkle{font-size:28px;color:#b68b5b;font-weight:400}.experience{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(320px,.85fr);background:white;border:1px solid var(--outline);border-radius:10px;overflow:hidden;box-shadow:0 18px 50px #211d1710}.view-column{min-width:0;background:#f4f0e8;display:flex;flex-direction:column}.stage{height:540px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 43%,#fffcf6 0%,#efe9dc 64%,#ddd4c6 100%)}.stage:after{content:"";position:absolute;left:50%;bottom:43px;transform:translateX(-50%);width:42%;height:21px;background:#56493624;filter:blur(19px);border-radius:100%;pointer-events:none}.stage-top,.stage-bottom{position:absolute;z-index:3;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stage-top{top:27px}.stage-bottom{bottom:26px;color:#74786f;font-size:10px;letter-spacing:1px;font-weight:800;gap:10px}.pill{background:#fff9f0d9;border:1px solid #ebe0ce;border-radius:50px;display:inline-flex;align-items:center;gap:9px;padding:9px 12px;color:#65675e;font-size:10px;font-weight:850;letter-spacing:1.35px}.pill .live-dot{background:#ce9d61}.count{color:#8b8880;font-family:Georgia,serif;font-size:13px}.sample-label{color:#ad6b4d;white-space:nowrap}.drag-mark{font-size:19px;vertical-align:middle;font-weight:400}.orbit-guide{position:absolute;z-index:0;pointer-events:none;border:1px solid #a4978426;border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-19deg)}.orbit-a{width:440px;height:160px}.orbit-b{width:390px;height:390px;border-color:#a4978413}model-viewer{display:block;position:relative;width:100%;height:100%;z-index:1;--poster-color:transparent;--progress-bar-color:#aa6a43;outline:none}.poster-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;height:100%;font-size:13px;color:#8a7765}.spinner{width:28px;height:28px;border:2px solid #dccbb6;border-top-color:#ad633f;border-radius:50%;animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.model-progress{height:3px;width:100%;position:absolute;top:0;left:0;background:transparent}.progress-fill{height:100%;width:0;background:#ab653d;transition:width .2s}.model-actions{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid #e4dcd0;padding:19px 26px;min-height:78px}.upload-btn{cursor:pointer;padding:11px 14px;background:#fff9ef;border:1px solid #d9cdbf;border-radius:7px;font-size:12px;font-weight:800;display:flex;gap:8px;align-items:center}.upload-btn:hover{background:#fff}.upload-btn span:first-child{font-size:21px}.model-hint{color:#95877a;font-size:11px;max-width:190px;text-align:right;line-height:1.4}.details{background:#fff;display:flex;flex-direction:column;min-height:618px;padding:34px 34px 27px}.details-top{display:flex;align-items:center;gap:12px}.mini-logo{width:44px;height:44px;display:grid;place-items:center;background:#232822;color:#f9eee0;font-family:Georgia,serif;font-size:26px;letter-spacing:-2px;border-radius:4px}.mini-logo span{color:#c9995f}.restaurant-name{letter-spacing:1.1px;font-size:12px;font-weight:900}.restaurant-note{font-size:11px;color:#9a9b96;margin-top:4px}.detail-divider{height:1px;background:var(--outline);margin:27px 0 38px}.detail-main{flex:1}.category{font-size:10px;letter-spacing:2px;font-weight:900;color:#a15a40}.detail-main h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,3.25vw,55px);letter-spacing:-1.8px;line-height:1.12;font-weight:400;margin:16px 0 22px}.dish-text{color:#777d77;font-size:14px;line-height:1.8;max-width:355px}.meta-row{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0 18px;color:#696f66;font-size:9px;font-weight:850;letter-spacing:1.1px}.meta-row>span{display:flex;align-items:center;gap:6px}.meta-icon{font-size:15px;color:#bd8463}.warning{padding:11px 13px;background:#fff7ed;border:1px solid #edddc4;color:#846f5e;font-size:11px;line-height:1.5;border-radius:5px}.warning strong{color:#735340}.cta-wrap{padding-top:24px}.ar-btn{display:flex;align-items:center;gap:12px;width:100%;justify-content:center;border:0;border-radius:5px;padding:17px;background:#a9492e;color:#fff;font-size:13px;letter-spacing:.25px;font-weight:850;transition:background .2s}.ar-btn:not(:disabled):hover{background:#90351e}.ar-btn:disabled{cursor:not-allowed;background:#bf8f80}.ar-btn span:last-child{margin-left:auto}.btn-ico{font-size:21px;line-height:15px}.ar-support{font-size:11px;color:#999b95;line-height:1.5;text-align:center;margin:9px 0 15px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.secondary-actions button{border:1px solid #e2e1db;background:white;border-radius:5px;padding:13px 10px;display:flex;align-items:center;justify-content:center;gap:11px;color:#4d554e;font-weight:700;font-size:11px}.secondary-actions button span:first-child{font-size:18px}.secondary-actions button:hover{background:#f8f5ef}.how{padding:106px 0 100px;display:grid;grid-template-columns:1fr 1.7fr;gap:35px}.overline-small{font-size:11px;font-weight:850;color:#a15b41;letter-spacing:2px}.how h2{font-size:58px;line-height:1.04;letter-spacing:-2px;margin-top:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:center}.step{border-top:1px solid #d9d7ce;padding-top:18px;min-height:175px}.step-number{display:block;font-family:Georgia,serif;font-size:23px;color:#ac644b;margin-bottom:20px}.step strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.step p{margin-top:10px;color:#797e75;font-size:12px;line-height:1.7}.footer{padding:29px 0 43px;border-top:1px solid var(--outline);display:flex;justify-content:space-between;gap:16px;color:#92968d;font-size:10px;font-weight:700;letter-spacing:.4px}.footer a{text-decoration:none;letter-spacing:1.3px}dialog{border:1px solid #e2dccf;border-radius:12px;padding:24px 27px 25px;width:min(360px,calc(100% - 32px));box-shadow:0 15px 65px #0003;color:var(--ink)}dialog::backdrop{background:#111b17a8}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head strong{font-family:Georgia,serif;font-size:24px;font-weight:400}.dialog-head button{border:0;background:transparent;font-size:26px;color:#777;line-height:1}.qr-paper{margin:22px auto 15px;display:grid;place-items:center;width:210px;height:210px;background:#fff;border:8px solid #fff;outline:1px solid #e9e6de}.qr-paper #qrCanvas{width:192px;height:192px;display:grid;place-items:center}.qr-paper img,.qr-paper canvas{max-width:100%;height:auto}#qrNote{text-align:center;color:#838981;font-size:12px;line-height:1.6}.copy-link{border:0;background:#1b2420;color:white;border-radius:4px;padding:13px 15px;width:100%;margin-top:20px;font-weight:800}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,16px);background:#1b2721;color:white;padding:12px 18px;font-size:12px;border-radius:8px;box-shadow:0 15px 60px #0004;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1000px){.experience{grid-template-columns:1fr 360px}.stage{height:500px}.details{padding:30px 26px}.sample-label{display:none}.how{grid-template-columns:1fr}.how h2{font-size:52px}}@media(max-width:800px){.shell{width:min(100% - 36px,650px)}.nav{height:75px}.nav-label{display:none}.intro{padding:47px 0 35px}h1{font-size:clamp(53px,11vw,75px);letter-spacing:-2.8px}.lead-row{align-items:start}.lead-row>p{font-size:14px}.micro{display:none}.experience{display:block}.stage{height:440px}.details{min-height:0}.detail-divider{margin:25px 0}.detail-main h2{font-size:43px}.detail-main{padding-bottom:8px}.how{padding:70px 0}.how h2{font-size:49px}.footer{flex-wrap:wrap;line-height:1.5}}@media(max-width:480px){.shell{width:calc(100% - 28px)}.announcement{font-size:9px;letter-spacing:1px}.nav{height:67px}.brand{font-size:17px}.brand-mark{height:32px;width:32px}.intro{padding:38px 0 31px}.overline{font-size:9px;letter-spacing:1.5px}h1{font-size:clamp(48px,12vw,64px);margin:22px 0 16px}.lead-row>p{font-size:13px}.stage{height:365px}.stage-top{top:18px;left:17px;right:17px}.stage-bottom{bottom:18px;left:17px;right:17px;font-size:8px}.orbit-a{width:280px;height:105px}.orbit-b{width:265px;height:265px}.model-actions{flex-wrap:wrap;padding:15px 17px;justify-content:center}.model-hint{max-width:none;text-align:center}.details{padding:25px 20px}.detail-main h2{font-size:40px}.how{display:block}.steps{margin-top:36px;gap:13px}.step{padding-top:12px}.step-number{font-size:20px;margin-bottom:12px}.step strong{font-size:19px}.step p{font-size:10px}.footer{font-size:9px}}
