:root{--paper: #fbf8f1;--ink: #2b3026;--soft: #5c6453;--muted: #9aa089;--line: #e8e1d0;--accent: #355e3b;--sienna: #a8572e;--surface: #fffdf8;--chip: #f1eee2;--green-tint: #eef1e8;--sienna-tint: #f3efe2;--cream: #f3eedf;--home-bg: radial-gradient(120% 120% at 50% 0%, #f3eedf 0%, #e7e0ce 60%, #ded5bf 100%);--hero-green: linear-gradient(160deg, #3a6340, #2a4a30);--detail-hero: linear-gradient(165deg, #eef2e8, #e0e8d6);--scan-bg: #13160e;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "EB Garamond", Georgia, serif;--r-pill: 999px;--r-lg: 22px;--r-md: 16px;--r-sm: 12px;--pad-screen: 22px;--shadow-hero: 0 20px 40px -22px rgba(42, 74, 48, .8);--shadow-sheet: 0 -16px 40px -20px rgba(30, 40, 20, .5)}@keyframes arbrorScan{0%{transform:translateY(-46px)}to{transform:translateY(46px)}}@keyframes arbrorPulse{0%{transform:scale(.6);opacity:.65}to{transform:scale(1.9);opacity:0}}@keyframes arbrorSpin{to{transform:rotate(360deg)}}@keyframes arbrorUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#root{min-height:100%;display:flex;flex-direction:column}.app-stage{flex:1;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;min-height:100dvh;position:relative;overflow-x:hidden;background:var(--paper);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}.no-select{-webkit-user-select:none;user-select:none}@media (hover: hover){.row-hover:hover{border-color:var(--accent)!important;background:#fcfbf5!important}}.demo-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none;font-family:var(--font-body)}.demo-blocker{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:transparent}.demo-spotlight{position:absolute;border-radius:12px;box-shadow:0 0 0 2px var(--accent, #355e3b),0 0 0 4px #ffffffa6,0 0 0 100vmax #13160e8c;pointer-events:none}.demo-root:not(.demo-reduced) .demo-spotlight{transition:left .42s cubic-bezier(.4,0,.2,1),top .42s cubic-bezier(.4,0,.2,1),width .42s cubic-bezier(.4,0,.2,1),height .42s cubic-bezier(.4,0,.2,1)}.demo-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#13160e73;pointer-events:none}.demo-root:not(.demo-reduced) .demo-veil{transition:opacity .35s ease}.demo-cursor{position:absolute;left:0;top:0;width:30px;height:30px;margin:-4px 0 0 -3px;pointer-events:none;will-change:transform;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.demo-root:not(.demo-reduced) .demo-cursor{transition:transform .6s cubic-bezier(.34,.1,.2,1)}.demo-cursor.is-pressing{transform:translate(var(--cx),var(--cy)) scale(.82)!important}.demo-cursor-ring{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:2px solid rgba(255,255,255,.85);opacity:0}.demo-root:not(.demo-reduced) .demo-cursor.is-pressing .demo-cursor-ring{animation:demoTap .45s ease-out}@keyframes demoTap{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(1.1)}}.demo-caption{position:absolute;left:50%;bottom:92px;transform:translate(-50%);max-width:min(420px,calc(100vw - 40px));background:#13160eeb;color:var(--cream, #f3eedf);padding:13px 18px;border-radius:16px;font-size:15.5px;line-height:1.4;text-align:center;pointer-events:none;box-shadow:0 10px 30px -12px #000000b3}.demo-root:not(.demo-reduced) .demo-caption{animation:demoUp .28s ease}@keyframes demoUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.demo-bar{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:7px 9px;background:#13160ef0;color:var(--cream, #f3eedf);border-radius:999px;pointer-events:auto;box-shadow:0 12px 34px -14px #000c;max-width:calc(100vw - 24px)}.demo-bar-title{font-size:12px;letter-spacing:.3px;opacity:.85;padding:0 8px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw}.demo-bar-sep{width:1px;height:22px;background:#f3eedf38;flex:0 0 auto}.demo-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:38px;min-width:38px;padding:0 10px;border:none;border-radius:999px;background:#f3eedf1a;color:inherit;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer}.demo-btn:hover{background:#f3eedf33}.demo-btn-primary{background:var(--accent, #355e3b);color:var(--cream, #f3eedf)}.demo-btn-primary:hover{background:#3f6e46}.demo-btn-quit:hover{background:#a8572e80}.demo-count{font-size:12px;opacity:.75;padding:0 6px;white-space:nowrap}.menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#13160e6b;opacity:0;pointer-events:none;transition:opacity .28s ease}.menu-backdrop.is-open{opacity:1;pointer-events:auto}.menu-panel{position:absolute;top:0;right:0;bottom:0;z-index:51;width:min(86%,322px);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);box-shadow:-18px 0 44px -22px #1e28148c;transform:translate(101%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.menu-panel.is-open{transform:translate(0)}.menu-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px}.menu-list{flex:1;min-height:0;overflow-y:auto;padding:4px 12px 18px}.menu-group-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:600;color:var(--muted);padding:16px 10px 8px}.menu-item{width:100%;display:flex;align-items:center;gap:14px;padding:12px;border:1px solid transparent;border-radius:14px;background:none;text-align:left;color:var(--ink);font-family:inherit}.menu-item:hover{background:var(--chip)}.menu-item.is-active{background:var(--green-tint);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.menu-item-tile{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--chip);display:flex;align-items:center;justify-content:center;color:var(--accent)}.menu-item.is-active .menu-item-tile{background:var(--accent);color:var(--cream)}.menu-item.is-accent .menu-item-tile{color:var(--sienna)}.menu-item-label{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1.1}.menu-item-sub{font-size:12.5px;color:var(--muted);margin-top:1px}@media (prefers-reduced-motion: reduce){.menu-backdrop,.menu-panel{transition:none}}