:root{color:#2a1c16;background:#f7f1ea;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}button,input{font:inherit}a{color:#8a5a3c}.app-frame{width:min(480px,100%);min-height:100vh;margin:0 auto;background:#f7f1ea;position:relative}.screen{min-height:100vh;padding-bottom:108px}.screen.plain{padding-bottom:24px}.topbar,.appbar{display:flex;align-items:center;gap:8px;padding:14px 16px 8px}.topbar h1,.appbar h1{margin:0;font-size:20px;flex:1}.ghost,.primary,.line{border:0;border-radius:12px;padding:12px 16px;cursor:pointer}.primary{background:#e8d2bc;color:#2a1c16;font-weight:700;width:100%}.primary:disabled,.ghost:disabled{opacity:.55;cursor:default}.line{background:transparent;color:#b00020;border:1px solid #d9c4b5;width:100%}.ghost{background:transparent;color:#6b4e3d}.back-btn{width:40px;height:40px;flex:none;display:inline-grid;place-items:center;border:1px solid #e4d2c8;border-radius:50%;padding:0;background:#fff;color:#3a2420;box-shadow:0 4px 12px #5a302414;cursor:pointer}.back-btn.light{border-color:#f3e6d859;background:#ffffff14;color:#f3e6d8;box-shadow:none}.appbar .back-btn{margin-right:2px}.card{background:#fff;border-radius:16px;padding:14px;margin:0 16px 10px}.muted{color:#7a6558;font-size:13px;line-height:1.45}.error{color:#b00020;font-size:13px}.tabs{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(480px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#fffdf8;border-radius:24px 24px 0 0;border-top:3px solid #fff;box-shadow:0 -6px #ffb4d673;z-index:5;font-family:Yuanti SC,PingFang SC,Hiragino Sans GB,sans-serif}.tabs button{border:3px solid transparent;border-radius:16px;padding:6px 0 7px;font-size:13px;font-weight:800;display:grid;justify-items:center;gap:1px;cursor:pointer}.tabs button i{font-style:normal;font-size:18px;line-height:1}.tabs button[data-tab=design]{background:#fff0f6;color:#e25592}.tabs button[data-tab=inspire]{background:#fff6d8;color:#e07a12}.tabs button[data-tab=history]{background:#e7fff8;color:#1f9d86}.tabs button[data-tab=me]{background:#f3ecff;color:#7a5ad4}.tabs button.on{color:#fff;border-color:#fff;box-shadow:0 3px #5a3d731f}.tabs button[data-tab=design].on{background:#ff7eb3}.tabs button[data-tab=inspire].on{background:#ffb020}.tabs button[data-tab=history].on{background:#3ecfb4}.tabs button[data-tab=me].on{background:#a78bfa}.design-page{min-height:100vh;padding:20px 20px 120px;color:#3a2a26;background:radial-gradient(circle at 100% 0%,#f6ddd4 0%,transparent 46%),linear-gradient(180deg,#fbf7f4,#f4e7e0)}.design-head p{margin:0;color:#b07668;font-size:12px;font-weight:600;letter-spacing:.32em}.design-head h1{margin:6px 0 0;color:#2b1c18;font-size:32px;font-weight:700;letter-spacing:.06em}.design-hero{position:relative;margin:16px 0 0}.design-hero img{width:100%;height:280px;object-fit:cover;object-position:center 22%;border-radius:28px;display:block;box-shadow:0 18px 36px #5a302429}.design-hero figcaption{position:absolute;left:14px;bottom:14px;padding:6px 12px;border-radius:999px;background:#fffaf6f0;color:#6d463c;font-size:12px;letter-spacing:.08em}.design-lead{margin:16px 2px 0;color:#7a5b54;font-size:14px;line-height:1.65}.design-credit{margin:10px 2px 0;color:#a06b62;font-size:13px}.pay-sheet .pay-price{margin:8px 0 4px;color:#3a2420;font-size:36px;font-weight:700;line-height:1.1}.pay-sheet .pay-price small{margin-left:4px;font-size:14px;font-weight:500;color:#8a6a60}.pay-channels{display:grid;gap:10px;margin:16px 0 8px}.pay-alipay,.pay-wechat{border:0;border-radius:12px;padding:14px 16px;font-size:15px;font-weight:700;color:#fff}.pay-alipay{background:#1677ff}.pay-wechat{background:#07c160}.pay-alipay:disabled,.pay-wechat:disabled{opacity:.6}.pay-qr-sheet{text-align:center}.pay-qr{display:block;width:220px;height:220px;margin:12px auto;border-radius:12px;background:#fff}.design-actions{margin-top:18px;display:grid;gap:10px}.design-main,.design-sub,.design-game{display:block;width:100%;border-radius:999px;text-align:center;cursor:pointer}.design-main,.design-sub{padding:14px 16px;font-weight:700}.design-main{border:0;background:#3a2420;color:#f8efe9}.design-sub{background:transparent;color:#3a2420;border:1px solid #d8c2b6}.design-game{margin-top:12px;border:0;background:transparent;color:#a06b62;font-size:13px;padding:8px 0}.inspire-page{color:#3a2a26;background:radial-gradient(circle at 100% 0%,#f6ddd4 0%,transparent 42%),linear-gradient(180deg,#fbf7f4,#f4e7e0 280px)}.inspire-head{padding:18px 20px 0}.inspire-head p{margin:0;color:#b07668;font-size:12px;font-weight:600;letter-spacing:.32em}.inspire-head h1{margin:6px 0 0;color:#2b1c18;font-size:28px;font-weight:700;letter-spacing:.04em}.inspire-filters{display:flex;gap:8px;padding:16px 20px 4px}.inspire-filters button{border:1px solid #e4d2c8;background:#fffcf9cc;color:#6d463c;border-radius:999px;padding:7px 16px;font-size:13px;cursor:pointer}.inspire-filters button.on{background:#3a2420;border-color:#3a2420;color:#f8efe9;font-weight:700}.inspire-section{display:flex;align-items:center;gap:8px;padding:16px 20px 8px}.inspire-section strong{flex:1;font-size:16px;letter-spacing:.04em}.inspire-color{border:1px solid #d8c2b6;border-radius:999px;padding:6px 12px;color:#3a2420;font-size:13px;cursor:pointer}.inspire-empty{margin:0 20px 8px;color:#a08076;font-size:13px}.history-page{color:#3a2a26;background:radial-gradient(circle at 100% 0%,#f6ddd4 0%,transparent 42%),linear-gradient(180deg,#fbf7f4,#f4e7e0 280px)}.history-head{padding:18px 20px 0}.history-head p{margin:0;color:#b07668;font-size:12px;font-weight:600;letter-spacing:.32em}.history-head h1{margin:6px 0 0;color:#2b1c18;font-size:28px;font-weight:700;letter-spacing:.04em}.history-filters{display:flex;gap:8px;padding:16px 20px 12px}.history-filters button{border:1px solid #e4d2c8;background:#fffcf9cc;color:#6d463c;border-radius:999px;padding:7px 16px;font-size:13px;cursor:pointer}.history-filters button.on{background:#3a2420;border-color:#3a2420;color:#f8efe9;font-weight:700}.history-note{padding:0 20px}.history-empty{margin:4px 20px 0;padding:18px 16px;border-radius:20px;background:#fffcf9db;color:#7a5b54;font-size:14px;line-height:1.6}.history-card{display:flex;gap:12px;align-items:center;width:calc(100% - 40px);margin:0 20px 12px;padding:10px;border:0;border-radius:20px;background:#fff;text-align:left;color:inherit;box-shadow:0 10px 24px #5a302414;cursor:pointer}.history-card img,.history-photo{width:72px;height:92px;flex:none;border-radius:14px;object-fit:cover;background:#f6efe9}.history-card strong{display:block;font-size:15px}.history-card p{margin:4px 0 0;color:#a08076;font-size:13px;line-height:1.45}.me-page{color:#3a2a26;background:radial-gradient(circle at 100% 0%,#f6ddd4 0%,transparent 42%),linear-gradient(180deg,#fbf7f4,#f4e7e0 280px)}.me-head{padding:18px 20px 0}.me-head p{margin:0;color:#b07668;font-size:12px;font-weight:600;letter-spacing:.32em}.me-who{display:flex;align-items:center;gap:14px;margin-top:14px}.me-who span{width:64px;height:64px;flex:none;border-radius:50%;display:grid;place-items:center;background:#3a2420;color:#f8efe9;font-size:26px;font-weight:700}.me-who h1{margin:0;color:#2b1c18;font-size:26px;font-weight:700;letter-spacing:.04em}.me-who small{display:block;margin-top:4px;color:#a08076;font-size:13px}.me-links{display:grid;gap:10px;padding:22px 20px 0}.me-links a{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:18px;background:#fff;color:#3a2a26;text-decoration:none;font-weight:700;box-shadow:0 10px 24px #5a302414}.me-links a:after{content:"›";color:#c4a79c;font-size:22px;font-weight:400;line-height:1}.me-note{margin:16px 20px 0;color:#a08076;font-size:13px;line-height:1.6}.me-credit{margin:0 20px 14px;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:0 10px 24px #5a302414;color:#3a2a26}.me-credit strong{display:block;font-size:15px}.me-credit p{margin:6px 0 0;color:#8a6a60;font-size:13px}.me-logout{display:block;width:calc(100% - 40px);margin:18px 20px 0;padding:14px 16px;border:1px solid #d8c2b6;border-radius:999px;background:transparent;color:#8a4d48;font-weight:700;cursor:pointer}.inspire-rail{display:flex;gap:12px;overflow:auto;padding:0 20px 4px}.inspire-rail a{width:148px;flex:none;background:#fff;border-radius:18px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 10px 24px #5a302414}.inspire-rail img{width:148px;height:176px;object-fit:cover;display:block;background:#f3e6de}.inspire-rail p{margin:0;padding:10px 12px 12px;font-size:13px;line-height:1.4}.inspire-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 20px 8px}.inspire-card{border:0;padding:0 0 12px;background:#fff;border-radius:20px;overflow:hidden;text-align:left;color:inherit;box-shadow:0 10px 24px #5a302414;cursor:pointer}.inspire-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#f6efe9}.inspire-card span,.inspire-card small{display:block;padding:0 12px}.inspire-card span{margin-top:10px;font-size:14px;font-weight:700}.inspire-card small{margin-top:2px;color:#a08076;font-size:12px}.field{display:grid;gap:6px;margin-bottom:12px}.field input,.field textarea{width:100%;border:1px solid #eadfd4;border-radius:12px;padding:12px;background:#fff}.row{display:flex;gap:8px;align-items:center}.chips{display:flex;gap:8px;overflow:auto;padding:0 12px 8px}.chips button,.chip{border:0;background:#fff;border-radius:999px;padding:6px 12px;color:#6b4e3d;white-space:nowrap}.chips button.on,.chip.on{background:#2a1c16;color:#f3e6d8}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 16px}.tile{background:#fff;border-radius:14px;overflow:hidden;border:0;padding:0;text-align:left;color:inherit}.tile img{width:100%;aspect-ratio:1;object-fit:contain;background:#f3ebe3;display:block}.tile span{display:block;padding:8px 10px 12px;font-size:13px;font-weight:650}.list-item{display:flex;gap:12px;align-items:center;width:calc(100% - 32px);margin:0 16px 10px;padding:10px;border:0;border-radius:14px;background:#fff;text-align:left;color:inherit}.list-item img{width:64px;height:80px;object-fit:cover;border-radius:8px;background:#eadfd4}.rail{display:flex;gap:10px;overflow:auto;padding:0 12px 12px}.rail a,.rail button.article{width:128px;flex:none;border:0;padding:0;background:#fff;border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;text-align:left}.rail img{width:128px;height:150px;object-fit:cover;display:block;background:#eadfd4}.rail p{margin:8px;font-size:12px}.stage-wrap{background:#1c1410;min-height:100vh;color:#f3e6d8}.stage{position:relative;margin:12px;height:min(62vh,560px);background:#241912;border-radius:16px;overflow:hidden;touch-action:none}.stage .base{width:100%;height:100%;object-fit:contain;display:block}.stage .hair{position:absolute;left:0;top:0;width:180px;transform-origin:center center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:grab}.stage .hair.editing{outline:2px solid #e8d2bc;outline-offset:-2px;cursor:move;z-index:2}.hair-tools{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;padding:8px 8px 6px;border-radius:14px;background:#000000b8;color:#e8d2bc}.hair-tools-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.hair-tools-label{width:28px;flex:none;font-size:12px;color:#e8d2bc}.hair-tools-btn{width:28px;height:28px;flex:none;border:0;border-radius:8px;background:#3a2a22;color:#f3e6d8;font-size:16px;line-height:1;padding:0}.hair-tools-actions{display:flex;align-items:center;gap:4px;margin-top:2px}.hair-tools-link{color:#e8d2bc!important;padding:4px 8px;font-size:13px}.hair-tools-done{margin-left:auto;border:0;border-radius:8px;background:#e8d2bc;color:#2a1c16;font-size:13px;font-weight:600;padding:6px 12px;min-height:30px}.dock{padding:8px 12px calc(12px + env(safe-area-inset-bottom))}.swatches,.styles{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.swatch{border:2px solid transparent;background:transparent;color:#d9c4b0;min-width:64px;width:auto;padding:4px 6px;flex:none}.swatch.on{border-color:#e8d2bc;border-radius:12px}.swatch i{display:block;width:36px;height:36px;border-radius:50%;margin:0 auto 4px}.swatch small{display:block;white-space:nowrap;font-size:11px;line-height:1.2;text-align:center}.style-btn{width:84px;flex:none;border:2px solid transparent;border-radius:10px;background:#3a2a22;color:#f3e6d8;padding:0}.style-btn.on{border-color:#e8d2bc}.style-btn img{width:84px;height:84px;object-fit:contain;display:block}.style-btn small{display:block;padding:4px;font-size:11px}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;color:#fff;z-index:9}.dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:end center;z-index:8}.sheet{width:min(480px,100%);background:#fff;border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.sheet img{width:100%;height:220px;object-fit:cover;border-radius:12px}.article-body{line-height:1.65}.article-body p{white-space:pre-wrap;margin:0 0 12px}.article-body figure{margin:0 0 14px}.article-body img{width:100%;border-radius:12px;display:block;background:#eadfd4}.article-body figcaption{margin-top:6px;color:#7a6558;font-size:12px;text-align:center}.slider{width:100%}.salon{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:#5a3d73;font-family:Yuanti SC,PingFang SC,Hiragino Sans GB,sans-serif;background:radial-gradient(circle at 10% 8%,#fff 0 9px,transparent 10px),radial-gradient(circle at 88% 14%,#ffe56b 0 7px,transparent 8px),radial-gradient(circle at 78% 6%,#ffb7d5 0 5px,transparent 6px),linear-gradient(165deg,#8fd4ff,#ffd6ee 46%,#fff3b0)}.salon-bar{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.salon-bar h1{margin:0;flex:1;font-size:22px;letter-spacing:.5px;color:#fff;text-shadow:0 2px 0 #ef6ea8}.back-btn.salon-back{width:42px;height:42px;border:3px solid #fff;border-radius:50%;background:#ff8cbc;color:#fff;box-shadow:0 4px #e56aa2}.report-page{color:#3a2a26;background:radial-gradient(circle at 100% 0%,#f6ddd4 0%,transparent 42%),linear-gradient(180deg,#fbf7f4,#f4e7e0 220px)}.report-photo{width:calc(100% - 32px);margin:0 16px 12px;border-radius:20px;max-height:360px;object-fit:cover;display:block;box-shadow:0 12px 28px #5a30241f}.report-ai{margin:0 16px 14px}.report-ai-head strong{display:block;font-size:18px;letter-spacing:.04em}.report-ai-head p{margin:4px 0 0;color:#a08076;font-size:12px}.report-ai-error{margin:8px 0 0;color:#b00020;font-size:13px}.report-ai-loading,.report-ai-card-loading{margin-top:12px;border-radius:16px;background:#fff;color:#7a5b54;font-size:13px;display:grid;place-items:center;box-shadow:0 10px 24px #5a302414}.report-ai-loading{height:120px}.report-ai-card-loading{width:150px;height:196px;flex:none}.report-ai-rail{display:flex;gap:10px;overflow:auto;padding:12px 0 4px}.report-ai-rail figure{width:150px;margin:0;flex:none}.report-ai-rail img{width:150px;height:196px;object-fit:cover;border-radius:14px;display:block;background:#f3e6de;box-shadow:0 10px 24px #5a30241a}.report-ai-rail figcaption{margin-top:8px;color:#3a2a26;font-size:12px;font-weight:700;line-height:1.35}.report-card{margin-bottom:24px}.salon-score{min-width:78px;height:42px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:3px solid #fff;border-radius:999px;background:#ffe56b;color:#e07a12;font-size:18px;font-weight:800;box-shadow:0 4px #f0c14a}.salon-score b{font-size:20px;line-height:1}.salon-score small{font-size:12px;font-weight:800}.salon-order{margin:0 14px 8px;background:#fff8c9;border:3px solid #fff;border-radius:20px;padding:8px 14px 10px;box-shadow:0 5px #f3c96b}.salon-order p{margin:0;color:#e07a12;font-size:13px;font-weight:700}.salon-order strong{display:block;margin-top:2px;font-size:16px;line-height:1.35;color:#6a4580}.salon-order span{display:block;margin-top:4px;font-size:13px;font-weight:700}.salon-order span.try{color:#ef5b8a}.salon-order span.ok{color:#2f9d6a}.salon-stage{position:relative;flex:1 1 auto;min-height:0;margin:0 14px;border:4px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 6px #ffffff8c;background:radial-gradient(circle at 16% 84%,#fff 0 16px,transparent 17px),radial-gradient(circle at 24% 80%,#fff 0 11px,transparent 12px),radial-gradient(circle at 21% 88%,#fff 0 9px,transparent 10px),radial-gradient(circle at 86% 16%,#ffe56b 0 7px,transparent 8px),radial-gradient(circle at 12% 14%,#fff 0 5px,transparent 6px),linear-gradient(180deg,#d7f3ff,#fff7fc 72%)}.salon-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.hair-rig{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;will-change:transform,opacity}.hair-bone{position:absolute;top:0;right:0;bottom:0;left:0;transform-box:fill-box}.hair-bone-root{transform-origin:50% 16%}.hair-bone-left{transform-origin:42% 24%}.hair-bone-right{transform-origin:58% 24%}.hair-half-left{clip-path:polygon(0 0,52% 0,52% 100%,0 100%)}.hair-half-right{clip-path:polygon(48% 0,100% 0,100% 100%,48% 100%)}.hair-rig.is-idle .hair-bone-root{animation:hair-idle-root 3.4s ease-in-out infinite}.hair-rig.is-idle .hair-bone-left{animation:hair-idle-left 2.6s ease-in-out infinite}.hair-rig.is-idle .hair-bone-right{animation:hair-idle-right 2.6s ease-in-out infinite}.hair-rig.is-out .hair-bone-root{animation:hair-out-root .34s cubic-bezier(.55,.08,.68,.53) forwards}.hair-rig.is-out .hair-bone-left{animation:hair-out-left .34s cubic-bezier(.55,.08,.68,.53) forwards}.hair-rig.is-out .hair-bone-right{animation:hair-out-right .34s cubic-bezier(.55,.08,.68,.53) forwards}.hair-rig.is-out{animation:hair-fade-out .34s ease forwards}.hair-rig.is-in .hair-bone-root{animation:hair-in-root .72s cubic-bezier(.18,.89,.32,1.18) both}.hair-rig.is-in .hair-bone-left{animation:hair-in-left .72s cubic-bezier(.18,.89,.32,1.18) both}.hair-rig.is-in .hair-bone-right{animation:hair-in-right .72s cubic-bezier(.18,.89,.32,1.18) both}.hair-rig.is-in{animation:hair-fade-in .5s ease both}@keyframes hair-idle-root{0%,to{transform:rotate(-.8deg) translateY(0)}50%{transform:rotate(.8deg) translateY(1.5px)}}@keyframes hair-idle-left{0%,to{transform:rotate(1.2deg)}50%{transform:rotate(-1.6deg)}}@keyframes hair-idle-right{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.6deg)}}@keyframes hair-out-root{to{transform:scale(.82,.58) translateY(-8%) rotate(4deg)}}@keyframes hair-out-left{to{transform:rotate(-18deg) scale(.9,.7) translate(-4%,-6%)}}@keyframes hair-out-right{to{transform:rotate(18deg) scale(.9,.7) translate(4%,-6%)}}@keyframes hair-in-root{0%{transform:scale(.78,.52) translateY(-10%) rotate(-5deg)}70%{transform:scale(1.03,1.04) translateY(1%) rotate(1deg)}to{transform:none}}@keyframes hair-in-left{0%{transform:rotate(16deg) scale(.86,.62) translate(-5%,-8%)}to{transform:none}}@keyframes hair-in-right{0%{transform:rotate(-16deg) scale(.86,.62) translate(5%,-8%)}to{transform:none}}@keyframes hair-fade-out{to{opacity:0}}@keyframes hair-fade-in{0%{opacity:.15}to{opacity:1}}.salon-panel{flex:0 0 auto;display:flex;flex-direction:column;max-height:50%;margin-top:10px;background:#fffdf8;border-radius:28px 28px 0 0;border:3px solid #fff;border-bottom:0;box-shadow:0 -6px #ffb4d673}.salon-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 12px 0}.salon-tabs button{border:3px solid transparent;background:#fff0f6;color:#c45b8a;border-radius:18px;padding:6px 0 7px;font-weight:800;font-size:15px;display:grid;justify-items:center;gap:1px;cursor:pointer}.salon-tabs button i{font-style:normal;font-size:16px;line-height:1}.salon-tabs button[data-tab=jewel]{background:#e7fff8;color:#1f9d86}.salon-tabs button[data-tab=hat]{background:#f3ecff;color:#7a5ad4}.salon-tabs button.on{color:#fff;border-color:#fff;box-shadow:0 4px #5a3d731f}.salon-tabs button[data-tab=hair].on{background:#ff7eb3}.salon-tabs button[data-tab=jewel].on{background:#3ecfb4}.salon-tabs button[data-tab=hat].on{background:#a78bfa}.salon-dock{padding:8px 12px 2px;display:grid;gap:6px;overflow:auto;min-height:0}.salon-dock .chips{padding:0;gap:6px;flex-wrap:wrap;overflow:visible}.salon-dock .chips button{background:#fff;color:#6a4580;border:2px solid #ffd0e4;border-radius:999px;padding:6px 12px;font-weight:700;font-size:14px;box-shadow:0 3px #ffd0e4}.salon-dock .chips button.on{background:#ff7eb3;color:#fff;border-color:#ff7eb3;box-shadow:0 3px #e25592}.salon-finish{padding:6px 12px calc(12px + env(safe-area-inset-bottom))}.salon-go{width:100%;border:3px solid #fff;border-radius:999px;padding:12px 16px;background:linear-gradient(180deg,#ffd15c,#ff9f43);color:#fff;font-size:18px;font-weight:800;letter-spacing:1px;text-shadow:0 2px 0 #e07a12;box-shadow:0 5px #e07a12;cursor:pointer}.salon-go:disabled{opacity:.55;cursor:default}.salon-sub{margin:2px 0 0;color:#1f9d86;font-size:13px;font-weight:800}.salon-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.salon-colors button{border:3px solid #fff;background:#fff7fb;border-radius:16px;color:#6a4580;padding:6px 4px 7px;display:grid;justify-items:center;gap:4px;font-size:13px;font-weight:700;box-shadow:0 3px #ffd6ea;cursor:pointer}.salon-colors button.on{border-color:#ff7eb3;background:#fff;box-shadow:0 3px #ff7eb3}.salon-colors i{width:28px;height:28px;border-radius:50%;display:block;border:3px solid #fff;box-shadow:0 0 0 2px #ffd0e4}