:root { color-scheme:light; --home-bg:#fafbfd; --home-card:#fff; --home-ink:#1e2d44; --home-muted:#62758b; --home-line:#dce3eb; --home-soft:#edf2f8; --home-shadow:0 12px 36px #1e2d4408; }
:root[data-padock-theme="dark"] { color-scheme:dark; --home-bg:#111c2b; --home-card:#19273a; --home-ink:#edf2f8; --home-muted:#a4b4c7; --home-line:#2b3d54; --home-soft:#20324a; --home-shadow:0 12px 36px #0002; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:300px; background:var(--home-bg); color:var(--home-ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif; -webkit-font-smoothing:antialiased; }
body::before { content:""; position:absolute; z-index:-1; top:0; right:0; width:min(65vw,950px); height:640px; background:radial-gradient(ellipse at 70% 15%,#5b7ca61c,transparent 70%); pointer-events:none; }
a { color:inherit; }
svg { fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
button { font:inherit; }
.padock-shell { width:min(1160px,calc(100% - 80px)); margin:auto; }
.padock-skip { position:fixed; top:12px; left:12px; padding:12px 18px; z-index:10; background:var(--home-card); transform:translateY(-160%); border:1px solid var(--home-line); border-radius:8px; }
.padock-skip:focus { transform:none; }
.padock-header { display:flex; justify-content:space-between; align-items:center; min-height:108px; gap:16px; }
.padock-wordmark { display:flex; align-items:center; gap:11px; text-decoration:none; font-size:21px; font-weight:750; letter-spacing:-.8px; }
.padock-wordmark img { width:42px; height:42px; object-fit:contain; }
.padock-wordmark-secondary { font-weight:450; color:var(--home-muted); }
.padock-theme-button { display:flex; align-items:center; gap:8px; border:1px solid var(--home-line); background:var(--home-card); color:var(--home-muted); padding:9px 13px; border-radius:24px; cursor:pointer; font-size:12px; }
.padock-theme-button svg { width:16px; height:16px; }
.padock-theme-button:hover { color:var(--home-ink); border-color:var(--padock-blue); }
.padock-intro { display:grid; grid-template-columns:1.35fr 1fr; align-items:center; gap:64px; padding:54px 0 68px; }
.padock-eyebrow { color:var(--padock-blue); font-size:11px; font-weight:650; letter-spacing:2.3px; margin:0 0 25px; }
.padock-intro h1 { margin:0; font-size:clamp(36px,4.8vw,56px); font-weight:700; line-height:1.25; letter-spacing:-2.8px; }
.padock-lead { margin:25px 0 0; color:var(--home-muted); font-size:15px; line-height:1.9; letter-spacing:-.35px; }
.padock-emblem { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:300px; }
.padock-emblem img { position:relative; display:block; width:min(264px,100%); height:auto; filter:drop-shadow(0 22px 22px #1e2d4412); }
.padock-emblem-ring { position:absolute; width:340px; height:340px; max-width:100%; border:1px solid var(--home-line); border-radius:50%; opacity:.6; }
.padock-emblem-caption { position:relative; margin-top:24px; color:var(--home-muted); font-size:10px; letter-spacing:1.7px; }
.padock-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.padock-section-heading h2 { font-size:16px; font-weight:600; letter-spacing:-.5px; margin:0; }
.padock-section-heading>span { font-size:9px; letter-spacing:1.3px; color:var(--home-muted); }
.padock-tool-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.padock-tool-card { display:flex; flex-direction:column; min-width:0; text-decoration:none; padding:26px 25px 21px; background:var(--home-card); border:1px solid var(--home-line); border-radius:20px; box-shadow:var(--home-shadow); transition:transform .18s,border-color .18s,box-shadow .18s; }
.padock-tool-card:hover { transform:translateY(-4px); border-color:var(--padock-blue); box-shadow:0 18px 40px #1e2d4410; }
.padock-card-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:22px; }
.padock-app-icon { display:block; width:64px; height:64px; object-fit:contain; }
.padock-vector-icon { display:flex; justify-content:center; align-items:center; width:64px; height:64px; border:1px solid var(--home-line); border-radius:17px; background:linear-gradient(145deg,var(--home-card),var(--home-soft)); color:var(--padock-blue); }
.padock-vector-icon svg { width:34px; height:34px; stroke-width:1.4; }
.padock-card-type { font-size:9px; letter-spacing:1.8px; color:var(--home-muted); }
.padock-tool-card h3 { margin:0; font-size:21px; font-weight:650; letter-spacing:-.6px; }
.padock-tool-card p { color:var(--home-muted); font-size:12px; line-height:1.9; margin:13px 0 25px; flex:1; letter-spacing:-.15px; }
.padock-card-foot { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--home-line); padding-top:17px; font-size:12px; font-weight:600; }
.padock-card-foot svg { width:19px; height:19px; color:var(--padock-blue); transition:transform .18s; }
.padock-tool-card:hover .padock-card-foot svg { transform:translateX(3px); }
.padock-storage-note { display:flex; align-items:flex-start; gap:13px; margin:28px 0 0; padding:20px 22px; border:1px solid var(--home-line); border-radius:14px; background:var(--home-soft); }
.padock-storage-note>svg { width:20px; height:20px; flex-shrink:0; color:var(--padock-blue); }
.padock-storage-note strong { display:block; font-size:12px; font-weight:600; }
.padock-storage-note p { margin:6px 0 0; font-size:11px; line-height:1.8; color:var(--home-muted); }
.padock-footer { display:flex; justify-content:space-between; gap:16px; padding:36px 0 26px; color:var(--home-muted); font-size:10px; letter-spacing:.4px; }
:focus-visible { outline:2px solid var(--padock-blue); outline-offset:5px; }
.padock-not-found { max-width:620px; min-height:65vh; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.padock-not-found h1 { font-size:42px; letter-spacing:-2px; margin:0 0 15px; }
.padock-not-found p { color:var(--home-muted); font-size:15px; line-height:1.8; }
.padock-not-found a { display:inline-flex; margin-top:14px; text-decoration:none; border:1px solid var(--home-line); padding:12px 18px; border-radius:10px; background:var(--home-card); }
@media(max-width:900px) { .padock-shell { width:calc(100% - 48px); } .padock-intro { gap:24px; padding-top:35px; } .padock-emblem img { width:220px; } .padock-emblem-ring { width:275px; height:275px; } .padock-tool-grid { gap:12px; } .padock-tool-card { padding:21px 18px 18px; } .padock-tool-card h3 { font-size:18px; } .padock-tool-card p { font-size:11px; } }
@media(max-width:680px) { .padock-shell { width:calc(100% - 36px); } .padock-header { min-height:86px; } .padock-wordmark { font-size:18px; gap:8px; } .padock-wordmark img { width:35px; height:35px; } .padock-theme-button { padding:9px; } .padock-theme-button span { display:none; } .padock-intro { grid-template-columns:1fr; padding:32px 0 38px; gap:0; } .padock-intro h1 { font-size:40px; letter-spacing:-2px; } .padock-lead { font-size:13px; } .padock-emblem { display:none; } .padock-eyebrow { font-size:9px; margin-bottom:20px; } .padock-section-heading>span { display:none; } .padock-section-heading h2 { font-size:14px; } .padock-tool-grid { grid-template-columns:1fr; gap:14px; } .padock-tool-card { padding:23px; } .padock-card-top { margin-bottom:15px; } .padock-tool-card h3 { font-size:22px; } .padock-tool-card p { font-size:12px; margin-bottom:21px; } .padock-storage-note { margin-top:21px; padding:18px 16px; } .padock-footer { font-size:9px; padding-top:28px; } .padock-desktop-break { display:none; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }