:root{--ink:#0c0c0e;--ink-soft:#16161a;--bone:#f2efe9;--bone-dim:#b9b4aa;--accent:#c8a24a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--bone);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.shell{min-height:100dvh;padding:max(env(safe-area-inset-top), 16px) 20px max(env(safe-area-inset-bottom), 16px);flex-direction:column;max-width:480px;margin:0 auto;display:flex}.masthead{justify-content:space-between;align-items:center;padding:8px 0 24px;display:flex}.wordmark{letter-spacing:.12em;font-size:1.15rem;font-weight:600}.artist-chip{border:1px solid var(--accent);color:var(--accent);letter-spacing:.2em;border-radius:999px;padding:4px 14px;font-size:.8rem}.hero{flex-direction:column;flex:1;justify-content:center;gap:20px;display:flex}.hero h1{font-size:clamp(1.8rem,7.5vw,2.4rem);font-weight:650;line-height:1.18}.sub{color:var(--bone-dim);max-width:34ch;font-size:1rem;line-height:1.55}.cta{background:var(--bone);width:100%;min-height:56px;color:var(--ink);border:none;border-radius:14px;margin-top:12px;font-size:1.05rem;font-weight:600}.cta:disabled{opacity:.45}.foot{color:var(--bone-dim);justify-content:space-between;align-items:center;padding-top:24px;font-size:.8rem;display:flex}.status:before{content:"";background:var(--bone-dim);border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.status-ok:before{background:#4cc38a}.status-down:before{background:#e5484d}.landing{flex-direction:column;flex:1;gap:24px;display:flex}.hero-landing{flex:none;min-height:62dvh}.style-tags{flex-wrap:wrap;gap:8px;display:flex}.style-tag{color:var(--bone-dim);letter-spacing:.06em;border:1px solid #2a2a30;border-radius:999px;padding:6px 14px;font-size:.8rem}.gallery{columns:2;column-gap:10px}.gallery img{border:1px solid #1f1f25;border-radius:10px;width:100%;margin-bottom:10px;display:block}.bio{flex-direction:column;gap:16px;padding-bottom:8px;display:flex}.cta-link{justify-content:center;align-items:center;text-decoration:none;display:flex}.handoff{flex-direction:column;gap:8px;margin-top:4px;display:flex}.handoff-link{background:var(--ink-soft);width:100%;min-height:48px;color:var(--bone-dim);text-align:left;border:1px dashed #2a2a30;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.handoff-url{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;overflow:hidden}.handoff-copy{color:var(--accent);flex:none;font-size:.85rem;font-weight:600}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-scroll{flex-direction:column;flex:0 auto;gap:10px;min-height:0;padding:4px 0 12px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;border-radius:16px;max-width:85%;padding:12px 14px;font-size:.98rem;line-height:1.45}.bubble-assistant{background:var(--ink-soft);border-bottom-left-radius:4px;align-self:flex-start}.bubble-user{background:var(--bone);color:var(--ink);border-bottom-right-radius:4px;align-self:flex-end}.bubble-typing{letter-spacing:3px;animation:1.2s ease-in-out infinite fade-pulse}.chat-error{color:#e5484d;align-self:center;font-size:.85rem}.chat-input{gap:8px;padding-top:8px;display:flex}.chat-input input{background:var(--ink-soft);min-height:48px;color:var(--bone);border:1px solid #2a2a30;border-radius:12px;flex:1;padding:0 14px;font-size:1rem}.chat-input input:focus{outline:2px solid var(--accent);outline-offset:-1px}.chat-input button{background:var(--accent);width:48px;min-height:48px;color:var(--ink);border:none;border-radius:12px;font-size:1.3rem;font-weight:700}.chat-input button:disabled{opacity:.35}.generating{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.pulse-ring{border:3px solid var(--accent);border-radius:50%;width:64px;height:64px;animation:1.6s ease-in-out infinite ring-pulse}.elapsed{color:var(--bone-dim);font-variant-numeric:tabular-nums;font-size:.9rem}@keyframes ring-pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.05)}}@keyframes fade-pulse{0%,to{opacity:.4}50%{opacity:1}}.email-form{flex-direction:column;gap:12px;display:flex}.email-form input{background:var(--ink-soft);min-height:52px;color:var(--bone);border:1px solid #2a2a30;border-radius:12px;padding:0 16px;font-size:1.05rem}.email-form input:focus{outline:2px solid var(--accent);outline-offset:-1px}.refine-base{border:1px solid #2a2a30;border-radius:12px;align-self:center;width:100%;max-width:320px;overflow:hidden}.refine-base img{width:100%;display:block}.verdict-row{gap:10px;display:flex}.verdict{background:var(--ink-soft);min-height:52px;color:var(--bone);border:1px solid #2a2a30;border-radius:12px;flex:1;font-size:.95rem}.verdict-on{border-color:var(--accent);color:var(--accent)}.verdict-help{color:var(--bone-dim);font-size:.82rem;line-height:1.45}.note-input{background:var(--ink-soft);color:var(--bone);resize:none;border:1px solid #2a2a30;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:1rem}.note-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.cell-selected{outline:3px solid var(--accent);outline-offset:-3px}.unlock{flex-direction:column;flex:1;gap:14px;padding-top:8px;display:flex}.pay-form{flex-direction:column;gap:14px;display:flex}.cta-ghost{color:var(--bone-dim);background:0 0;border:1px solid #2a2a30}.concepts{flex-direction:column;flex:1;gap:14px;padding-top:8px;display:flex}.concept-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.concept-cell{background:var(--ink-soft);aspect-ratio:1;border:1px solid #2a2a30;border-radius:12px;padding:0;overflow:hidden}.concept-cell img{object-fit:cover;width:100%;height:100%;display:block}.img-shimmer{background:linear-gradient(100deg,#16161a 40%,#1f1f25 50%,#16161a 60%) 0 0/200% 100%;width:100%;height:100%;min-height:120px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.lightbox{z-index:10;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:fixed;inset:0}.lightbox img{border-radius:12px;width:100%;max-width:480px}.lightbox p{color:var(--bone-dim);font-size:.85rem}