:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#202839;background:#f6f5f2;line-height:1.7;--accent:#d95836;--line:#dddeda;--muted:#68707d}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:1160px;padding:26px 34px 60px;margin:auto}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid transparent;border-radius:9px;padding:11px 18px;background:var(--accent);color:#fff;min-height:44px;font-weight:650}button:disabled{opacity:.42;cursor:default}.secondary{background:#fff;color:#354052;border-color:var(--line)}button[aria-pressed=true]{background:#202839;color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f5a77f;outline-offset:3px}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}input[type=search],input[type=text],input[type=password],select{border:1px solid var(--line);border-radius:8px;background:white;padding:10px 12px;max-width:100%}input[type=file]{max-width:100%}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;font-size:22px;line-height:1.35}.brand small{display:block;font-size:11px;letter-spacing:.06em;color:var(--muted);font-weight:500}.brand-mark{display:grid;place-items:center;background:var(--accent);color:white;width:45px;height:45px;border-radius:13px;font-size:23px}.top-nav{display:flex;gap:24px;font-size:13px}.top-nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.55fr 1fr;gap:60px;align-items:center;padding:60px 0 42px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.18em;color:var(--accent);margin:0 0 16px}h1{font-size:clamp(32px,4.4vw,51px);line-height:1.4;letter-spacing:-.025em;margin:0 0 20px;font-weight:780}h1 span{color:var(--accent)}h2{font-size:22px;line-height:1.5;margin:0 0 15px}.hero-description{color:#566071;font-size:15px;margin-bottom:22px}.primary{padding:15px 23px;min-height:54px}.primary span{margin-left:26px}.hero-caption{font-size:11px;color:var(--muted);margin:10px 0}.hero-note{background:#ebece8;border-radius:18px;padding:30px;position:relative;overflow:hidden;border:1px solid #e2e3df}.note-number{font-size:11px;letter-spacing:.16em;color:#898f95}.hero-note h2{font-size:25px;margin-top:25px;line-height:1.7}.hero-note p{font-size:13px;color:#68707d}.hero-note a{font-size:12px}section[data-flow-screen]{margin:18px 0 30px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-heading h2{margin:0}.selection-actions{display:flex;gap:6px}.selection-actions button{font-size:11px;min-height:36px;padding:6px 10px;background:transparent;color:#6f7680;border:1px solid var(--line)}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.category-tab{border:1px solid var(--line);background:transparent;color:#59616d;border-radius:30px;padding:9px 22px;font-size:13px}.category-description{font-size:13px;color:var(--muted);margin:14px 0}.catalog-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0}.search-field{flex:1;min-width:130px}.search-field input{width:100%;font-size:13px}.catalog-tools button{font-size:12px}.text-button{background:transparent;color:#6f7680;padding-inline:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#catalog-count{font-size:12px;color:var(--muted);margin:18px 0 12px}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.style-card{min-width:0;background:white;border:1px solid #e2e2dd;border-radius:13px;overflow:hidden}.catalog-card-main{display:flex;flex-direction:column;width:100%;padding:0 0 14px;background:#fff;color:#273044;text-align:left;border-radius:0}.catalog-card-main img{width:100%;height:auto;aspect-ratio:4/4.4;object-fit:cover;object-position:50% 28%;background:#eeefed;display:block}.catalog-card-main strong{font-size:14px;margin:13px 14px 3px}.catalog-card-main>span{font-size:11px;font-weight:400;color:var(--muted);margin:0 14px}.style-card[data-included=false]{opacity:.57}.card-controls{display:flex;align-items:center;justify-content:space-between;padding:0 12px 12px;gap:6px}.card-controls label{font-size:11px;color:#737b87}.card-controls input{accent-color:var(--accent)}.favorite{font-size:20px;min-width:37px;padding:0;min-height:35px}.empty-state{padding:35px 25px;background:#eeefeb;border:1px dashed #d5d7d2;border-radius:12px;text-align:center;margin:20px 0}.empty-state h3{font-size:16px}.empty-state p{font-size:13px;color:var(--muted)}.hint,.category-description{font-size:13px;color:var(--muted)}.upload{display:block;padding:20px;border:1px dashed #bdc4cb;border-radius:12px;background:#fff;margin:15px 0}.upload input{display:block;margin-top:12px}details{background:#fff;border:1px solid var(--line);padding:15px;border-radius:10px;margin:16px 0}summary{cursor:pointer;font-size:13px;font-weight:650}.screen-toolbar{display:flex;gap:8px;margin-bottom:18px}.screen-toolbar button{font-size:12px}#swap{width:100%;min-height:53px}#style-detail{position:relative;margin-bottom:15px}#style-title{padding-right:110px;font-size:20px;margin:0}#style-description{margin:5px 0}#detail-favorite{position:absolute;right:0;top:0;font-size:12px;background:#fff;color:#4e596b;border:1px solid var(--line)}#back-preview{display:none!important}#result-caption{text-align:center}#result-stage.swipe-dragging{transform:translateX(var(--swipe-x,0)) rotate(var(--swipe-angle,0deg))}.controls{display:flex;flex-wrap:wrap;gap:10px}.controls label{font-size:12px}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:6px;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}dialog{max-width:min(650px,calc(100vw - 24px));border:1px solid var(--line);border-radius:15px;padding:22px;background:#fff;color:#202839}dialog::backdrop{background:#15203388}#admin-test-login,#diagnostic-login{padding:18px;background:#fff8ed;border:1px solid #eadbbf;border-radius:12px;margin:20px 0}#admin-test-login h2,#diagnostic-login h2{font-size:17px}#admin-test-login input,#diagnostic-login input{display:block;margin:8px 0;max-width:100%}#private-background-entry{margin:20px 0}.background-source-tabs button[aria-pressed=true]{background:#202839}.private-background-actions{gap:8px}#private-background-panel{background:white;padding:22px;border:1px solid var(--line);border-radius:12px}#private-background-name{display:block;width:100%;margin:8px 0}#private-background-list .style-card{padding:12px}#private-background-list .style-card>img{width:100%;max-height:260px;object-fit:contain}.site-footer{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.brand-footer{font-size:20px;font-weight:750;text-decoration:none}.brand-footer span{font-size:11px;color:var(--muted);font-weight:400;margin-left:10px}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;margin:15px 0}.site-footer p{font-size:11px;color:var(--muted)}.local-preview{letter-spacing:.04em}.back-link{display:inline-block;margin:15px 0}.information{max-width:760px;background:white;padding:30px;border-radius:15px;margin:30px auto}.information h1{font-size:30px}
@media(max-width:700px){main{padding:18px 16px 40px}.hero{grid-template-columns:1fr;gap:20px;padding:35px 0 25px}.hero-note{display:none}h1{font-size:36px}.hero-description{font-size:14px}.hero-caption{font-size:10px}.top-nav{gap:15px;font-size:11px}.brand{font-size:20px}.brand-mark{width:39px;height:39px;font-size:21px}.catalog-heading h2{font-size:20px}.selection-actions button{font-size:10px;padding:5px 7px}.category-tabs{gap:6px}.category-tab{font-size:12px;padding:8px 15px}.catalog-tools{gap:7px}.catalog-tools button{padding:8px;font-size:11px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card-main strong{font-size:12px;margin-inline:10px}.catalog-card-main>span{font-size:10px;margin-inline:10px}.card-controls{padding:0 8px 10px}.card-controls label{font-size:10px}.favorite{min-width:30px}.site-footer nav{gap:12px}.information{padding:20px}#style-title{font-size:18px}#private-background-panel{padding:15px}.background-source-tabs{display:flex}.background-source-tabs button{padding:9px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

h2[tabindex="-1"]:focus{outline:none}.background-source-tabs{border-color:var(--line)}.background-source-tabs button{color:#354052;border-color:var(--line)}.background-source-tabs button[aria-pressed=true]{background:#202839;color:#fff;border-bottom-color:var(--accent)}#private-register-form,#private-background-empty{background:#f8f2ea;border-color:#dfdbd3}

.catalog-card-main img{object-fit:contain}.catalog-card-main>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.4em}











:root{--flow-accent:#9f3b22;--flow-current:#9f3b22;--flow-line:var(--line);--flow-tint:#f9e9e2;--flow-muted:var(--muted);--flow-bar:rgba(246,245,242,.97)}

:root{--flow-max-width:1160px}

/* Site-owned typography, using the current HAIRSTYLE VISION sizes. */
body[data-site=a1u1] h1{font-size:clamp(23px,3.8vw,32px);line-height:1.4}
body[data-site=a1u1] h2{font-size:20px}
body[data-site=a1u1] .hero-note h2{font-size:20px}
body[data-site=a1u1] .hero-description{font-size:14px}
body[data-site=a1u1] .eyebrow{font-size:10px}
body[data-site=a1u1] .top-nav{font-size:11px}
body[data-site=a1u1] .catalog-heading h2{font-size:18px}
body[data-site=a1u1] #style-title{font-size:20px}
@media(max-width:460px){body[data-site=a1u1] .hero-description{font-size:13px}}

body[data-site=a1u1] .hero{display:block;padding:12px 0 8px}
body[data-site=a1u1] .hero .eyebrow{margin:0}
body[data-site=a1u1] .hero h1{margin:8px 0}
body[data-site=a1u1] .hero-description{margin:5px 0}

body[data-site=a1u1]{--private-panel-background:#f8f2ea}
.top-nav{flex-wrap:wrap;justify-content:flex-end;column-gap:14px;row-gap:4px}
#catalog-filters{padding:0;border:0;margin:8px 0;background:transparent}
#catalog-filters>summary{color:var(--flow-accent);min-height:44px;padding:8px 0;font-size:14px}
.active-filters{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.filter-chip{background:var(--flow-tint);color:var(--flow-accent);border:1px solid var(--line);font-size:12px;padding:7px 10px;max-width:100%;overflow-wrap:anywhere;text-align:left;min-height:36px}

.top-nav a[href*="page_id=6"]{background:var(--accent);color:#fff;border-radius:4px;white-space:pre}

.catalog-filter-fields{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:12px 0}
.quick-filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 6px}
.quick-filters button{white-space:nowrap;font-size:12px;padding:8px 12px;min-height:40px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--flow-accent)}
.quick-filters button[aria-pressed=true]{background:var(--flow-accent);color:#fff;border-color:var(--flow-accent)}
.catalog-filter-fields label{display:flex;flex-direction:column;gap:5px;font-size:14px;min-width:130px;flex:1}
.catalog-filter-fields .search-field{flex:2;min-width:200px}
.catalog-filter-fields input,.catalog-filter-fields select{width:100%;font-size:16px;min-height:44px}
@media(max-width:460px){.catalog-filter-fields .search-field{flex-basis:100%}.catalog-filter-fields label{min-width:115px}}