:root{color:#24342d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#f7f8f5;min-height:100vh}button{font:inherit}:root{--pg-bg:#f7f8f5;--pg-surface:#fff;--pg-text:#24342d;--pg-text-muted:#7a857f;--pg-primary:#4f7d62;--pg-primary-soft:#eaf3ed;--pg-blue-soft:#edf4fa;--pg-cream-soft:#faf4e8;--pg-lavender-soft:#f1eef8;--pg-border:#273a3014;--pg-radius-lg:28px;--pg-radius-md:22px;--pg-radius-sm:16px;--pg-gap-lg:20px;--pg-gap-md:14px;--pg-gap-sm:10px;--pg-shadow-soft:0 8px 28px #26382f0f;--pg-safe-top:env(safe-area-inset-top,0px);--pg-safe-bottom:env(safe-area-inset-bottom,0px)}.home-page{background:var(--pg-bg);width:100%;min-height:100vh;color:var(--pg-text)}.home-shell{width:100%;max-width:430px;padding:calc(var(--pg-safe-top) + 16px) 18px calc(104px + var(--pg-safe-bottom));margin:0 auto}.home-stack{gap:18px;display:grid}button{-webkit-tap-highlight-color:transparent}.hero-section{border:1px solid var(--pg-border);background:linear-gradient(#eef7f1 0%,#edf4ef 100%);border-radius:30px;min-height:232px;padding:22px;position:relative;overflow:hidden}.brand{z-index:2;color:var(--pg-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:15px;font-weight:700;position:relative}.hero-section h1{z-index:2;letter-spacing:-.04em;max-width:210px;margin:0;font-size:28px;font-weight:700;line-height:1.25;position:relative}.weather-pill{z-index:2;min-height:40px;color:var(--pg-text);background:#ffffffe0;border:0;border-radius:999px;margin-top:18px;padding:0 16px;position:relative;box-shadow:0 5px 18px #24342d0f}.hero-art{opacity:.85;background:radial-gradient(circle at 62% 42%,#f1c6a0 0 10%,#0000 11%),radial-gradient(circle at 45% 52%,#5d8a69 0 20%,#0000 21%),radial-gradient(circle at 75% 70%,#8bb89c 0 28%,#0000 29%);border-radius:50% 0 0;width:210px;height:180px;position:absolute;bottom:-20px;right:-24px}.course-card,.quick-card,.record-card,.grade-card{width:100%;color:var(--pg-text);text-align:left;cursor:pointer;border:0;transition:transform .12s,opacity .12s;position:relative}.course-card:active,.quick-card:active,.record-card:active,.grade-card:active,.caddie-button:active{transform:scale(.985)}.course-card{background:var(--pg-primary-soft);border-radius:28px;grid-template-columns:112px 1fr 28px;align-items:center;min-height:132px;padding:18px;display:grid}.course-art{background:radial-gradient(circle at 56% 40%,#e56e50 0 11%,#0000 12%),radial-gradient(circle at 45% 60%,#77a984 0 38%,#0000 39%),linear-gradient(150deg,#d6eadc 0%,#b9dbc4 100%);border-radius:24px;width:96px;height:96px}.course-content{gap:5px;display:grid}.course-content strong{font-size:21px;font-weight:700}.course-content span{color:var(--pg-text-muted);font-size:13px;line-height:1.45}.card-arrow{color:#829087;justify-self:end;font-size:28px;font-weight:300}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quick-card{border-radius:24px;grid-template-rows:1fr auto;grid-template-columns:1fr auto;min-height:128px;padding:16px;display:grid;overflow:hidden}.quick-card strong{align-self:end;font-size:19px;font-weight:700}.quick-card .card-arrow{grid-area:2/2;align-self:end}.quick-art{background:#ffffff9e;border-radius:18px;grid-column:1/-1;width:64px;height:56px}.quick-game{background:var(--pg-blue-soft)}.quick-meeting{background:var(--pg-cream-soft)}.quick-schedule{background:var(--pg-primary-soft)}.quick-activity{background:var(--pg-lavender-soft)}.record-card{background:var(--pg-lavender-soft);border-radius:28px;grid-template-columns:1fr 84px 28px;align-items:center;min-height:122px;padding:20px;display:grid}.record-title{margin-bottom:5px;font-size:21px;font-weight:700}.record-subtitle{max-width:190px;color:var(--pg-text-muted);font-size:13px;line-height:1.45}.record-chart{justify-content:center;align-items:flex-end;gap:7px;height:58px;display:flex}.record-chart span{background:#a99acb;border-radius:8px 8px 3px 3px;width:14px}.record-chart span:first-child{height:28px}.record-chart span:nth-child(2){height:44px}.record-chart span:nth-child(3){height:55px}.grade-card{background:var(--pg-primary-soft);border-radius:28px;grid-template-columns:78px 1fr 28px;align-items:center;min-height:130px;padding:18px;display:grid}.grade-badge{background:var(--pg-primary);color:#fff;border-radius:20px;place-items:center;width:64px;height:64px;font-size:16px;font-weight:800;display:grid}.grade-content{gap:6px;display:grid}.grade-label{color:var(--pg-text-muted);font-size:12px}.grade-content strong{font-size:24px;line-height:1}.grade-content small{color:var(--pg-text-muted);font-size:11px}.grade-progress{background:#4f7d6226;border-radius:999px;width:100%;height:7px;overflow:hidden}.grade-progress span{border-radius:inherit;background:var(--pg-primary);width:72%;height:100%;display:block}.caddie-button{left:calc(50% + 116px);bottom:calc(82px + var(--pg-safe-bottom));z-index:20;background:#5c8a6c;border:5px solid #fff;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:fixed;box-shadow:0 10px 26px #2c44373d}.caddie-face{color:#fff;font-size:28px;line-height:1}.bottom-nav{z-index:10;width:min(100%,430px);padding:8px 16px calc(8px + var(--pg-safe-bottom));border-top:1px solid var(--pg-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-inner{grid-template-columns:repeat(4,1fr);align-items:center;min-height:58px;display:grid}.bottom-nav button{color:#8c9891;background:0 0;border:0;min-height:48px;font-size:13px}.bottom-nav button.active{color:var(--pg-primary);font-weight:700}@media (width<=360px){.home-shell{padding-left:14px;padding-right:14px}.hero-section h1{font-size:25px}.course-card{grid-template-columns:94px 1fr 24px}.course-art{width:82px;height:82px}.caddie-button{left:auto;right:18px}}@media (width>=768px){.home-shell{max-width:460px}.bottom-nav{width:460px}.caddie-button{left:calc(50% + 132px)}}.reference-overlay{z-index:9998;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(100%,430px);height:auto;position:fixed;top:0;left:50%;transform:translate(-50%)}.reference-tools{z-index:9999;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1412c7;border-radius:14px;gap:8px;width:150px;padding:10px;font-size:12px;display:grid;position:fixed;top:12px;right:12px}.reference-tools button{color:#24342d;cursor:pointer;background:#fff;border:0;border-radius:10px;min-height:34px}.reference-tools label{gap:5px;display:grid}.reference-tools input[type=range]{width:100%}@media (width<=480px){.reference-tools{width:128px;padding:8px}}