:root{color-scheme:light;--g1:#F8EDE6;--g2:#FBF4EF;--g3:#F6EFEA;--ground:#FBF4EF;--card:#FFFFFF;--ink:#33231C;--muted:#876E62;--accent:#B0553A;--accent2:#D98F62;--on-accent:#FFFFFF;--field:#F9F0EA;--field-focus:#FFFFFF;--pill-bg:#F4E6DD;--pill-ink:#8A4B34;--up-border:#E8CDBD;--up-bg:#FDF8F5;--ic1:#F7E2D5;--ic2:#EFCDB8;--line:#EFE0D6;--shadow:rgba(176,85,58,.28);--card-shadow:rgba(160,95,70,.11);--danger:#9B3226}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--g1:#1E1512;--g2:#241A16;--g3:#1F1613;--ground:#241A16;--card:#2C201A;--ink:#F5EAE4;--muted:#AC9186;--accent:#E09466;--accent2:#EFB68E;--on-accent:#2A1611;--field:#35251E;--field-focus:#3D2A22;--pill-bg:#3C2921;--pill-ink:#E7AE86;--up-border:#4C352B;--up-bg:#30221C;--ic1:#432E25;--ic2:#533A2E;--line:#3E2C24;--shadow:rgba(0,0,0,.45);--card-shadow:rgba(0,0,0,.32);--danger:#F0A392}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{color:var(--ink);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;background:var(--ground);min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,var(--g1) 0,var(--g2) 34%,var(--g3) 100%)}.shell{max-width:520px;margin:0 auto;padding:0 20px 40px}header.salon{text-align:center;padding:40px 0 24px}.salon-teksti{display:contents}.salon-mark{width:74px;height:74px;margin:0 auto 16px;border-radius:38% 62% 55% 45%/52% 45% 55% 48%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#FFFFFF;font-size:30px;font-weight:800}header.salon h1{font-size:27px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px;line-height:1.2;text-wrap:balance}header.salon p{margin:0 auto;color:var(--muted);font-size:15px;max-width:30ch;font-weight:600;text-wrap:balance}.card{background:var(--card);border-radius:26px;padding:22px 20px;box-shadow:0 8px 30px var(--card-shadow)}.fields,.row{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr)}@media (min-width:520px){.row.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.fields>*,.row>*{min-width:0}.field.kuva,.field.tekijat,label.field{display:grid;grid-gap:7px;gap:7px;min-width:0}.field>span{font-size:13.5px;font-weight:800;display:flex;align-items:center;gap:7px}.field>span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}input[type=date],input[type=tel],input[type=text],input[type=url],select,textarea{font-family:inherit;font-size:16px;font-weight:600;color:var(--ink);background:var(--field);border:2px solid transparent;border-radius:15px;padding:13px 14px;width:100%}input::placeholder,textarea::placeholder{color:var(--muted);font-weight:600}input[type=date],select{min-height:48px;cursor:pointer}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;max-width:100%}input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0;min-width:0}input[type=date]::-webkit-datetime-edit{padding:0;min-width:0}input,select,textarea{max-width:100%}textarea{resize:vertical;min-height:96px;line-height:1.5}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:var(--field-focus)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field>span.hint,.hint{font-size:12.5px;font-weight:600;color:var(--muted);line-height:1.45;display:block}.field>span.hint:before{content:none}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{font-family:inherit;font-size:14.5px;font-weight:700;background:var(--pill-bg);color:var(--pill-ink);border:2px solid transparent;border-radius:99px;padding:10px 16px;cursor:pointer}.pill[aria-pressed=true]{background:var(--accent);color:#FFFFFF}.photo{border:2.5px dashed var(--up-border);border-radius:20px;background:var(--up-bg);padding:18px;display:flex;align-items:center;gap:14px;min-width:0}.photo-thumb{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--ic1),var(--ic2));flex:none;overflow:hidden;display:grid;place-items:center;color:var(--accent)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-copy{display:grid;grid-gap:5px;gap:5px;min-width:0}.photo-copy strong{font-size:15.5px;font-weight:800}input[type=file].piilotettu{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.tiedostonappi{display:inline-block;font-size:13.5px;font-weight:800;color:var(--pill-ink);background:var(--pill-bg);border-radius:99px;padding:8px 15px;cursor:pointer;justify-self:start}.tiedostonappi:hover{filter:brightness(.97)}input[type=file].piilotettu:focus-visible+.tiedostonappi{outline:2px solid var(--accent);outline-offset:2px}.kuvalista{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}.kuvapala{position:relative;width:62px;height:62px;border-radius:15px;overflow:hidden;background:var(--field);flex:none}.kuvapala img{width:100%;height:100%;object-fit:cover;display:block}.kuvapala .poista{position:absolute;top:3px;right:3px;width:21px;height:21px;border-radius:50%;border:none;cursor:pointer;background:rgba(0,0,0,.55);color:#FFFFFF;display:grid;place-items:center;padding:0}button.send{width:100%;border:none;border-radius:18px;padding:18px;font-family:inherit;font-size:17px;font-weight:800;color:var(--on-accent);margin-top:8px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 8px 20px var(--shadow);cursor:pointer}button.send:hover:not(:disabled){filter:brightness(1.05)}button.send:disabled{opacity:.6;box-shadow:none;cursor:default}.legal{margin:16px 4px 0;font-size:12px;color:var(--muted);line-height:1.55;text-align:center;font-weight:600}.legal a{color:var(--accent)}.error{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--pill-bg);color:var(--danger);font-size:13.5px;font-weight:700}.done{text-align:center;padding:14px 6px 8px}.tick{width:62px;height:62px;margin:0 auto 16px;border-radius:38% 62% 55% 45%/52% 45% 55% 48%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#FFFFFF;display:grid;place-items:center}.done h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.done h2,.done>p{text-wrap:balance}.done>p{margin:0 auto 20px;color:var(--muted);font-size:14.5px;max-width:32ch;font-weight:600}.receipt{text-align:left;background:var(--field);border-radius:18px;padding:16px 18px;display:grid;grid-gap:9px;gap:9px}.receipt div{display:grid;grid-template-columns:84px minmax(0,1fr);grid-gap:10px;gap:10px;font-size:13.5px;align-items:baseline}.receipt dt{color:var(--muted);font-weight:600}.receipt dd{margin:0;font-weight:800}.fade{animation:fade .38s ease both}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fade{animation:none}}footer.brand{margin-top:22px;text-align:center;font-size:12.5px;color:var(--muted);font-weight:700}footer.brand b{color:var(--ink);font-weight:800}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.info{max-width:560px;margin:0 auto;padding:56px 20px}.info h1{font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--accent);margin:0 0 10px}.info h2{font-size:17px;font-weight:800;color:var(--ink);margin:26px 0 6px}.info p{font-size:15.5px}.info p,.info ul{color:var(--muted);max-width:46ch;font-weight:600}.info ul{font-size:15px;padding-left:20px}.info li{margin-bottom:8px}.info strong{color:var(--ink);font-weight:800}@media (min-width:720px){.shell{max-width:700px;padding-bottom:18px}header.salon{display:flex;align-items:center;gap:16px;text-align:left;padding:20px 0 14px}.salon-teksti{display:block;min-width:0}.salon-mark{width:50px;height:50px;font-size:21px;margin:0;flex:none}header.salon h1{font-size:22px;margin:0 0 2px}header.salon p{font-size:13.5px;max-width:60ch;margin:0}.card{padding:18px 20px;border-radius:20px}.fields{gap:11px}.row{gap:16px}.field.kuva,.field.tekijat,label.field{gap:4px}.field>span{font-size:12.5px}.field>span:before{width:6px;height:6px}input[type=date],input[type=tel],input[type=text],input[type=url],select,textarea{padding:10px 12px;border-radius:12px;font-size:15px}input[type=date],select{min-height:42px}textarea{min-height:60px}.pill{padding:7px 13px;font-size:13.5px}.pills{gap:7px}.row.two.liitteet{align-items:start}.photo{padding:11px;border-radius:14px;gap:10px}.photo-thumb{width:42px;height:42px;border-radius:12px}.photo-copy strong{font-size:14px}.photo-copy{gap:4px}.tiedostonappi{padding:5px 12px;font-size:12.5px}.kuvapala{width:46px;height:46px;border-radius:11px}.kuvalista{gap:7px}.hint{font-size:11.5px;line-height:1.35}button.send{padding:13px;border-radius:14px;font-size:15.5px;margin-top:2px}.legal{margin-top:10px;font-size:11px;line-height:1.45}footer.brand{margin-top:12px;font-size:11.5px}}