:root{color:#f3f7f4;font-synthesis:none;--mint:#8ee7c0;--mint-bright:#c4f9e2;--panel:#081813c7;--line:#c2f8de29;background:#07110e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 52% 42%,#153f32 0%,#091b15 38%,#050b09 78%)}button,summary{font:inherit}#heart-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#app:before{content:"";pointer-events:none;background-image:linear-gradient(#77d5ab09 1px,#0000 1px),linear-gradient(90deg,#77d5ab09 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.topbar{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:28px 34px;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#ef655f;background:#0d261ea8;border:1px solid #8ee7c05c;border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;display:grid;box-shadow:inset 0 0 22px #8ee7c014}.eyebrow,.info-kicker{color:var(--mint);letter-spacing:.16em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:700}h1{letter-spacing:-.02em;margin:0;font-family:Georgia,serif;font-size:clamp(24px,3vw,38px);font-weight:500}.status{border:1px solid var(--line);color:#a8c7b9;background:#05100cb8;border-radius:999px;padding:9px 13px;font-size:12px}.status:before{content:"";background:#f3c76a;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 10px}.status.ready:before{background:#79e7af}.view-switcher{z-index:3;gap:10px;display:grid;position:fixed;top:50%;left:34px;transform:translateY(-50%)}.view-button{border:1px solid var(--line);color:#a8beb4;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06130ea8;border-radius:14px;width:178px;padding:14px 16px;transition:border-color .2s,background .2s,color .2s,transform .2s}.view-button:hover{color:#fff;border-color:#8ee7c06b;transform:translate(3px)}.view-button.active{color:#081510;background:var(--mint-bright);border-color:var(--mint-bright);box-shadow:0 12px 40px #40b5852e}.button-number{letter-spacing:.15em;opacity:.65;margin-bottom:5px;font-size:10px;display:block}.info-card{z-index:3;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;width:min(330px,100vw - 68px);padding:24px;position:fixed;top:50%;right:34px;transform:translateY(-46%);box-shadow:0 22px 70px #0000004d}.info-card h2{margin:0 0 12px;font-family:Georgia,serif;font-size:27px;font-weight:500;line-height:1.1}.info-card>p:not(.info-kicker){color:#a8bbb2;margin:0;font-size:13px;line-height:1.6}.selection{border:1px solid var(--line);background:#020a0752;border-radius:13px;margin-top:20px;padding:13px 15px}.selection span{color:#78968a;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:10px;display:block}.selection strong{color:var(--mint-bright);overflow-wrap:anywhere;font-size:13px;font-weight:650}.controls-row{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.secondary-button{border:1px solid var(--line);color:#d8e6df;cursor:pointer;background:0 0;border-radius:10px;padding:10px;font-size:12px}.secondary-button:hover{background:#8ee7c014;border-color:#8ee7c080}.audit-note{border-top:1px solid var(--line);color:#8da79b;margin-top:15px;padding-top:13px;font-size:11px;line-height:1.5}.audit-note summary{color:#c5d8cf;cursor:pointer}.audit-note p{margin:9px 0 0}.loading-panel{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040e0ad1;border-radius:13px;width:min(360px,100vw - 40px);padding:13px 16px;transition:opacity .35s,transform .35s;position:fixed;bottom:56px;left:50%;transform:translate(-50%)}.loading-panel.hidden{opacity:0;pointer-events:none;transform:translate(-50%,12px)}.loading-label{color:#a8c1b5;justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.loading-track{background:#ffffff1a;border-radius:99px;height:3px;overflow:hidden}.loading-progress{background:var(--mint);width:0;height:100%;transition:width .2s}.hint{z-index:3;color:#cfe2d987;white-space:nowrap;pointer-events:none;font-size:11px;position:fixed;bottom:21px;left:50%;transform:translate(-50%)}.hint span{margin:0 7px}@media (width<=850px){.topbar{padding:18px}.status{display:none}.brand-mark{border-radius:11px;width:38px;height:38px}.view-switcher{grid-template-columns:1fr 1fr;width:calc(100% - 36px);top:auto;bottom:18px;left:50%;transform:translate(-50%)}.view-button{text-align:center;width:auto;padding:11px 13px}.button-number{margin-right:5px;display:inline}.info-card{width:min(260px,100vw - 36px);padding:16px;top:auto;bottom:92px;right:18px;transform:none}.info-card h2{font-size:20px}.info-card>p:not(.info-kicker),.audit-note,.hint{display:none}.selection{margin-top:12px}.loading-panel{bottom:165px}}@media (height<=620px) and (width>=851px){.info-card{transform-origin:100%;transform:translateY(-40%)scale(.88)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}