@charset "UTF-8";
:root{--ink:#28382f;--paper:#f7f8ef;--line:#c6cdc3;--conversion-accent:#863b45;--conversion-paper:#f7f8ef;--conversion-ink:#28382f;font:14px Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:#e5e9e2}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;height:100dvh;overflow:hidden}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #863b45;outline-offset:4px}p,h1,h2,h3{margin:0}.skip{position:fixed;left:16px;top:-80px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.studio-top{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:14px 26px;gap:35px}.logo{font:italic bold 42px/.8 Georgia,serif;letter-spacing:-4px}.logo span{display:block;font:7px Arial;letter-spacing:.15em;margin-top:10px}.studio-top>p{font-family:"Yu Mincho",serif;font-size:17px}.studio-live{margin-left:auto;font-size:8px;letter-spacing:.13em}.studio-live i{display:inline-block;width:6px;height:6px;background:#819773;border-radius:50%;margin-right:8px}.back{font-size:10px;margin-left:20px}.workstation{display:grid;grid-template-columns:110px minmax(0,1fr) 360px;height:calc(100dvh - 76px)}.studio-rail{border-right:1px solid var(--line);padding:25px 14px 20px;display:flex;flex-direction:column;gap:7px}.rail-label{font-size:7px;letter-spacing:.1em;white-space:nowrap;margin-bottom:17px}.studio-rail button{text-align:left;font-size:10px;padding:12px 5px;border-top:1px solid transparent;line-height:1.6}.studio-rail button b{display:block;font:12px Georgia;margin-bottom:4px}.studio-rail button.active{border-top-color:var(--ink)}.rail-spacer{flex:1}.studio-rail button:nth-last-child(-n+4){font-size:9px;padding:7px 5px}.color-desk{padding:24px 30px 12px;overflow:auto;min-width:0}.desk-heading{display:flex;align-items:end;justify-content:space-between;gap:15px}.eyebrow{font-size:8px;letter-spacing:.12em;display:block}.desk-heading h1{font:normal clamp(23px,2.2vw,34px)/1.5 "Yu Mincho",serif;letter-spacing:-.04em;margin-top:6px}.desk-heading h1 em{font-style:normal;color:#863b45}.text-action{font-size:10px;text-decoration:underline;text-underline-offset:5px;padding:7px 0;white-space:nowrap}.design-stage{height:284px;position:relative;margin:18px 0 15px;background:radial-gradient(ellipse at 50% 34%,#ffffffc4,transparent 65%),repeating-linear-gradient(90deg,transparent 0 79px,#9aaa9820 79px 80px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 4px 10px}.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.09em}.stage-bottom{margin-top:14px;font-size:9px;letter-spacing:0}.stage-bottom button{font-size:9px}.nails-row{display:flex;justify-content:center;align-items:center;gap:16px;height:178px;margin:7px 0 0}.finger{width:17%;max-width:91px;min-width:0;padding:0 6px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:17px}.finger>span:last-child{font-size:8px;white-space:nowrap}.light-control{display:flex;align-items:center;gap:15px;max-width:155px;position:absolute;right:4px;bottom:8px;font-size:7px;letter-spacing:.1em}.light-control input{width:95px;height:8px;accent-color:#6e8068}.desk-coordinate{position:absolute;bottom:12px;left:4px;font-size:7px;letter-spacing:.08em;color:#7d887b}.desk-tools{margin-top:10px}.controls-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:12px}.controls-top button{font-size:9px}.tool-columns{display:grid;grid-template-columns:1.12fr 1fr;gap:16px 25px;margin-top:16px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:8px;letter-spacing:.1em;width:100%;margin-bottom:10px}legend span{float:right;font-size:8px;letter-spacing:0}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:23px;height:23px;border-radius:50%;background:var(--swatch);border:1px solid #0001}.swatch[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:3px}.choices{display:flex;gap:4px;flex-wrap:wrap}.choices button{font-size:9px;padding:6px 8px;border:1px solid var(--line)}.choices button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.length-row{display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:.1em}.length-row input{min-width:0;width:100%;accent-color:#6e8068}.desk-actions{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;flex-wrap:wrap}.desk-actions button{font-size:9px;padding:4px 0;border-bottom:1px solid #9da89a}.preset-label{font-size:7px;margin-left:auto;color:#7d887b}.design-status{font-size:8px;line-height:1.6;color:#74806f;padding-top:11px}.appointment-desk{background:var(--paper);padding:25px 27px 18px;border-left:1px solid var(--line);overflow-y:auto}.appointment-title{position:relative;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:20px}.appointment-title h2{font:normal 29px/1.5 "Yu Mincho",serif;letter-spacing:.04em;margin-top:12px}.ap-number{position:absolute;right:0;top:0;font:italic 66px/1 Georgia;color:#d8decf}.menu-switch{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.menu-switch button{padding:10px 0;font-size:9px;letter-spacing:.1em;border-right:1px solid var(--line)}.menu-switch button:last-child{border:0}.menu-switch span{display:block;font-size:8px;letter-spacing:0;margin-top:4px;color:#77816f}.menu-switch button[aria-pressed=true]{background:#e2e9dc}.treatment-price{font-size:10px;margin:12px 0 23px}.calendar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.calendar-top h3{font:23px Georgia}.calendar-top button{border:1px solid var(--line);width:28px;height:28px;font-size:13px}.calendar-top>div{display:flex;gap:5px}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.week-days button{border-bottom:1px solid var(--line);padding:8px 0 11px;font:19px Georgia}.week-days small{font:8px Arial;display:block;margin-bottom:10px}.week-days button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.week-days button:disabled{text-decoration:line-through}.time-heading{display:flex;justify-content:space-between;font-size:9px;margin:20px 0 10px}.time-heading small{font-size:8px;color:#7b8473}.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.time-slots button{border:1px solid var(--line);padding:9px 0;font-size:10px}.time-slots button[aria-pressed=true]{background:#863b45;color:white;border-color:#863b45}.time-slots button:disabled{text-decoration:line-through;background:#eeeee5}#appointment-selection{font-size:9px;line-height:1.8;margin:17px 0 11px;min-height:17px}.primary{background:#863b45;color:white;display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 16px;font-size:11px}.primary:disabled{background:#b4b6a9;color:white;opacity:1}.schedule-note,.demo-footnote{font-size:8px;line-height:1.6;color:#7e8578;margin-top:12px}.demo-footnote{border-top:1px solid var(--line);padding-top:12px;margin-top:17px}.mobile-workspaces{display:none}#booking-details label{display:block;font-size:10px;margin:20px 0 15px}#booking-details input,#booking-details select{width:100%;border:0;border-bottom:1px solid #9da998;background:#eeefe4;padding:11px 8px;display:block;margin-top:8px;border-radius:0}#booking-details p{font-size:10px;line-height:1.8;margin:18px 0}#booking-details .primary{margin-top:20px}#booking-details #iro-sample{display:block;margin:10px auto}#booking-slot{font-size:17px!important;font-family:Georgia,serif}.review-kicker{font-size:9px;letter-spacing:.12em;color:#863b45}.review-line{font-size:11px;line-height:1.8;margin:15px 0;padding-bottom:15px;border-bottom:1px solid var(--line)}.review-line dt{font-size:8px;color:#7a8475}.review-line dd{margin:4px 0;white-space:pre-line}.review-done{font:italic 46px Georgia;color:#863b45;padding:25px 0}.sheet-dialog{background:var(--paper);color:var(--ink);width:min(650px,calc(100% - 30px));max-height:90dvh;overflow:auto;padding:35px;border:1px solid var(--line);box-shadow:0 20px 100px #1f2d2940}.sheet-dialog::backdrop{background:#27372fa6;backdrop-filter:blur(6px)}.sheet-close{position:absolute;right:12px;top:10px;font-size:25px}.sheet-dialog h2{font:28px/1.5 "Yu Mincho",serif;margin:10px 0 25px}.sheet-dialog em{font-style:normal}.comparison>div{margin-top:25px}.comparison>div>span{font-size:9px}.mini-row{display:flex;gap:18px;justify-content:center;padding:20px 0}.mini-row .nail{height:80px!important;width:40px!important}#restore-design,#copy-design{border-bottom:1px solid var(--line);padding:10px 0;font-size:11px}.sheet-dialog summary{font-size:11px;margin-top:25px;cursor:pointer}.sheet-dialog details p{white-space:pre-line;font-size:10px;line-height:2;padding:15px 0}.info-sheet>p{font-size:12px;line-height:2}.info-sheet dl{margin:25px 0}.info-sheet dt{font-size:9px}.info-sheet dd{font-size:12px;line-height:2;margin:8px 0 23px}.info-links{display:flex;gap:13px;flex-wrap:wrap}.info-links button{font-size:10px;border-bottom:1px solid var(--line);padding:8px 0}.small-note{font-size:9px!important;margin-top:25px}
.nail{display:block;position:relative;width:100%;max-width:82px;height:calc(132px + var(--length,45)*.65px);border-radius:48% 48% 38% 38%/43% 43% 26% 26%;background:var(--color);box-shadow:inset 3px 0 8px #fff4,inset -5px -6px 10px #0002,2px 12px 15px #4c322321;overflow:hidden;transition:background .25s,height .2s,transform .25s;isolation:isolate;transform:rotate(var(--angle,0deg))}.finger:nth-child(1){--angle:-10deg;transform:translateY(32px)}.finger:nth-child(2){--angle:-4deg;transform:translateY(-1px)}.finger:nth-child(3){--angle:0deg;transform:translateY(-18px)}.finger:nth-child(4){--angle:4deg;transform:translateY(-1px)}.finger:nth-child(5){--angle:10deg;transform:translateY(32px)}.finger:nth-child(5) .nail{max-width:61px}.finger:nth-child(1) .nail{max-width:87px}.nail:before{content:'';position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at var(--lx,45%) var(--ly,28%),#ffffffbd,transparent 28%);mix-blend-mode:screen;opacity:.6}.nail:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,#fff0 15%,#fff7 22%,#fff0 28%);opacity:.4;z-index:2;pointer-events:none}.nail.matte:before,.nail.matte:after{opacity:.05}.nail.pearl:after{opacity:.7;background:linear-gradient(120deg,#ffdcd950,#fff8 30%,#b9c8ef44 50%,#ffedcf99 70%,#fff0)}.nail i{display:block;position:absolute;z-index:1;inset:0}.nail.french i{background:#f9efd9;clip-path:ellipse(75% 24% at 50% 0)}.nail.dot i:after{content:'';position:absolute;background:#d5ad4d;border:1px solid #fbe6a5;border-radius:50%;width:9px;height:9px;top:24%;left:calc(50% - 4px)}.nail.half i{background:#f3dfc299;clip-path:polygon(0 0,100% 0,100% 44%,0 68%)}.finger[aria-pressed=true] .nail{outline:1px solid var(--ink);outline-offset:8px}/* The color objects sit in the same work surface as the appointment book. */
.nail{max-width:62px;height:calc(102px + var(--length,45)*.45px)}.finger:nth-child(1){transform:translateY(15px)}.finger:nth-child(2),.finger:nth-child(4){transform:translateY(-1px)}.finger:nth-child(3){transform:translateY(-10px)}.finger:nth-child(5){transform:translateY(15px)}.finger:nth-child(5) .nail{max-width:47px}.finger:nth-child(1) .nail{max-width:64px}.finger[aria-pressed=true] .nail{outline-offset:5px}
@media(min-width:1500px){.workstation{grid-template-columns:130px minmax(0,1fr) 420px}.color-desk{padding:34px 55px}.design-stage{height:350px}.nails-row{height:237px;gap:32px}.nail{height:calc(135px + var(--length,45)*.6px);max-width:83px}.finger:nth-child(5) .nail{max-width:64px}.finger:nth-child(1) .nail{max-width:86px}.appointment-desk{padding:35px}.tool-columns{gap:25px 40px}.swatch{height:30px;width:30px}.desk-actions{margin-top:28px}.design-status{margin-top:12px}}
@media(max-width:1100px){.workstation{grid-template-columns:75px minmax(0,1fr) 320px}.studio-rail{padding:24px 9px}.rail-label{font-size:6px}.studio-rail button{font-size:9px}.color-desk{padding:23px 22px 12px}.appointment-desk{padding:25px 22px}.studio-live{display:none}.back{margin-left:auto}.desk-heading h1{font-size:24px}.tool-columns{gap:16px}.swatches{gap:8px}.swatch{width:21px;height:21px}.nails-row{gap:12px}.finger{padding:0 3px}.desk-heading .text-action{font-size:8px}.preset-label{display:none}}
@media(max-width:760px){.studio-top{height:64px;padding:13px 20px;gap:26px}.logo{font-size:36px}.logo span{font-size:6px;margin-top:7px}.studio-top>p{font-size:14px}.back{font-size:8px}.workstation{display:block;height:calc(100dvh - 123px)}.studio-rail{display:none}.color-desk,.appointment-desk{height:100%;padding:20px 22px;overflow-y:auto}.color-desk{display:block}.appointment-desk{display:none;border:0}body[data-panel=booking] .color-desk{display:none}body[data-panel=booking] .appointment-desk{display:block}.desk-heading h1{font-size:26px}.design-stage{height:266px;margin-top:15px}.nails-row{gap:8px;height:169px}.nail{height:calc(90px + var(--length,45)*.4px)}.finger{gap:15px}.finger>span:last-child{font-size:7px}.stage-top{font-size:7px}.stage-bottom{font-size:8px}.stage-bottom button{font-size:8px}.tool-columns{grid-template-columns:1fr 1fr;gap:18px 14px}.swatches{gap:9px}.swatch{width:23px;height:23px}.choices{gap:4px}.choices button{font-size:8px;padding:6px}.desk-actions{gap:12px}.desk-actions button{font-size:9px}.mobile-workspaces{height:59px;display:flex;border-top:1px solid var(--line);background:var(--paper);padding:8px 12px;gap:8px}.mobile-workspaces button{font-size:10px;padding:10px 12px;flex:1;white-space:nowrap}.mobile-workspaces button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.mobile-workspaces .info-mobile{flex:0;font-size:9px}.appointment-title{margin-bottom:17px}.appointment-title h2{font-size:28px}.appointment-title h2 br{display:block}.ap-number{font-size:48px}.treatment-price{margin-bottom:18px}.time-slots button{padding:13px 0}.week-days button{padding:10px 0 13px}.sheet-dialog{padding:30px 22px}.sheet-dialog h2{font-size:23px}.mini-row{gap:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}