:root{--primary:#d400ff;--primary-light:#e35cff;--background:#200022;--surface:#2d0030;--text:#e8d5ff;--text-inverse:#0d0010;--accent:#fc0;--secondary:#ff66b2;--gold:gold;--silver:#a8a9ad;--rose-gold:#b76e79;--shadow:#0a000cb8;--heading-font:"Grenze", Georgia, serif;--body-font:"Big Shoulders Display", Arial, sans-serif;--engraving-font:"Big Shoulders Stencil", "Big Shoulders Display", sans-serif;color:var(--text);background:var(--background);font-family:var(--body-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:1.35}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}.app-shell{isolation:isolate;background:radial-gradient(circle at 50% 35%, #d400ff33, transparent 35rem), radial-gradient(circle at 12% 14%, #ff66b229, transparent 18rem), linear-gradient(145deg, #120015 0%, var(--background) 52%, #310035 100%);min-height:100vh;position:relative;overflow:hidden}.scene-layer,.star-layer{position:fixed;inset:0}.scene-layer{z-index:-3;opacity:.78}.view-page .scene-layer{opacity:1}.star-layer{z-index:-2;pointer-events:none}.content-layer{z-index:2;place-items:center;min-height:100vh;padding:36px 22px;display:grid;position:relative}.create-panel{width:min(760px,100%);box-shadow:0 30px 90px var(--shadow), inset 0 1px 0 #ffffff14;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#2d0030b8;border:1px solid #ffcc0038;border-radius:34px;gap:22px;padding:clamp(22px,5vw,42px);display:grid}.hero-copy{gap:4px;display:grid}.eyebrow,.field-label,.status-text{color:var(--accent);font-family:var(--body-font);letter-spacing:.12em;text-transform:uppercase;font-size:1.05rem;font-weight:700}h1{color:var(--primary);font-family:var(--heading-font);text-shadow:0 4px #ffcc0042,0 18px 50px #d400ff59;margin:0;font-size:clamp(4rem,13vw,8.7rem);font-weight:700;line-height:.78}.tagline{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:clamp(1.55rem,4vw,2.35rem);font-weight:700}.controls{gap:18px;margin-top:8px;display:grid}.control-group{gap:10px;display:grid}.pill-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pill{min-height:48px;color:var(--text);letter-spacing:.08em;text-transform:uppercase;background:#2d0030e6;border:1px solid #e8d5ff2e;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:11px 18px;font-size:1.15rem;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.pill:hover{border-color:var(--accent);transform:translateY(-2px)}.pill.is-selected{color:#fff;background:var(--primary);border-color:#ffffff59}.finish-swatch{border:1px solid #ffffff85;border-radius:50%;width:18px;height:18px;box-shadow:inset 5px 5px 8px #ffffff61,inset -7px -5px 10px #00000047}.engraving-input{width:min(420px,100%);height:58px;color:var(--text);text-align:center;background:#120015c2;border:2px solid #e8d5ff29;border-radius:999px;outline:none;margin:0 auto;padding:0 22px;font-size:1.45rem;font-weight:700}.engraving-input::placeholder{color:#e8d5ff7a}.engraving-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ffcc002e}.cta,.share-button{min-height:58px;font-family:var(--heading-font);letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:999px;justify-content:center;align-items:center;padding:14px 28px;font-size:1.25rem;font-weight:800;text-decoration:none;transition:transform .18s,filter .18s;display:inline-flex}.cta{color:#fff;background:var(--primary);width:min(360px,100%);margin:4px auto 0}.cta:hover,.share-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.cta:disabled,.share-button:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.72;transform:none}.error-text{color:#ffd2e7;margin:0;font-size:1.15rem;font-weight:700}.view-ui{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;padding:clamp(20px,4vw,42px);display:flex;position:fixed;inset:0}.top-bar,.bottom-bar{pointer-events:auto;align-items:center;display:flex}.top-bar{justify-content:space-between}.bottom-bar{justify-content:center}.create-link{color:var(--primary-light);letter-spacing:.1em;text-transform:uppercase;font-size:1.25rem;font-weight:800;text-decoration:none}.view-title{color:var(--accent);font-family:var(--heading-font);text-align:right;text-transform:uppercase;margin:0;font-size:clamp(1.7rem,5vw,3rem);line-height:1}.share-button{color:var(--text-inverse);background:var(--accent);box-shadow:0 18px 50px #00000052}.center-message{z-index:3;text-align:center;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.message-card{width:min(500px,100%);box-shadow:0 30px 90px var(--shadow);background:#2d0030e6;border-radius:28px;padding:32px}.message-card h2{color:var(--accent);font-family:var(--heading-font);margin:0 0 10px;font-size:3rem}.message-card p{margin:0 0 20px;font-size:1.3rem}@media (width<=700px){.content-layer{align-items:end;padding:76px 14px 22px}.create-panel{border-radius:26px;gap:16px}.pill{min-height:42px;padding:9px 13px;font-size:1rem}.view-ui{padding:22px 16px 26px}}