@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#51584a;background:#f6f4ed;font-synthesis:none;font-size:14px;line-height:1.8}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}button:focus-visible,summary:focus-visible{outline:3px solid #899a74;outline-offset:4px}button{transition:transform .2s,background .2s}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}h1,h2,h3,p{margin-top:0}h1,h2,.brand,.creator{font-family:"Noto Serif JP",Yu Mincho,serif;font-weight:400}header{max-width:1080px;margin:auto;padding:28px 42px;display:flex;align-items:center;justify-content:space-between}.brand{background:none;text-align:left;font-size:25px;letter-spacing:.12em;padding:0}.brand span{display:block;font-family:Noto Sans JP,sans-serif;font-size:9px;letter-spacing:.19em;margin-top:1px}.creator{display:flex;gap:12px;align-items:center;text-align:right;font-size:12px;color:#222;line-height:1.6;letter-spacing:.05em}.creator b{font-weight:400;font-size:14px}.creator img{height:56px;width:56px;flex:0 0 56px;padding:6px;object-fit:contain;object-position:center;background:transparent;border:0;box-shadow:none}.app{min-height:100vh;background:radial-gradient(ellipse at 8% 30%,#e8ebdd88,transparent 35%),radial-gradient(ellipse at 92% 45%,#e8dfd055,transparent 40%)}.eyebrow{font-size:10px;letter-spacing:.2em;color:#92947f;display:flex;gap:15px;align-items:center;justify-content:center}.eyebrow span{width:28px;height:1px;background:#bbc0ac}footer{max-width:630px;margin:26px auto 0;padding:0 24px 20px;text-align:center}nav{display:flex;justify-content:space-around;border-top:1px solid #dcdfd1;padding-top:24px}nav button{background:none;display:flex;align-items:center;flex-direction:column;gap:7px;min-width:70px;font-size:11px}nav svg{width:24px;height:24px;stroke-width:1.4}footer>p{font-family:"Noto Serif JP",serif;font-size:10px;color:#929580;margin:23px 0 6px;letter-spacing:.12em}.copyright{font-size:8px;letter-spacing:.15em;color:#a0a28f}.inner{max-width:680px;margin:15px auto 60px;padding:0 28px;min-height:55vh}.inner h1{font-size:26px;line-height:1.8;margin:20px 0 12px}.inner>.eyebrow{justify-content:flex-start;margin-top:28px}.back{display:flex;align-items:center;gap:8px;background:none;font-size:12px;margin-bottom:28px;padding:8px 0}.muted{color:#8a8d7f;font-size:12px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#8a927c}.progress{height:4px;border-radius:10px;background:#e2e5d9;margin:12px 0 35px}.progress i{display:block;height:100%;background:#8f9f7e;border-radius:10px;transition:width .3s}.options{display:grid;gap:11px;margin:28px 0}.options button{border:1px solid #e0e3d8;border-radius:13px;min-height:58px;background:#fffdf7;display:flex;justify-content:space-between;align-items:center;padding:15px 19px;text-align:left}.options button[aria-pressed=true],.chips button[aria-pressed=true]{border-color:#8e9f7d;background:#e8eddf;color:#586e46}.check{display:grid;place-items:center;color:#9aa68c}.primary{display:flex;align-items:center;justify-content:center;gap:12px;background:#869a76;color:#fff;width:100%;min-height:56px;border-radius:12px;padding:14px 20px}.primary svg:last-child{margin-left:auto}.primary svg:first-child:last-child{margin-left:0}.gentle{font-size:11px;text-align:center;color:#969987;margin:20px 0}.secondary{display:block;background:transparent;border:1px solid #cfd5c4;border-radius:12px;padding:13px 20px;width:100%;margin-top:13px}.menu-list{display:grid;gap:12px;margin:30px 0}.menu-list button{display:flex;justify-content:space-between;align-items:center;background:#fffcf5;border:1px solid #e0e2d6;border-radius:15px;padding:21px;text-align:left}.menu-list button>span{display:flex;align-items:center;gap:17px}.menu-list small{display:block;font-size:10px;color:#8d9382}.menu-list .together{margin-top:10px}.panel{background:#fffdf7;border:1px solid #e1e3d7;border-radius:17px;padding:24px;margin:25px 0}.panel h2{font-size:19px;display:flex;align-items:center;gap:10px;margin-bottom:13px}.panel p{font-size:12px;line-height:2}.upload{background:#f2f3e9;border:1px dashed #b6c0a7;border-radius:12px;min-height:100px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px}.field{display:block;margin:24px 0;font-size:13px}textarea{display:block;width:100%;min-height:125px;resize:vertical;border:1px solid #d9dece;background:#fffdf8;border-radius:12px;padding:16px;margin-top:12px;color:#51584a;font-size:13px;line-height:1.9}textarea:focus{outline:2px solid #95a583}textarea::placeholder{color:#a1a48f}.photo{position:relative;margin-top:22px}.photo>img{width:100%;max-height:290px;object-fit:contain;background:#eeeee4;border-radius:10px}.remove{position:absolute;top:8px;right:8px;border-radius:50%;background:#fff;padding:6px;display:flex}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{border:1px solid #d5dccb;border-radius:20px;background:#fafbf4;font-size:11px;padding:7px 13px}.note{background:#fffdf8;border:1px solid #e4e4d8;border-radius:4px 4px 20px 20px;padding:30px;margin:28px 0;box-shadow:0 7px 24px #565f4610;border-top:4px solid #a6b697}.note-title{display:flex;justify-content:center;gap:12px;align-items:center;border-bottom:1px solid #e1e5d8;padding-bottom:20px}.note-title h2{margin:0;font-size:22px}.note-opening{font-family:"Noto Serif JP",serif;line-height:2.2;font-size:16px;margin:24px 0}.note section{border-top:1px solid #e8ebdf;padding:17px 0 0;margin-top:15px}.note h3{font-size:11px;font-weight:500;color:#929981;margin-bottom:6px}.note section p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.note-sign{display:block;text-align:center;font-size:8px;letter-spacing:.12em;color:#a4aa96;margin-top:30px}.note-photos{display:flex;gap:12px;flex-wrap:wrap}.note-photos figure{margin:0;max-width:45%}.note-photos img{width:100%;max-height:200px;object-fit:contain}.note-photos figcaption{font-size:10px}summary{cursor:pointer;font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#4f6146;color:#fff;border-radius:13px;padding:16px 18px;display:flex;align-items:center;gap:16px;width:max-content;max-width:90vw;z-index:10;box-shadow:0 5px 25px #0002;font-size:12px}.toast button{display:flex;background:none;color:#fff}@media(min-width:800px){.inner{margin-top:25px}}@media(max-width:540px){header{padding:20px 23px}.brand{font-size:19px}.brand span{font-size:7px}.creator{font-size:9px;gap:8px}.creator b{font-size:12px}.inner{padding:0 23px}.inner h1{font-size:24px}.panel{padding:20px}.note{padding:23px}footer{margin-top:22px}nav{padding-top:21px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{header,footer,.back,.primary,.secondary,.toast,.eyebrow,.muted{display:none}.inner{max-width:none}.note{box-shadow:none}}@media(max-width:360px){.creator{gap:5px}}.menu-list button[aria-pressed=true]{background:#e8eddf;border-color:#899a74}.menu-next:disabled{opacity:.45;cursor:not-allowed}.question-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.question-navigation>button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:56px;height:100%;margin:0;padding:14px 8px}.question-navigation>.secondary{background:#fffdf8}.question-navigation>.primary svg:last-child{margin-left:0}.question-navigation svg{flex-shrink:0}.customer-info-fields .field input,.customer-info-fields .field select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:56px;margin-top:8px;padding:13px 14px;border:1px solid #d9ddcf;border-radius:12px;background:#fffdf8;color:inherit;font:inherit}.customer-info-fields{min-width:0}.app:not(.is-home){background:#f7f3e9;color:#41413b}.app:not(.is-home) .creator{color:#41413b}.app:not(.is-home) .eyebrow,.app:not(.is-home) .muted,.app:not(.is-home) .progress-label,.app:not(.is-home) .gentle,.app:not(.is-home) footer>p,.app:not(.is-home) .copyright,.app:not(.is-home) .menu-list small,.app:not(.is-home) .note h3,.app:not(.is-home) .note-sign{color:#6d685b}.app:not(.is-home) .eyebrow span,.app:not(.is-home) .progress i{background:#d5b65e}.app:not(.is-home) .progress{background:#e9dfc6}.app:not(.is-home) .options button,.app:not(.is-home) .menu-list button,.app:not(.is-home) .chips button,.app:not(.is-home) .panel,.app:not(.is-home) .note,.app:not(.is-home) textarea,.app:not(.is-home) .customer-info-fields .field input,.app:not(.is-home) .customer-info-fields .field select,.app:not(.is-home) .question-navigation>.secondary{background:#fffefa;border-color:#ddd3bd;color:#41413b}.app:not(.is-home) .options button[aria-pressed=true],.app:not(.is-home) .chips button[aria-pressed=true],.app:not(.is-home) .menu-list button[aria-pressed=true]{background:#f2dca0;border-color:#b99a49;color:#41413b}.app:not(.is-home) .primary{background:#d5b65e;color:#41413b}.app:not(.is-home) .check{color:#78642f}.app:not(.is-home) .secondary,.app:not(.is-home) nav,.app:not(.is-home) .note-title,.app:not(.is-home) .note section,.app:not(.is-home) .session-actions{border-color:#ddd3bd}.app:not(.is-home) .note{border-top-color:#d5b65e}.app:not(.is-home) .upload{background:#f8f1dd;border-color:#c5af72}.app:not(.is-home) textarea:focus,.app:not(.is-home) button:focus-visible,.app:not(.is-home) summary:focus-visible{outline-color:#ac8e3c}.app:not(.is-home) textarea::placeholder{color:#777264}.app:not(.is-home) .toast{background:#796534;color:#fffefa}.app:not(.is-home) .primary:disabled{opacity:.45;cursor:not-allowed}.is-home{--home-ink: #405348;--home-height: max(780px, 100svh);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(100,minmax(0,1fr));position:relative;isolation:isolate;width:100%;max-width:600px;height:var(--home-height);min-height:0;margin:0 auto;overflow:clip;color:var(--home-ink);background:#dfab12}.is-home:before,.is-home:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.is-home:before{z-index:-2;top:26%;right:0;bottom:0;left:0;background:url(/hair-note-top-updated.png) center bottom / auto 100% no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 min(22px,2.6svh));mask-image:linear-gradient(to bottom,transparent,#000 min(22px,2.6svh));mask-mode:alpha}.is-home:after{z-index:-1;content:none}.is-home>header{grid-area:1 / 1 / 11 / 2;z-index:2;width:100%;max-width:none;min-height:0;margin:0;padding:max(12px,env(safe-area-inset-top)) 8.125px 0;display:flex;align-items:center;justify-content:flex-end}.is-home .brand{display:none}.is-home .creator{display:flex;align-items:center;gap:9px;color:#35473d;font:12px/1.55 "Noto Serif JP",Yu Mincho,serif;letter-spacing:.05em}.is-home .creator b{font-size:15px;font-weight:400}.is-home .creator img{width:56px;height:56px;flex:0 0 56px;padding:5px;border-radius:50%;border:1px solid transparent;background:#dfab12;box-shadow:none;object-fit:contain;object-position:center;overflow:hidden}.is-home>.home{grid-area:11 / 1 / 90 / 2;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;width:100%;max-width:none;min-height:0;margin:0;padding:0;text-align:center}.is-home .home-heading{display:contents}.is-home .home-heading h1{grid-area:1 / 1 / 9 / 2;align-self:center;z-index:2;margin:0;color:#30312d;display:flex;align-items:baseline;gap:.08em;justify-self:start;padding-left:28px;font:400 clamp(48px,15.4vw,82px)/1.1 Didot,"Bodoni MT","Times New Roman",serif;letter-spacing:.005em}.is-home .home-catch{grid-area:10 / 1 / 14 / 2;align-self:center;z-index:2;margin:0;justify-self:start;padding-left:28px;color:#343833;font:400 clamp(13px,3.75vw,22px)/1.8 "Noto Serif JP","Yu Mincho",serif;letter-spacing:.045em;white-space:nowrap}.is-home .home-subtitle{grid-area:14 / 1 / 17 / 2;align-self:center;z-index:2;margin:0;justify-self:start;padding-left:28px;color:#343833;font:400 clamp(10px,2.85vw,17px)/1.9 "Noto Serif JP","Yu Mincho",serif;letter-spacing:.025em;white-space:nowrap}.is-home .home-rule{display:none}.is-home .logo-hair{color:#30312d}.is-home .logo-note{color:#7b551f;font-style:italic;font-weight:400}.is-home .home-kicker{position:absolute;top:5.2%;left:28px;z-index:2;margin:0;color:#5b492d;font:400 10px/1.5 Times New Roman,serif;letter-spacing:.22em;text-align:left}.is-home .home-vertical{position:absolute;top:10%;right:29px;z-index:2;writing-mode:vertical-rl;white-space:nowrap;margin:0;color:#494033;font:400 9.5px/1.5 "Noto Serif JP",Yu Mincho,serif;letter-spacing:.04em}.is-home .home-vertical:after{content:"";position:absolute;top:calc(100% + 3px);left:calc(50% - .075px);width:.99225px;height:22px;background:currentColor;opacity:.69255}.is-home .mode-grid{grid-area:57 / 1 / 80 / 2;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:78%;max-width:none;min-height:0;margin:0;justify-self:center}.is-home .mode-card{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:46px 34px 12px 1fr 36px;justify-items:center;align-items:center;padding:14px 5px;border:1px solid #fff9e6cc;border-radius:23px;color:#fffdf4;box-shadow:0 6px 16px #20372114;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.is-home .customer{background:linear-gradient(120deg,#97a076bd,#6f7e5ec1)}.is-home .stylist{background:linear-gradient(120deg,#e7b17fbd,#bc8a5ac1)}.is-home .mode-icon{width:41px;height:44px;stroke:#fffdf4}.is-home .mode-card h2{margin:0;font:400 clamp(17px,4.9vw,28px)/1.6 "Noto Serif JP","Yu Mincho",serif;letter-spacing:.015em;white-space:nowrap}.is-home .card-rule{width:28px;height:1px;background:#fff9e5b3}.is-home .mode-card p{margin:0;font:400 clamp(10px,2.9vw,16px)/1.65 "Noto Serif JP","Yu Mincho",serif;letter-spacing:.01em}.is-home .circle{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fffbed;color:#708364}.is-home .stylist .circle{color:#a58b5a}.is-home .circle svg{width:23px;height:23px}.is-home>footer{grid-area:91 / 1 / 99 / 2;z-index:2;width:82%;max-width:none;min-height:0;margin:0;padding:0 0 env(safe-area-inset-bottom);justify-self:center;color:#fffef3}.is-home nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:100%;gap:6px;border:0;padding:0}.is-home nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:44px;padding:0;color:inherit;background:transparent;font:400 clamp(11px,3.15vw,17px)/1.6 "Noto Serif JP","Yu Mincho",serif;white-space:nowrap;text-shadow:0 1px 6px #20301799}.is-home nav svg{width:29px;height:29px;stroke-width:1.5;filter:drop-shadow(0 1px 3px #20301755)}.is-home footer>p,.is-home .copyright{display:none}@media(max-width:359px){.is-home .mode-grid{width:88%;gap:14px}.is-home .creator{font-size:10px}.is-home .creator b{font-size:13px}}@media(min-width:500px){.is-home .mode-card{grid-template-rows:50px 42px 14px 1fr 40px}.is-home .mode-icon{width:46px;height:49px}.is-home .circle{width:39px;height:39px}}.consultation-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:26px 22px;border:1px solid #dce1d2;border-radius:20px;color:#51584a;background:#fffdf7;box-shadow:0 12px 60px #24351c33;text-align:left;font:14px/1.9 Noto Sans JP,sans-serif}.consultation-dialog::backdrop{background:#28342366}.consultation-dialog h2{font:400 22px/1.7 "Noto Serif JP",Yu Mincho,serif;margin:0 0 16px}.consultation-dialog p{margin:0 0 18px}.consultation-dialog .primary,.consultation-dialog .secondary{min-height:48px;font-size:14px;white-space:normal}.consultation-dialog .dialog-footnote{font-size:11px;color:#858b79;margin:16px 0 0}.consultation-dialog [role=alert]{color:#9c4a38;font-size:13px}.session-actions{margin:32px 0 12px;padding-top:20px;border-top:1px solid #dce1d2;display:flex;flex-wrap:wrap;gap:12px}.session-actions button{flex:1 1 190px;min-height:48px;margin:0}.consultation-dialog{color:#41413b;background:#fffefa;border-color:#ddd3bd}.consultation-dialog .primary{background:#d5b65e;color:#41413b}.consultation-dialog .secondary{border-color:#c8b994;color:#41413b}.consultation-dialog .dialog-footnote{color:#6d685b}