.public-shell{--booking-accent:#e9a934;--booking-muted:#a4a6ad;--booking-line:#ffffff21;--border:var(--booking-line);color:#f5f5f3;background:radial-gradient(780px 390px at 10% -5%,#c47d1a1c,#0000 67%),radial-gradient(680px 460px at 92% 60%,#313b4f29,#0000 75%),#090b0f;max-width:none;min-height:100dvh;padding:26px max(20px,50vw - 610px) 35px;--booking-color:#e9e9e8!important}.public-shell *{box-sizing:border-box}.public-shell ::selection{color:#121212;background:#efb651}.public-shell .public-top{border-bottom:1px solid var(--booking-line);max-width:1170px;color:var(--booking-muted);letter-spacing:.17em;text-transform:uppercase;margin:0 auto;padding:0 2px 24px;font-size:11px;font-weight:700}.public-shell .public-brand{color:#f5f5f3;letter-spacing:-.02em;text-transform:none;gap:11px;font-size:14px;font-weight:800}.public-shell .public-brand svg{color:var(--booking-accent)}.public-shell .public-brand:hover{color:#f4c875}.public-shell .booking-surface{background:#14171c;border:1px solid #ffffff2b;border-top-color:#ffffff3b;border-radius:18px;grid-template-columns:minmax(290px,34%) minmax(0,1fr);max-width:1170px;min-height:700px;margin:30px auto 0;overflow:hidden;box-shadow:0 34px 100px #00000059,inset 0 1px #ffffff0a}.public-shell .booking-info{isolation:isolate;border-right:1px solid var(--booking-line);background:linear-gradient(157deg,#1a1a1b,#101217 60%,#0c0e12);padding:36px 30px 28px;position:relative;overflow:hidden}.public-shell .booking-info:before{content:"SELF PHOTO STUDIO  /  JAKARTA";color:var(--booking-accent);letter-spacing:.19em;margin-bottom:35px;font-size:10px;font-weight:800;display:block}.public-shell .booking-info:after{content:"";background:linear-gradient(#0000 40%,#00000029),url(/selfroom-face/booking-studio-monochrome.webp) 50%/cover;border:1px solid #ffffff24;border-radius:10px;width:100%;height:165px;margin-top:30px;display:block}.public-shell .studio-logo{color:#fff;letter-spacing:-.085em;text-align:left;background:0 0;border:0;border-radius:0;width:auto;height:auto;margin:0 0 33px;font-size:clamp(35px,4vw,53px);font-weight:800;line-height:.9;display:block}.public-shell .studio-logo span{color:var(--booking-accent);letter-spacing:.28em;text-transform:uppercase;margin:12px 0 0 3px;font-size:10px;font-weight:800;display:block}.public-shell .booking-info h1{color:#f6f6f4;letter-spacing:-.045em;margin-bottom:13px;font-size:clamp(26px,2.7vw,36px);line-height:1.14}.public-shell .booking-info>p,.public-shell .booking-main .muted,.public-shell .booking-footnote{color:var(--booking-muted)}.public-shell .booking-info>p{line-height:1.65}.public-shell .selected-service{border-color:var(--booking-line)}.public-shell .selected-service h3{color:#f5f5f3}.public-shell .selected-service p{color:#bdc0c6}.public-shell .selected-service svg{color:var(--booking-accent)}.public-shell .booking-footnote{margin-top:30px}.public-shell .booking-main{color:#f4f4f2;background:linear-gradient(145deg,#ffffff06,#0000 48%),#14171c;padding:43px clamp(24px,4vw,62px) 48px}.public-shell .booking-main>h2{letter-spacing:-.035em;margin-bottom:7px;font-size:clamp(24px,2.6vw,31px);line-height:1.18}.public-shell .steps{color:#81848e;letter-spacing:.12em;text-transform:uppercase;gap:11px;margin-bottom:38px;font-size:11px;font-weight:700}.public-shell .steps .active{color:var(--booking-accent)}.public-shell .service-list{gap:11px;margin-top:28px}.public-shell .service-option{color:#f5f5f3;background:#1b1e24;border:1px solid #ffffff29;border-radius:12px;min-height:104px;padding:21px;transition:border-color .2s,background-color .2s,transform .2s}:is(.public-shell .service-option:hover,.public-shell .service-option:focus-visible){background:#23252b;border-color:#e9a934b8;transform:translateY(-2px)}.public-shell .service-option strong{font-size:16px}.public-shell .service-option p{color:#abaeb6}.public-shell .service-option small{color:#dadce0}.public-shell .service-option>svg{color:var(--booking-accent)}.public-shell .service-symbol{color:var(--booking-accent);background:#292822}.public-shell .calendar{margin-top:32px}.public-shell .calendar-heading{margin-bottom:24px}.public-shell .calendar-heading strong{color:#f4f4f2;text-transform:capitalize}.public-shell button:not(.primary):not(.link-button),.public-shell .button{color:#f4f4f2;background-color:#23262d;border-color:#ffffff30}.public-shell button:not(.primary):not(.link-button):hover,.public-shell .button:hover{background-color:#2b2d32;border-color:#e9a934ad}.public-shell .service-option{background-color:#1b1e24!important}.public-shell .service-option:hover{background-color:#23252b!important}.public-shell .day{aspect-ratio:1;border-radius:50%;width:min(42px,100%);height:auto;color:#eff0f1!important;background-color:#0000!important;border-color:#ffffff38!important}.public-shell .day:hover:not(:disabled){border-color:var(--booking-accent)!important;background-color:#2b2d32!important}.public-shell .day.selected,.public-shell .time-grid .selected{color:#111317!important;background-color:#f4f4f2!important;border-color:#f4f4f2!important}.public-shell .day:disabled{color:#626670!important;background:0 0!important;border-color:#0000!important}.public-shell .weekday,.public-shell .timezone{color:#9a9ea7}.public-shell .timezone,.public-shell .time-section{border-color:var(--booking-line)}.public-shell .timezone strong,.public-shell .time-section h3{color:#f1f2f3}.public-shell .time-grid button{color:#f4f4f2;border-color:#fff3}.public-shell .time-grid button:hover{border-color:var(--booking-accent)}.public-shell .primary{color:#121418;background:#f4f4f2;border:1px solid #f4f4f2;border-radius:8px;min-height:48px;font-weight:800;transition:background-color .2s,transform .2s}.public-shell .primary:hover{color:#121418;filter:none;background:#fff;transform:translateY(-1px)}.public-shell .primary:disabled{transform:none}.public-shell .link-button{color:var(--booking-accent)}.public-shell .link-button:hover{color:#f4c875}.public-shell .selection-summary{color:#f4f4f2;background:#e9a93414;border:1px solid #e9a9344d;border-radius:9px}.public-shell .selection-summary svg{color:var(--booking-accent)}.public-shell .booking-form{gap:19px}.public-shell .booking-form label{color:#e7e8e9}.public-shell .booking-form input,.public-shell .booking-form textarea,.public-shell .booking-form .picker{color:#f5f5f3;background:#20232a;border:1px solid #fff3;border-radius:8px;min-width:0}.public-shell .booking-form input::placeholder,.public-shell .booking-form textarea::placeholder{color:#858992}.public-shell .booking-form input:focus,.public-shell .booking-form textarea:focus{border-color:var(--booking-accent);outline:1px solid var(--booking-accent)}.public-shell .booking-form .picker:focus-visible{border-color:var(--booking-accent);outline:1px solid var(--booking-accent)}.public-shell .booking-form .checkbox-label{color:#c5c7cc}.public-shell .booking-form .checkbox-label button[data-checked]{background:var(--booking-accent);color:#111;border-color:var(--booking-accent)}.public-shell .confirmation-details,.public-shell .empty-state{border:1px solid var(--booking-line);color:#f3f3f1;background:#1d2026;border-radius:10px}.public-shell .confirmation>p{color:var(--booking-muted)}.public-shell .confirmation .confirmed{color:var(--booking-accent)}.public-shell .confirmation .cancelled{color:#ea8181}.public-shell .confirmation-details hr{border:0;border-top:1px solid var(--booking-line)}.public-shell .confirmation-details .muted{color:#a8abb2}.public-shell .error{color:#ffd5d5;background:#3a2025;border:1px solid #f4737366}.public-shell .public-footer{color:#898d97;letter-spacing:.08em;text-transform:uppercase;max-width:1170px;margin:0 auto;padding:24px 2px 0;font-size:11px}@media (max-width:850px){.public-shell .booking-surface{grid-template-columns:minmax(245px,33%) minmax(0,1fr)}.public-shell .booking-info{padding:28px 22px}.public-shell .booking-main{padding:34px 27px}}@media (max-width:760px){.public-shell{padding:16px 14px 32px}.public-shell .public-top{padding:0 3px 16px}.public-shell .public-top>span{letter-spacing:.1em;font-size:9px}.public-shell .booking-surface{border-radius:14px;min-height:0;margin-top:17px;display:block}.public-shell .booking-info{border-right:0;border-bottom:1px solid var(--booking-line);padding:23px 23px 18px}.public-shell .booking-info:before{margin-bottom:23px;font-size:9px}.public-shell .booking-info:after{height:115px;margin-top:19px}.public-shell .booking-info .studio-logo{width:auto;height:auto;margin-bottom:22px;font-size:38px}.public-shell .booking-info .studio-logo span{margin:9px 0 0 2px;font-size:9px}.public-shell .booking-info h1{font-size:28px}.public-shell .booking-info>p{font-size:13px}.public-shell .selected-service{margin-top:17px;padding-top:13px}.public-shell .selected-service p{color:#c2c4ca}.public-shell .booking-main{padding:25px 21px 34px}.public-shell .steps{letter-spacing:.03em;gap:7px;margin-bottom:26px;font-size:10px}.public-shell .service-option{padding:17px 15px}.public-shell .service-option strong{font-size:15px}.public-shell .calendar-grid{gap:min(2vw,8px)}.public-shell .day{width:100%;max-width:38px}.public-shell .time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-shell .confirmation-details{padding:18px}.public-shell .public-footer{padding:20px 3px 0}}@media (max-width:375px){.public-shell .public-top>span{display:none}.public-shell .booking-info h1{font-size:25px}.public-shell .booking-main{padding-inline:16px}.public-shell .calendar-heading{flex-wrap:wrap}.public-shell .calendar-heading strong{order:-1;width:100%}}@media (prefers-reduced-motion:reduce){.public-shell .service-option,.public-shell .primary{transition:none}.public-shell .service-option:hover,.public-shell .primary:hover{transform:none}}