:root{--bg: #FFF7FB;--ink: #241A33;--ink-soft: #6E5A85;--grad: linear-gradient(135deg, #FF6FB5 0%, #A855F7 50%, #6366F1 100%);--card-bg: rgba(255, 255, 255, .55);--card-border: rgba(255, 255, 255, .9);--radius-card: 24px;--font-body: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", sans-serif;--font-point: "Unbounded", sans-serif;--shadow-card: 0 8px 32px rgba(168, 85, 247, .1);--shadow-lift: 0 16px 40px rgba(168, 85, 247, .18);--max-w: 1080px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;word-break:keep-all}body.menu-open{overflow:hidden}img,svg{max-width:100%;height:auto}a{color:inherit}h1,h2,h3{line-height:1.3;margin:0 0 .6em;font-weight:800}h1{font-size:clamp(1.9rem,6vw,3.2rem);letter-spacing:-.02em}h2{font-size:clamp(1.4rem,4vw,2rem);letter-spacing:-.01em}h3{font-size:1.12rem}p{margin:0 0 1em}.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}.muted{color:var(--ink-soft)}.image-card{margin:0;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.86);background:#ffffff9e;box-shadow:var(--shadow-card)}.image-card img{display:block;width:100%;height:auto}.image-card figcaption{padding:10px 14px 12px;color:var(--ink-soft);font-size:.82rem;font-style:italic;line-height:1.45}.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 18px;border-radius:0 0 12px;z-index:100}.skip-link:focus{left:0}.site-header{position:sticky;top:0;z-index:50;background:#fff7fbcc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(168,85,247,.12)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;max-width:var(--max-w);margin:0 auto}.brand{display:flex;align-items:baseline;gap:8px;text-decoration:none}.brand .brand-main{font-family:var(--font-point);font-weight:700;font-size:1.05rem;letter-spacing:.08em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand .brand-sub{font-size:.68rem;letter-spacing:.22em;color:var(--ink-soft)}.header-actions{display:flex;align-items:center;gap:10px}.site-nav{display:none}.menu-btn{display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;cursor:pointer;padding:6px 8px;color:var(--ink-soft);font-family:var(--font-body)}.menu-btn .menu-bar{display:block;width:22px;height:2px;border-radius:2px;background:var(--ink)}.menu-btn .menu-label{font-size:.62rem;letter-spacing:.14em}.menu-overlay{display:none;position:fixed;inset:0;z-index:90;align-items:center;justify-content:center}.menu-overlay.open{display:flex}.menu-overlay .menu-inner{width:100%;max-width:var(--max-w);padding:0 24px}.menu-overlay .menu-close{position:absolute;top:20px;right:24px;background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:9px 18px;font-size:.85rem;font-weight:700;cursor:pointer}.menu-overlay ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.menu-overlay a{display:inline-block;color:#fff;text-decoration:none;font-size:clamp(1.6rem,6vw,2.6rem);font-weight:800;padding:6px 0;text-shadow:0 2px 24px rgba(36,26,51,.25)}.menu-overlay a[aria-current=page]{border-bottom:3px solid rgba(255,255,255,.9)}@media (min-width: 768px){.site-nav{display:block}.site-nav ul{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none}.site-nav a{text-decoration:none;font-size:.92rem;font-weight:600;color:var(--ink-soft);padding:4px 2px;border-bottom:2px solid transparent}.site-nav a:hover{color:var(--ink)}.site-nav a[aria-current=page]{color:var(--ink);border-image:var(--grad) 1;border-bottom:2px solid}.menu-btn,.menu-overlay,.menu-overlay.open{display:none}}.breadcrumb{padding:14px 0 0}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;font-size:.82rem;color:var(--ink-soft)}.breadcrumb li+li:before{content:"›";margin:0 6px;opacity:.6}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{font-weight:700;color:var(--ink)}.btn{display:inline-block;padding:13px 28px;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-sm{padding:9px 20px;font-size:.85rem}.btn-grad{background:var(--grad);color:#fff;box-shadow:0 6px 20px #a855f759}.btn-ghost{background:#ffffffb3;color:var(--ink);border:1px solid rgba(168,85,247,.25)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-card);padding:28px;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.hero-grad{background:linear-gradient(135deg,#ff6fb5,#a855f7,#6366f1,#a855f7,#ff6fb5);background-size:300% 300%;animation:grad-shift 15s ease infinite;color:#fff}@keyframes grad-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.section{padding:72px 0}.section-tight{padding:48px 0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 840px){.grid-2{grid-template-columns:1fr}}.snap-strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 20px;list-style:none;margin:0;-webkit-overflow-scrolling:touch}.snap-strip>li{flex:0 0 auto;scroll-snap-align:start}.snap-strip::-webkit-scrollbar{height:8px}.snap-strip::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:999px}.snap-strip::-webkit-scrollbar-track{background:#a855f714}.nail{width:72px;height:104px;margin:0 auto;border-radius:50% 50% 38% 38%/42% 42% 16% 16%;border:3px solid rgba(255,255,255,.9);box-shadow:inset 0 6px 14px #ffffff73,0 6px 16px #a855f72e}@media (prefers-reduced-motion: no-preference){.reveal-ready main>section:not(.mosaic-hero){opacity:0;transform:translateY(18px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal-ready main>section.in{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.accordion details{interpolate-size:allow-keywords}.accordion details::details-content{block-size:0;overflow-y:clip;transition:content-visibility .3s allow-discrete,block-size .3s ease}.accordion details[open]::details-content{block-size:auto}}.accordion details{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:12px;overflow:hidden}.accordion summary{cursor:pointer;font-weight:700;padding:18px 48px 18px 22px;list-style:none;position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--ink-soft)}.accordion details[open] summary:after{content:"−"}.accordion .accordion-body{padding:0 22px 20px}.data-table{width:100%;border-collapse:collapse;font-size:.92rem;background:var(--card-bg);border-radius:18px;overflow:hidden}.data-table caption{caption-side:top;text-align:left;font-size:.85rem;color:var(--ink-soft);padding-bottom:10px}.data-table th,.data-table td{text-align:left;padding:12px 16px;border-bottom:1px solid rgba(168,85,247,.14)}.data-table thead th{background:#a855f714;font-size:.83rem;letter-spacing:.02em}.data-table tbody tr:last-child th,.data-table tbody tr:last-child td{border-bottom:0}.table-scroll{overflow-x:auto}.site-footer{margin-top:40px;border-top:1px solid rgba(168,85,247,.15);background:#ffffff73;padding:36px 0 48px;font-size:.88rem;color:var(--ink-soft)}.site-footer .updated-line{font-size:.78rem;letter-spacing:.04em;margin-bottom:14px}.site-footer .footer-nav{list-style:none;display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 18px;padding:0}.site-footer .footer-nav a{text-decoration:none;font-weight:600}.site-footer .footer-nav a:hover{text-decoration:underline}.site-footer .sample-label{border-left:3px solid;border-image:var(--grad) 1;padding-left:14px;margin:18px 0}:focus-visible{outline:3px solid #A855F7;outline-offset:2px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.hero-grad{animation:none}.card,.btn,.card:hover,.btn:hover{transition:none;transform:none}*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}