:root{--canvas:#f4f6f5;--surface:#fff;--ink:#0e1512;--ink-soft:#3a443f;--muted:#6a7570;--muted-light:#8a948f;--line:#e6eae8;--line-soft:#eef1ef;--fill:#f0f3f1;--green:#0f7a47;--green-deep:#0b4a2f;--green-bright:#14894f;--green-light:#34c77b;--green-soft:#e8f3ec;--over:#c2410c;--over-soft:#fff1ec;--on-green:#fff;--radius-card:20px;--radius-hero:24px;--radius-pill:28px;--radius-chip:14px;--radius-badge:8px;--space-gutter:20px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--min-tap:44px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}.page{max-width:720px;padding:0 var(--space-gutter) var(--space-xl);margin:0 auto}.site-header{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-gutter);max-width:720px;margin:0 auto;display:flex}.site-header img{border-radius:var(--radius-badge);width:32px;height:32px}.site-header .brand-name{letter-spacing:.2px;font-size:18px;font-weight:700}.site-header a{align-items:center;gap:var(--space-sm);text-decoration:none;display:flex}.hero{background:linear-gradient(135deg, var(--green-bright), var(--green-deep));color:var(--on-green);border-radius:var(--radius-hero);padding:var(--space-xl) var(--space-xl);margin-top:var(--space-md)}.hero h1{margin:0 0 var(--space-sm);font-size:28px;line-height:1.3}.hero p{color:#ffffffd9;margin:0;font-size:16px}.feature-grid{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=560px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-lg)}.feature-card .icon{border-radius:var(--radius-chip);background:var(--green-soft);width:40px;height:40px;margin-bottom:var(--space-md);justify-content:center;align-items:center;font-size:20px;display:flex}.feature-card h2{margin:0 0 var(--space-xs);font-size:16px}.feature-card p{color:var(--muted);margin:0;font-size:14px}.download-cta{gap:var(--space-md);margin-top:var(--space-xl);flex-direction:column;display:flex}@media (width>=480px){.download-cta{flex-direction:row}}.btn{min-height:var(--min-tap);padding:0 var(--space-xl);border-radius:var(--radius-pill);border:1px solid #0000;flex:1;justify-content:center;align-items:center;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background:var(--green);color:var(--on-green)}.btn--secondary{background:var(--surface);color:var(--green-deep);border-color:var(--line)}.site-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--line);gap:var(--space-md) var(--space-xl);color:var(--muted);flex-wrap:wrap;font-size:14px;display:flex}.site-footer a{color:var(--muted);text-decoration:underline}.share-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-xl);margin-top:var(--space-md)}.share-header{align-items:center;gap:var(--space-md);display:flex}.avatar{object-fit:cover;background:var(--green-soft);border-radius:50%;width:48px;height:48px}.share-name{margin:0;font-size:16px;font-weight:700}.share-meta{color:var(--muted);margin:var(--space-xs) 0 0;font-size:13px}.score-hero{align-items:baseline;gap:var(--space-md);margin:var(--space-xl) 0;display:flex}.score-total{color:var(--ink);font-size:56px;font-weight:800;line-height:1}.score-to-par{color:var(--green);font-size:20px;font-weight:700}.scorecard{border-collapse:collapse;width:100%;font-size:14px}.scorecard th,.scorecard td{padding:var(--space-sm) var(--space-xs);text-align:center;border-bottom:1px solid var(--line-soft)}.scorecard th{color:var(--muted);font-weight:600}.scorecard .summary-row td{background:var(--fill);font-weight:700}.scorecard .summary-row--total td{background:var(--green-soft);color:var(--green-deep)}.scorecard .muted{color:var(--muted-light)}.share-attribution{color:var(--muted-light);margin:var(--space-md) 0 0;font-size:12px}.skeleton-page{margin-top:var(--space-md);padding:var(--space-xl);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.skeleton{background:var(--line-soft);border-radius:var(--radius-badge);animation:1.2s ease-in-out infinite pulse}.skeleton--avatar{width:48px;height:48px;margin-bottom:var(--space-md);border-radius:50%}.skeleton--line{height:14px;margin-bottom:var(--space-sm)}.skeleton--line-60{width:60%}.skeleton--line-40{width:40%}.skeleton--block{height:160px;margin-top:var(--space-lg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{text-align:center;padding:calc(var(--space-xl) * 2) var(--space-xl);margin-top:var(--space-md);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.empty-state p{color:var(--ink-soft);margin:0 0 var(--space-lg);font-size:16px}.draft-banner{background:var(--over-soft);color:var(--over);border-radius:var(--radius-chip);padding:var(--space-md) var(--space-lg);margin-top:var(--space-md);font-size:14px;font-weight:600}.prose h1{margin:var(--space-xl) 0 var(--space-sm);font-size:24px}.prose h2{margin:var(--space-xl) 0 var(--space-sm);font-size:18px}.prose p,.prose li{color:var(--ink-soft);font-size:15px}