:root{--bg:#090806;--panel:#11100d;--amber:#e0a83a;--amber2:#f3d58a;--text:#fff9ec;--muted:#c9c2b4;--line:#725a2b}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at top,#242018 0,#0b0a08 50%,#050504 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
button,a{-webkit-tap-highlight-color:transparent}
.shell{width:min(100%,720px);margin:0 auto;min-height:100vh}
.card{min-height:100vh;padding:0 32px 42px;background:linear-gradient(180deg,rgba(20,18,13,.98),rgba(7,7,6,.99));border-left:1px solid rgba(224,168,58,.25);border-right:1px solid rgba(224,168,58,.25)}
.hidden{display:none!important}
.loading-panel{min-height:100vh;display:grid;align-content:center;justify-items:center;text-align:center;padding:32px}
.brand{font-weight:900;letter-spacing:.16em;color:var(--amber2);font-size:1.25rem;margin-bottom:28px}
.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--amber);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}
@keyframes spin{to{transform:rotate(360deg)}}
.muted{color:var(--muted);line-height:1.45}
.photo-wrap{margin:0 auto;overflow:hidden;border-radius:0 0 12px 12px;background:#060604;box-shadow:0 12px 36px rgba(0,0,0,.42)}
.photo{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#050504}
.score-row{display:flex;align-items:baseline;justify-content:center;gap:14px;padding:30px 10px 24px;color:var(--amber)}
.score-row strong{font-size:4rem;line-height:1;font-weight:800;letter-spacing:.02em}
.score-row span{font-size:1.35rem;font-weight:800;color:var(--amber2)}
.btn{width:100%;min-height:68px;border-radius:999px;font-size:1.2rem;font-weight:900;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;margin:0 0 18px}
.btn-primary{background:var(--amber);border:2px solid var(--amber);color:#090806}
.btn-outline{background:transparent;border:2px solid var(--amber);color:var(--text)}
.social-row{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin:24px 0 12px}
.link-btn,.copy-btn{border:0;background:transparent;color:#f3ddb0;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit}
.link-btn{font-size:1.25rem;padding:8px 0}
.share-note{text-align:center;color:var(--muted);font-size:.86rem;line-height:1.35;margin:0 auto 16px;max-width:560px}
.copy-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:8px 0 24px}
.copy-btn{font-size:1rem;padding:10px 0}
.footer-tags{text-align:center;color:#b9a77f;margin:28px 0 0;font-size:.95rem}
.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:50;background:#18150f;border:1px solid var(--amber);color:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.4);white-space:nowrap;max-width:calc(100vw - 28px);overflow:hidden;text-overflow:ellipsis}
@media(max-width:520px){.card{padding:0 30px 36px}.score-row{padding-top:28px}.score-row strong{font-size:3.6rem}.score-row span{font-size:1.15rem}.btn{min-height:62px;font-size:1.05rem}.social-row{gap:24px}.link-btn{font-size:1.1rem}.copy-row{gap:24px}.copy-btn{font-size:.92rem}}
@media(max-width:390px){.card{padding-left:22px;padding-right:22px}.social-row{gap:18px}.link-btn{font-size:1rem}.copy-row{gap:14px}.copy-btn{font-size:.86rem}}