/* Appearance dock inspired by Ruixen; original dark layout remains the default. */
.header{flex-wrap:wrap;column-gap:24px;row-gap:16px}
.header>.nav{flex:1 1 450px}
.header-tools{position:relative;z-index:80;display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:none;min-width:0;width:max-content;max-width:100%;margin-left:auto}
.header-tools .language-switch{margin:0}
.header-tools .language-switch a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-size:.875rem;line-height:1.4}
.appearance-dock{--ap-surface:#211e19;--ap-text:#f1ece2;--ap-line:#8d7653;--ap-active:#c6a875;--ap-ink:#171411;position:static;display:flex;align-items:center;gap:0;padding:3px;border:1px solid var(--ap-line);border-radius:100px;background:var(--ap-surface);color:var(--ap-text);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.appearance-dock[hidden]{display:none}
.appearance-dock__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex:none;border:0;border-radius:50%;color:var(--ap-text);background:transparent;list-style:none;cursor:pointer;transition:background .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}
.appearance-dock__icon svg{width:22px;height:22px}
.appearance-dock__icon::-webkit-details-marker{display:none}
.appearance-dock__icon[aria-pressed="true"]{background:var(--ap-active);color:var(--ap-ink)}
.appearance-dock__settings{position:static}
.appearance-dock__settings[data-open="true"]>.appearance-dock__icon{background:var(--ap-active);color:var(--ap-ink)}
.appearance-dock__panel{position:absolute;z-index:80;top:calc(100% + 12px);right:0;width:min(300px,calc(100vw - 38px));max-height:65svh;overflow:auto;padding:18px;border:1px solid var(--ap-line);border-radius:18px;background:var(--ap-surface);color:var(--ap-text);box-shadow:0 15px 38px #0006;box-sizing:border-box;text-align:left;line-height:1.5;font-size:1rem}
.appearance-dock__panel[hidden]{display:none}
.appearance-dock__panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.appearance-dock__panel-header .appearance-dock__title{margin:0}
.appearance-dock__panel .appearance-dock__close{width:44px;height:44px;padding:10px;flex:none;border-radius:50%}
.appearance-dock__close svg{width:22px;height:22px;pointer-events:none}
.appearance-dock__title{margin:0 0 12px;font-size:1rem;line-height:1.5;font-weight:600}
.appearance-dock__panel button{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:10px 12px;border:1px solid var(--ap-line);border-radius:10px;background:transparent;color:var(--ap-text);font:normal .875rem/1.45 Arial,Helvetica,sans-serif;cursor:pointer;overflow-wrap:anywhere}
.appearance-dock__system[aria-pressed="true"]{background:var(--ap-active);color:var(--ap-ink)}
.appearance-dock__motion{display:flex;align-items:center;gap:12px;min-height:44px;margin:14px 0;padding:8px 0;font-size:.875rem;line-height:1.5;cursor:pointer}
.appearance-dock__motion input{width:20px;height:20px;flex:none;margin:0;accent-color:var(--ap-active)}
.appearance-dock__motion span{overflow-wrap:anywhere}
.appearance-dock button:focus-visible,.appearance-dock summary:focus-visible,.appearance-dock input:focus-visible{outline:2px solid var(--ap-focus,var(--ap-active));outline-offset:3px}
@media(hover:hover) and (pointer:fine){.appearance-dock__icon:hover{transform:translateY(-2px)}.appearance-dock__icon:not([aria-pressed="true"]):hover{background:#7f6a4740}}
@media(max-width:760px){.header-tools{margin:16px 0 0}.top .header-tools{margin-top:0}.appearance-dock__panel{max-width:calc(100vw - 38px)}}
html[data-site-theme="light"]{color-scheme:light;--ink:#f4efe6;--bg:#f4efe6;--paper:#e9e1d4;--panel:#ebe2d3;--cream:#29231d;--text:#29231d;--muted:#62584d;--gold:#775629;--line:#c4b7a3}
html[data-site-theme="light"] body{background:#f4efe6;color:#29231d}
html[data-site-theme="light"] ::selection{background:#c6a875;color:#171411}
html[data-site-theme="light"] .subpage-header{background:#eee6d9;border-color:#c4b7a3}
html[data-site-theme="light"] header:not(.hero) .brand-small{color:#62584d}
html[data-site-theme="light"] header:not(.hero) .nav a{color:#44382b}
html[data-site-theme="light"] header:not(.hero) .nav a:hover,html[data-site-theme="light"] header:not(.hero) .nav a[aria-current]{color:#775629}
html[data-site-theme="light"] .header-tools .language-switch{background:#f4efe6;border-color:#a08a67}
html[data-site-theme="light"] .header-tools .language-switch a{color:#44382b}
html[data-site-theme="light"] .header-tools .language-switch a:hover,html[data-site-theme="light"] .header-tools .language-switch a[aria-current],html[data-site-theme="light"] .header-tools .language-switch a:focus-visible{background:#c6a875;color:#171411}
html[data-site-theme="light"] .appearance-dock{--ap-surface:#f4efe6;--ap-text:#29231d;--ap-line:#a08a67;--ap-active:#c6a875;--ap-ink:#171411;--ap-focus:#775629}
/* Keep the photograph-led homepage hero and the signature footer dark and legible. */
html[data-site-theme="light"] header.hero,html[data-site-theme="light"] .motion-footer{--ink:#141310;--bg:#141310;--cream:#f1ece2;--text:#f1ece2;--gold:#c6a875;--muted:#bcb6ab;--line:#474139}
html[data-site-theme="light"] header.hero{color:#f1ece2}
html[data-site-theme="light"] header.hero .nav a{color:#eee8df}
html[data-site-theme="light"] .feature p,html[data-site-theme="light"] .beauty-card p,html[data-site-theme="light"] .nail-intro p,html[data-site-theme="light"] .social-lead,html[data-site-theme="light"] .visit-copy p,html[data-site-theme="light"] .page-hero p,html[data-site-theme="light"] .page-lead p,html[data-site-theme="light"] .seo-page-header p,html[data-site-theme="light"] .seo-copy p{color:#62584d}
html[data-site-theme="light"] .category .nail-intro{color:#62584d}
html[data-site-theme="light"] .tattoo-types span,html[data-site-theme="light"] .work figcaption,html[data-site-theme="light"] .nail-gallery figcaption,html[data-site-theme="light"] .photo-grid figcaption{color:#62584d}
html[data-site-theme="light"] .beauty,html[data-site-theme="light"] .gallery,html[data-site-theme="light"] .visit{background:#e9e1d4}
html[data-site-theme="light"] .social{background:#eee6d9}
html[data-site-theme="light"] .beauty-card,html[data-site-theme="light"] .nail-header{border-color:#b9a992}
html[data-site-theme="light"] .link-card,html[data-site-theme="light"] .google-links .link-card{background:#f8f3eb;border-color:#a08a67;color:#29231d}
html[data-site-theme="light"] .link-card:hover,html[data-site-theme="light"] .link-card:focus-visible,html[data-site-theme="light"] .google-links .link-card:hover,html[data-site-theme="light"] .google-links .link-card:focus-visible{background:#e4d5bf}
html[data-site-theme="light"] .link-card small{color:#62584d}
html[data-site-theme="light"] .review-star{color:#775629}
html[data-site-theme="light"] .links-divider{background:#b9a992}
html[data-site-theme="light"] .category-links a{color:#44382b;border-color:#a08a67}
html[data-site-theme="light"] main .button.primary{background:#c6a875;border-color:#a08a67;color:#171411}
html[data-site-theme="light"] main .button:hover,html[data-site-theme="light"] main .button:focus-visible{background:#29231d;border-color:#29231d;color:#f4efe6}
html[data-site-theme="light"] .gallery-cta:hover,html[data-site-theme="light"] .gallery-cta:focus-visible,html[data-site-theme="light"] .category-links a:hover,html[data-site-theme="light"] .category-links a:focus-visible{background:#c6a875;color:#171411}
html[data-site-theme="light"] .nail-bento__content{background:#f8f3eb;border-color:#a08a67}
html[data-site-theme="light"] .nail-bento__caption p{color:#29231d}
html[data-site-theme="light"] .nail-gallery .nail-bento__caption a{color:#775629}
html[data-site-theme="light"] .nail-bento__open:focus-visible,html[data-site-theme="light"] .nail-bento__caption a:focus-visible{outline-color:#775629}
html[data-site-theme="light"] footer:not(.motion-footer){background:#eee6d9;color:#62584d}
html[data-site-theme="light"] footer:not(.motion-footer) a{color:#775629}
html[data-site-theme="light"] .contact-dock{background:#f4efe6f2;border-color:#a08a67;color:#29231d}
html[data-site-theme="light"] .contact-dock__glyph{background:#e7ddce;border-color:#a08a67;color:#775629}
html[data-site-theme="light"] .contact-dock__label{color:#44382b}
html[data-site-theme="light"] .contact-dock__panel{background:#f4efe6;border-color:#a08a67}
html[data-site-theme="light"] .contact-dock__panel a{color:#29231d}
html[data-site-theme="light"] .contact-dock__panel span{color:#62584d}
html[data-site-theme="light"] .contact-dock__panel a+a{border-color:#c4b7a3}
html[data-site-theme="light"] .contact-dock__panel a:hover,html[data-site-theme="light"] .contact-dock__panel a:focus-visible{background:#e4d5bf;outline-color:#775629}
html[data-site-theme="light"] .contact-dock__control:focus-visible{outline-color:#775629}
html[data-site-theme="light"] .contact-dock__control:focus-visible .contact-dock__glyph,html[data-site-theme="light"] .contact-dock__picker[open] .contact-dock__glyph{background:#c6a875;color:#171411}
@media(hover:hover) and (pointer:fine){html[data-site-theme="light"] .contact-dock__control:hover .contact-dock__glyph{background:#d8c5a7;color:#44382b;border-color:#775629}}
/* User-selected motion reduction also covers CSS and JS-driven components. */
html[data-site-motion="reduce"]{scroll-behavior:auto!important}
html[data-site-motion="reduce"] *,html[data-site-motion="reduce"] *::before,html[data-site-motion="reduce"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-site-motion="reduce"] .contact-dock__glyph,html[data-site-motion="reduce"] .motion-footer__button,html[data-site-motion="reduce"] .motion-footer__cta,html[data-site-motion="reduce"] .motion-footer__brand span,html[data-site-motion="reduce"] .motion-footer__glow,html[data-site-motion="reduce"] .appearance-dock__icon:hover{transform:none!important}
@media(prefers-reduced-motion:reduce){.appearance-dock__icon{transition:none;transform:none!important}}
