:root{--cream:#f5efe5;--paper:#fffaf1;--ink:#44352c;--muted:#9d8877;--terra:#b75f45;--terra-dark:#9f4935;--line:#e8ddd0;--green:#536c50;--sans:"DM Sans",sans-serif;--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}html,body{background:var(--cream);width:100%;height:100%;color:var(--ink);font-family:var(--sans);margin:0;overflow:hidden}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #b45d43}.app{background:radial-gradient(50% 41% at 51% 61%,#fffef8c7,#0000 78%),linear-gradient(#f8f3e9 0%,#f4ede2 100%);flex-direction:column;height:100svh;min-height:650px;padding:0 5.7vw;display:flex;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:3;border-bottom:1px solid #9374591f;flex:none;grid-template-columns:1fr 1fr 1fr;align-items:center;height:72px;display:grid}.brand{color:#59483b;letter-spacing:.15em;align-items:center;gap:9px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:var(--terra);font-size:22px}.top-note{text-align:center;letter-spacing:.16em;color:#988675;font-size:9px;font-weight:600}.live-dot{vertical-align:1px;background:#82916e;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.top-divider{color:#c1a58f;margin:0 9px}.icon-button{color:#7f6c5c;cursor:pointer;background:0 0;border:0;justify-self:end;font-size:11px}.hide-button span{vertical-align:-2px;margin-right:5px;font-size:19px}.hide-button i{font-style:normal}.hero-copy{z-index:2;pointer-events:none;width:330px;position:absolute;top:128px;left:9.1vw}.eyebrow{letter-spacing:.19em;color:#a17e67;white-space:nowrap;align-items:center;gap:9px;font-size:8px;font-weight:700;display:flex}.eyebrow-line{background:#cda993;width:19px;height:1px}h1{font:500 48px/.98 var(--serif);letter-spacing:-.035em;color:#49392f;margin:19px 0 15px}h1 em{color:var(--terra);font-weight:500}.intro{color:#827364;margin:0;font-size:12px;line-height:1.8}.trust-row{white-space:nowrap;letter-spacing:.14em;color:#a19181;font-size:8px;font-weight:700;position:absolute;top:316px}.trust-row span{color:#c8aa93;margin:0 7px}.trust-row .sparkle{color:#ba7458;margin-left:0;font-size:10px}.scene-wrap{pointer-events:none;position:absolute;inset:72px 0 0;overflow:hidden}.scene-bloom{background:radial-gradient(#fffdf5f5 0%,#fcf6ebc7 46%,#f3e6d500 75%);border-radius:50%;width:min(60vw,780px);height:min(35vw,460px);position:absolute;top:51%;left:50%;transform:translate(-50%,-45%)}.scene-ground{filter:blur(6px);background:radial-gradient(#825b3a1a,#0000 69%);border-radius:50%;height:70px;position:absolute;bottom:119px;left:24%;right:12%}#scene{pointer-events:auto;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.scene-caption{white-space:nowrap;letter-spacing:.19em;color:#a88f79;pointer-events:none;align-items:center;gap:12px;font-size:8px;font-weight:700;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.caption-rule{background:#d9c6b4;width:29px;height:1px}.caption-dot{color:var(--terra);margin:0 2px;font-size:12px}.hint-pill{color:#947b67;pointer-events:none;background:#fffbf4c7;border:1px solid #c9ae9666;border-radius:30px;padding:9px 13px;font-size:10px;animation:3s ease-in-out infinite hintFloat;position:absolute;top:54%;right:12%;box-shadow:0 5px 18px #5c3e250d}.hint-cursor{color:var(--terra);margin-right:6px;font-size:13px}@keyframes hintFloat{50%{transform:translateY(-5px)}}.reaction{font:600 19px var(--serif);color:#a9523b;pointer-events:none;opacity:0;transition:opacity .2s,transform .4s;position:absolute;top:47%;left:57%;transform:translateY(8px)rotate(-4deg)}.reaction.show{opacity:1;transform:translateY(-8px)rotate(-4deg)}.record-preview{aspect-ratio:1;z-index:5;background:#28221e;border:5px solid #fff9ee;border-radius:12px;width:154px;position:absolute;top:24px;right:5.8vw;overflow:hidden;box-shadow:0 8px 28px #60412d33}.record-preview.hidden{display:none}.record-preview video{object-fit:cover;width:100%;height:100%}.preview-label{z-index:1;color:#fff;letter-spacing:.13em;text-shadow:0 1px 4px #000;font-size:7px;position:absolute;top:7px;left:8px}.record-dot{background:#e55e4d;border-radius:50%;width:6px;height:6px;margin-right:4px;animation:1s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.35}}.preview-time{color:#fff;font:600 8px var(--sans);text-shadow:0 1px 4px #000;position:absolute;bottom:7px;right:8px}.restore-ui{pointer-events:auto;cursor:pointer;color:#705644;background:#fff9f0;border:1px solid #c7a990;border-radius:24px;padding:11px 18px;position:absolute;top:20px;right:24px;box-shadow:0 5px 20px #46301a18}.restore-ui.hidden{display:none}.controls{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf4d6;border:1px solid #d0bca68f;border-radius:14px;width:min(760px,80vw);padding:15px 20px 14px;position:absolute;bottom:69px;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #5e432b12}.controls-top,.controls-bottom{align-items:center;display:flex}.controls-top{border-bottom:1px solid #d7c4b08c;gap:18px;padding-bottom:13px}.controls-bottom{justify-content:space-between;padding-top:12px}.control-label{letter-spacing:.15em;color:#a69380;margin:0 0 7px 2px;font-size:7px;font-weight:700;display:block}.segmented{background:#f2e9dc;border-radius:8px;align-items:center;gap:2px;height:31px;padding:3px;display:inline-flex}.segmented button{color:#907c69;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:31px;height:25px;font-size:10px;transition:all .18s}.segmented button.active{color:#8f4f3b;background:#fffaf2;font-weight:700;box-shadow:0 1px 5px #7452361a}.serve-toggle button{white-space:nowrap;padding:0 10px}.serve-toggle button span{color:#b36b4d;margin-right:4px}.utility-button{color:#806b58;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:10px}.utility-button span{color:var(--terra);margin-right:3px;font-size:14px}.portion-group,.serving-group{flex:none}.serving-group{margin-right:auto}.mood-switches{gap:19px;display:flex}.switch-control{color:#877562;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:9px;display:flex}.switch-icon{color:#ba7458;font-size:12px}.switch-track{background:#e7ded2;border-radius:9px;width:25px;height:14px;padding:2px;transition:all .2s}.switch-track i{background:#fff;border-radius:50%;width:10px;height:10px;transition:all .2s;display:block;box-shadow:0 1px 3px #0002}.switch-control.on .switch-track{background:#899778}.switch-control.on .switch-track i{transform:translate(11px)}.action-buttons{gap:8px;display:flex}.boing-button,.record-button{letter-spacing:.02em;cursor:pointer;border-radius:7px;height:32px;padding:0 12px;font-size:9px;font-weight:700;transition:transform .15s,box-shadow .15s}.boing-button:hover,.record-button:hover{transform:translateY(-2px)}.boing-button{color:#a65b42;background:#fff7ee;border:1px solid #dbbda8}.boing-button span{margin-right:4px}.record-button{border:1px solid var(--terra-dark);background:var(--terra);color:#fff7eb;box-shadow:0 3px 7px #9a50302c}.record-icon{margin-right:5px;font-size:8px}.footer{z-index:2;letter-spacing:.07em;color:#a18e7d;border-top:1px solid #9374591f;grid-template-columns:1fr 1fr 1fr;align-items:center;height:48px;font-size:8px;display:grid;position:absolute;bottom:0;left:5.7vw;right:5.7vw}.footer>span:nth-child(2){text-align:center}.footer>span:last-child{text-align:right}.heart{color:#bc725b}.footer-star{color:#ae7151;margin-left:5px;font-size:12px}kbd{font:600 8px var(--sans);color:#8d7966;background:#faf5ec;border:1px solid #d8cabb;border-radius:3px;padding:3px 4px}.keyboard-hint span{margin:0 5px}.ui-hidden .topbar,.ui-hidden .hero-copy,.ui-hidden .controls,.ui-hidden .footer,.ui-hidden .scene-caption,.ui-hidden .hint-pill{display:none}.ui-hidden .scene-wrap{inset:0}.ui-hidden .restore-ui{display:block}.ui-hidden .scene-bloom{width:72vw;height:45vw;top:50%}.ui-hidden #scene{pointer-events:auto}@media (width<=760px){.app{min-height:600px;padding:0 20px}.topbar{grid-template-columns:1fr auto;height:58px}.top-note{display:none}.brand{font-size:9px}.hero-copy{width:265px;top:89px;left:24px}.eyebrow{font-size:7px}h1{margin:15px 0 11px;font-size:39px}.intro{font-size:10px}.trust-row{font-size:6px;top:270px}.scene-wrap{inset:58px 0 0}.scene-bloom{width:100vw;height:74vw;top:55%}.scene-ground{bottom:207px;left:7%;right:7%}.scene-caption{gap:7px;font-size:6px;bottom:204px}.caption-rule{width:17px}.hint-pill{padding:7px 10px;font-size:9px;top:47%;right:7%}.controls{border-radius:12px;width:calc(100% - 28px);padding:11px 12px 10px;bottom:56px}.controls-top{justify-content:space-between;gap:8px;padding-bottom:10px}.control-label{margin-bottom:5px;font-size:6px}.segmented{height:27px}.segmented button{min-width:26px;height:21px;font-size:9px}.serve-toggle button{padding:0 6px}.serving-group{margin-right:0}.utility-button{font-size:8px}.utility-button span{font-size:12px}.controls-bottom{gap:5px;padding-top:9px}.mood-switches{gap:8px}.switch-control{gap:4px;font-size:8px}.switch-icon{font-size:10px}.switch-track{width:22px;height:13px}.switch-track i{width:9px;height:9px}.switch-control.on .switch-track i{transform:translate(9px)}.action-buttons{gap:5px}.boing-button,.record-button{height:29px;padding:0 8px;font-size:8px}.footer{grid-template-columns:1fr auto;height:39px;font-size:7px;left:20px;right:20px}.footer>span:nth-child(2){display:none}.footer>span:last-child{text-align:right}.scene-wrap .reaction{font-size:16px;top:45%;left:58%}.record-preview{border-width:4px;border-radius:9px;width:106px;top:18px;right:16px}.footer .heart{font-size:8px}}@media (width<=380px){.app{padding:0 14px}.brand{font-size:8px}.hero-copy{top:82px;left:18px}h1{font-size:35px}.controls{width:calc(100% - 20px);padding:9px}.controls-top{gap:5px}.serve-toggle button{padding:0 4px}.mood-switches{gap:5px}.switch-control{font-size:7px}.action-buttons{gap:3px}.boing-button,.record-button{padding:0 6px;font-size:7px}.footer{left:14px;right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}