:root{--paper:#fff9f2;--paper-2:#fff1ea;--ink:#181514;--muted:#6d625d;--line:#201918;--accent:#ff5b8f;--mint:#b8f3dd;--yellow:#ffe26f;--panel:#fff;--shadow:8px 8px 0 #181514}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-body), system-ui, sans-serif;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit}button{color:inherit}img{max-width:100%;display:block}.site-header{z-index:20;border-bottom:3px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9f2f0;justify-content:space-between;align-items:center;gap:1rem;min-height:70px;padding:0 5vw;display:flex;position:sticky;top:0}.brand img{width:136px}.top-nav{white-space:nowrap;align-items:center;gap:clamp(.75rem,3vw,2rem);font-size:.92rem;font-weight:900;display:flex}.hero{border-bottom:3px solid var(--line);background:linear-gradient(90deg,#fff9f2f2,#fff9f2c2,#fff9f233),url(/assets/nailink-hero-bg.png) 50%/cover;grid-template-columns:minmax(0,.92fr) minmax(320px,.75fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:calc(100svh - 70px);padding:clamp(2rem,6vw,5rem) 5vw;display:grid;position:relative}.hero-copy{max-width:720px}.kicker{letter-spacing:0;margin:0 0 .65rem;font-size:.78rem;font-weight:900}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{letter-spacing:0;margin:0}h1{max-width:640px;font-size:clamp(3rem,8vw,6.8rem);line-height:.98}h2{font-size:clamp(1.9rem,4vw,3.5rem);line-height:1.08}h3{font-size:1.25rem}p{line-height:1.8}.hero-copy>p:not(.kicker){max-width:610px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.18rem);font-weight:700}.hero-actions,.social-buttons,.footer-links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.primary-button,.secondary-link,.social-buttons a{border:2px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.75rem 1.25rem;font-weight:900;display:inline-flex}.primary-button{background:var(--ink);color:#fff}.secondary-link,.social-buttons a{background:var(--panel)}.profile-preview{border:3px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:28px;position:relative;overflow:hidden}.profile-preview img{aspect-ratio:4/5;object-fit:cover;width:100%}.profile-preview div{padding:1.4rem}.profile-preview span{color:var(--accent);margin-bottom:.45rem;font-weight:900;display:inline-block}.preview-badge{z-index:2;border:2px solid var(--line);background:var(--yellow);border-radius:999px;align-items:center;min-height:34px;padding:.35rem .7rem;font-size:.78rem;font-weight:900;display:inline-flex;position:absolute;top:.9rem;left:.9rem;color:var(--ink)!important}.section,.profile-section{border-bottom:3px solid var(--line);padding:clamp(2rem,6vw,5rem) 5vw}.intro-strip{border-bottom:3px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.intro-strip div{background:var(--paper-2);padding:clamp(1rem,3vw,1.6rem) 5vw}.intro-strip strong{margin-bottom:.35rem;font-size:1rem;display:block}.intro-strip p{color:var(--muted);margin:0;font-size:.95rem;font-weight:700;line-height:1.65}.section-head{grid-template-columns:minmax(0,.9fr) minmax(260px,.5fr);align-items:end;gap:1.5rem;margin-bottom:1.5rem;display:grid}.section-head>p{color:var(--muted);font-weight:700}.filter-panel{border:3px solid var(--line);background:var(--panel);border-radius:18px;grid-template-columns:repeat(5,minmax(150px,1fr));gap:.8rem;margin-bottom:1.3rem;padding:1rem;display:grid}label{gap:.45rem;font-size:.82rem;font-weight:900;display:grid}select,input,textarea{border:2px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:.78rem .85rem}textarea{resize:vertical;min-height:130px}.result-bar{color:var(--muted);justify-content:space-between;align-items:baseline;gap:.75rem;margin:1rem 0;font-weight:900;display:flex}.result-bar strong{color:var(--ink)}.card-grid,.design-grid,.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.nailist-card,.design-card,.menu-card{border:3px solid var(--line);background:var(--panel);text-align:left;cursor:pointer;border-radius:18px;gap:.7rem;padding:0;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.nailist-card:hover,.design-card:hover,.menu-card:hover{box-shadow:4px 4px 0 var(--line);transform:translateY(-2px)}.nailist-card:focus-visible,.design-card:focus-visible,.menu-card:focus-visible,.primary-button:focus-visible,.secondary-link:focus-visible,.text-link:focus-visible,.social-buttons a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.nailist-card img,.design-card img,.menu-card img{aspect-ratio:1/.78;object-fit:cover;width:100%}.nailist-card h3,.nailist-card p,.design-card strong,.design-card span,.menu-card strong,.menu-card span,.menu-card p{margin-inline:1rem}.nailist-card p,.design-card span,.menu-card p{color:var(--muted);margin-top:0;font-size:.92rem}.nailist-card p:last-child,.menu-card p{margin-bottom:1rem}.more-row{justify-content:flex-end;margin-top:1rem;display:flex}.text-link{color:var(--ink);text-underline-offset:.25em;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}.like-pill{border:2px solid var(--line);background:var(--yellow);border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:900;position:absolute;top:.8rem;right:.8rem}.profile-card{border:3px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);display:grid;overflow:hidden}.profile-page-card{max-width:1180px;margin:0 auto}.profile-photo{object-fit:cover;width:100%;height:100%;min-height:520px}.profile-body h1{font-size:clamp(2.2rem,7vw,5.2rem)}.profile-body{padding:clamp(1.2rem,4vw,3rem)}.profile-block{margin-top:2rem}.profile-block h2{margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2.4rem)}.profile-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.profile-design-grid figure{border:2px solid var(--line);background:var(--paper-2);border-radius:18px;margin:0;overflow:hidden}.profile-design-grid img{aspect-ratio:1;object-fit:cover;width:100%}.profile-design-grid figcaption{padding:.65rem;font-weight:900}.profile-menu-list{gap:.75rem;display:grid}.profile-menu-list article{border:2px solid var(--line);background:var(--paper-2);border-radius:18px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:.8rem;padding:.7rem;display:grid}.profile-menu-list img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:96px}.profile-menu-list strong,.profile-menu-list span{font-weight:900;display:block}.profile-menu-list p{color:var(--muted);margin:.25rem 0 0;font-size:.92rem}.profile-detail-page,.listing-page{min-height:100svh;padding:clamp(1.2rem,5vw,4rem) 5vw}.page-back,.listing-head{max-width:1180px;margin:0 auto 1.2rem}.listing-head h1{margin-top:1rem;font-size:clamp(2.4rem,7vw,5.6rem)}.listing-head p{max-width:640px;color:var(--muted);font-weight:700}.listing-grid{max-width:1180px;margin:0 auto}.profile-meta{gap:.75rem;margin:1.2rem 0;display:grid}.profile-meta div{border-top:2px solid #eee1d9;padding-top:.75rem}dt{color:var(--muted);font-size:.8rem;font-weight:900}dd{margin:.25rem 0 0;font-weight:800}.inline-list{flex-wrap:wrap;gap:.5rem;margin:.8rem 0 1.4rem;display:flex}.inline-list span{border:2px solid var(--line);background:var(--paper-2);border-radius:999px;padding:.55rem .8rem;font-weight:800}.faq-list{gap:.5rem;display:grid}details{border:2px solid var(--line);border-radius:14px;padding:.8rem 1rem}summary{cursor:pointer;font-weight:900}.site-footer{background:var(--ink);color:#fff;justify-content:space-between;gap:1rem;padding:2rem 5vw;display:flex}.site-footer p{color:#f0ded8;margin:.35rem 0 0}.form-page,.admin-page,.legal-page,.auth-page{min-height:100svh;padding:clamp(1.2rem,5vw,4rem) 5vw}.form-shell,.admin-shell,.legal-shell,.auth-card{max-width:1100px;margin:0 auto}.form-card,.admin-card,.legal-card,.auth-card{border:3px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:22px;padding:clamp(1rem,4vw,2rem)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid .full{grid-column:1/-1}.notice{border:2px solid var(--line);background:var(--mint);border-radius:16px;padding:1rem;font-weight:800}.form-status{min-height:1.6rem;color:var(--muted)}.form-status strong{color:var(--ink)}.auth-card{max-width:760px}.auth-card>div{max-width:100%}.auth-card .cl-rootBox,.auth-card .cl-cardBox,.auth-card .cl-card{width:100%;max-width:100%}.auth-card h1{font-size:clamp(2.2rem,6vw,4.5rem)}.editor-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);align-items:start;gap:1.2rem;display:grid}.link-fieldset{border:2px solid var(--line);background:var(--paper-2);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:1rem;display:grid}.link-fieldset legend{padding:0 .5rem;font-weight:900}.preview-panel{border:3px solid var(--line);background:var(--panel);border-radius:22px;gap:.8rem;padding:1rem;display:grid;position:sticky;top:92px;overflow:hidden}.preview-panel img{aspect-ratio:4/5;object-fit:cover;border:2px solid var(--line);border-radius:16px;width:100%}.preview-panel .preview-badge{justify-self:start;position:static}.preview-panel h2{font-size:1.45rem}.social-buttons span{border:2px solid var(--line);background:var(--paper-2);border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:.6rem .8rem;font-weight:900;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:1.5rem 0 2rem;display:grid}.stat-card,.admin-list article{border:2px solid var(--line);background:var(--paper-2);border-radius:16px;padding:1rem}.stat-card{gap:.35rem;display:grid}.stat-card span,.admin-list span{color:var(--muted);font-size:.85rem;font-weight:800}.stat-card strong{font-size:1.8rem}.admin-list{gap:.75rem;margin:1rem 0 2rem;display:grid}.admin-list article{gap:.35rem;display:grid}@media (max-width:960px){.site-header{flex-direction:column;align-items:flex-start;padding-block:.8rem}.top-nav{width:100%;padding-bottom:.25rem;overflow-x:auto}.hero,.section-head,.intro-strip,.editor-layout{grid-template-columns:1fr}.profile-card{grid-template-columns:.78fr 1fr}.preview-panel{position:relative;top:auto}.hero{min-height:auto}.filter-panel,.card-grid,.design-grid,.menu-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-photo{min-height:380px}}@media (max-width:640px){.brand img{width:118px}h1{font-size:clamp(2.45rem,12vw,3.55rem)}.hero-actions,.site-footer,.form-grid,.link-fieldset{flex-direction:column;grid-template-columns:1fr}.primary-button,.secondary-link{width:100%;min-height:44px;padding:.7rem 1rem}.filter-panel,.stats-grid{grid-template-columns:1fr}.card-grid,.design-grid,.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.section,.profile-section{padding-block:1.6rem}.section-head{margin-bottom:1rem}.section-head h2{font-size:1.55rem}.section-head>p{margin:0;font-size:.92rem}.nailist-card,.design-card,.menu-card{border-width:2px;border-radius:14px;gap:.42rem}.nailist-card img,.design-card img,.menu-card img{aspect-ratio:1/.72}.nailist-card h3,.nailist-card p,.design-card strong,.design-card span,.menu-card strong,.menu-card span,.menu-card p{margin-inline:.62rem}.nailist-card h3{font-size:.98rem}.nailist-card p,.design-card span,.menu-card p{font-size:.74rem;line-height:1.45}.design-card strong,.menu-card strong,.menu-card span{font-size:.82rem;line-height:1.35}.nailist-card p:last-child,.menu-card p{margin-bottom:.65rem}.like-pill{border-width:1.5px;padding:.22rem .42rem;font-size:.68rem;top:.45rem;right:.45rem}.result-bar{flex-direction:column;align-items:flex-start;gap:.2rem;font-size:.9rem}.profile-card{box-shadow:none;border-width:2px;border-radius:18px;grid-template-columns:1fr}.profile-photo{aspect-ratio:4/3;min-height:0}.profile-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-menu-list article{grid-template-columns:72px minmax(0,1fr)}.profile-menu-list img{width:72px}}