@import "https://cdn.jsdelivr.net/gh/orionCactus/pretendard@1.3.9/dist/web/static/pretendard.css";
:root{--color-paper:#f6f1e7;--color-surface:#fbf7ef;--color-surface-muted:#efe7d8;--color-ink:#2a2620;--color-muted:#675e52;--color-line:#ddd2c0;--color-clay:#a94f30;--color-clay-soft:#ebd9cf;--color-moss:#667650;--color-sun:#d5ad43;--font-sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--page-width:72rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);letter-spacing:-.02em;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--color-sun);outline-offset:4px}.siteHeader{height:56px;padding:0 max(22px, calc((100vw - var(--page-width)) / 2));z-index:10;border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-paper) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:1.2rem;display:flex;position:sticky;top:0}.siteBrand{color:var(--color-ink);align-items:center;gap:.45rem;text-decoration:none;display:inline-flex}.siteMark{background:var(--color-clay);flex:none;width:18px;height:18px;-webkit-mask:url(/brand/mark.svg) 50%/contain no-repeat;mask:url(/brand/mark.svg) 50%/contain no-repeat}.siteWordmark{color:var(--color-ink);letter-spacing:-.02em;font-size:.98rem;font-weight:800;text-decoration:none}.siteHeader nav{align-items:center;gap:1rem;display:flex}.siteHeader nav a{color:var(--color-muted);font-size:.82rem;font-weight:600;text-decoration:none}.siteHeader nav a:hover{color:var(--color-ink)}.siteHeaderLogin{border:1px solid var(--color-line);white-space:nowrap;border-radius:999px;margin-left:auto;padding:.38rem .8rem;font-size:.8rem;font-weight:700;text-decoration:none}.siteHeaderAuth{align-items:center;gap:.55rem;min-width:0;margin-left:auto;display:flex}.siteHeaderEmail{min-width:0;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.siteHeaderLogout{justify-items:end;display:grid}.siteHeaderLogout button{border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-ink);font:inherit;white-space:nowrap;border-radius:999px;padding:.32rem .62rem;font-size:.76rem}.siteHeaderLogoutStatus{border:1px solid var(--color-line);background:var(--color-paper);width:min(22rem,100vw - 2rem);color:var(--color-ink);box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--color-ink) 12%, transparent);white-space:normal;border-radius:.75rem;margin:0;padding:.75rem 1rem;font-size:.8rem;line-height:1.45;position:fixed;top:4rem;right:1rem}.siteFooter{padding:1.75rem max(24px, calc((100vw - var(--page-width)) / 2));border-top:1px solid var(--color-line);gap:1.5rem;font-size:.82rem;display:flex}.siteFooter a:first-child{font-weight:850;text-decoration:none}.siteFooter span{color:var(--color-muted);margin-right:auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (max-width:560px){.siteHeader{gap:.75rem;padding-inline:1.1rem}.siteHeader nav{gap:.7rem}.siteHeader nav a{font-size:.76rem}.siteHeaderAuth{gap:.45rem}.siteHeaderEmail{max-width:6rem}.siteFooter{flex-wrap:wrap;padding-inline:1.25rem}}@media (max-width:480px){.siteHeaderEmail{display:none}}.appPage{width:min(46rem,100%);min-height:calc(100dvh - 130px);margin:0 auto;padding:3rem 1rem 7rem}.appPage h1{max-width:22rem;margin:.5rem 0 1rem;font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.3}.appPage p:not(.eyebrow){max-width:32rem;color:var(--color-muted);line-height:1.7}.appTabBar{z-index:20;padding:.55rem max(1rem, calc((100vw - 46rem) / 2)) calc(.55rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:color-mix(in srgb, var(--color-paper) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;gap:.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.appTab{min-width:3.8rem;color:var(--color-muted);text-align:center;touch-action:manipulation;border-radius:12px;padding:.25rem .45rem;font-size:1.05rem;text-decoration:none;display:grid}.appTab small{font-size:.68rem}.appTab.active{background:var(--color-surface);color:var(--color-clay);font-weight:700}@media (max-width:560px){.appTabBar{justify-content:space-around}.appTab{flex:1}}
