:root{--ink:#373a34;--muted:#8a8c82;--accent:#86775f;--gold:#c2ad7d;--line:#e9e7e0;--bg:#f7f7f3;--green:#607c69}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:7px;padding:9px 15px;transition:background .15s}button:hover:not(:disabled){background:#efeee7}button:focus-visible,a:focus-visible{outline:3px solid #bb9d64;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:27px;letter-spacing:.045em;line-height:1.5;margin-bottom:9px}h2{font-size:21px;line-height:1.6}h3{font-size:18px}p{color:#85877d}small{font-size:11px}.customer-header{height:112px;max-width:1200px;padding:20px 40px;margin:auto;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-mark{font-size:52px;color:var(--gold);line-height:1}.brand-word{font-family:Georgia,serif;font-size:26px;line-height:1.2;letter-spacing:.02em}.brand-word small{font-family:sans-serif;display:block;font-size:8px;letter-spacing:2px;margin-top:5px;color:#96978b}.shop-name{font-size:15px;letter-spacing:.06em}.shop-name b{font-weight:500}.staff-link{margin-left:auto;font-size:12px;color:#787b71;padding:10px 15px;border:1px solid var(--line);border-radius:7px;background:#fff}.stepbar{background:#858078;color:white;display:flex;justify-content:center;gap:0}.stepbar>div{padding:18px 40px;color:#d9d6d1;position:relative;font-size:13px;letter-spacing:.04em}.stepbar span{margin-right:13px;font-size:11px;opacity:.7}.stepbar .current{background:#716d64;color:white}.stepbar .current:after{content:'';position:absolute;bottom:-7px;left:48%;border-top:7px solid #716d64;border-left:7px solid transparent;border-right:7px solid transparent}.stepbar .done{color:white}.booking-main{max-width:1160px;margin:auto;padding:48px 30px 65px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.page-heading p{margin-bottom:0;font-size:13px}.eyebrow{font-size:10px!important;letter-spacing:.18em;color:var(--accent);font-weight:600;margin-bottom:12px!important}.pill{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:30px;background:#fff;color:#88877b;font-size:11px;white-space:nowrap}.tabs{display:flex;gap:8px;margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:15px}.tabs button{border-radius:30px;min-width:90px;font-size:12px;border-color:transparent;background:transparent}.tabs .active{background:#827660;color:#fff}.menu-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.menu-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;margin-bottom:24px}.card-label{padding:14px 22px;font-size:13px;color:#6d695c}.card-label span{font-size:10px;background:#b09a67;color:white;padding:4px 9px;border-radius:3px;margin-right:10px}.treatment-photo{height:260px;position:relative;overflow:hidden;background:#e3ddd2}.treatment-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:brightness(.8)}.treatment-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#33382f66,transparent)}.photo-copy{position:absolute;top:50px;left:32px;z-index:1;color:white;text-shadow:0 1px 6px #0004}.photo-copy small{letter-spacing:.16em;font-size:9px}.photo-copy h2{font-family:'Yu Mincho',serif;font-size:30px;font-weight:500;margin:15px 0 8px}.photo-copy p{color:white;font-size:12px;letter-spacing:.1em}.photo-badge{position:absolute;right:23px;bottom:23px;z-index:1;background:#fffef3ed;color:#86714c;border-radius:50%;width:110px;height:110px;text-align:center;padding-top:22px;font-size:11px;box-shadow:0 0 0 5px #ffffff33}.photo-badge b{font-size:27px;font-family:Georgia,serif}.menu-body{padding:24px 26px}.tags{display:flex;gap:14px;color:#919384;font-size:10px;margin-bottom:10px;align-items:center}.tags span:first-child,.tag{display:inline-block;padding:3px 9px;border-radius:4px;background:#f1f0e8;color:#8e805f;font-size:10px}.menu-body h2{margin-bottom:9px;font-size:20px}.menu-body p{font-size:12px;line-height:1.95;max-width:580px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;gap:16px}.card-bottom strong{font-size:27px;font-family:Georgia,serif;font-weight:500;color:#716349}.card-bottom del{color:#9b9b90;font-size:12px}.price-arrow{padding:0 9px;color:#aba99e}.card-bottom small{font-size:9px;color:#9a9a91}.primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:12px 20px;font-size:12px;letter-spacing:.035em}.primary:hover:not(:disabled){background:#6e604a}.primary span{margin-left:20px}.aside-card{padding:27px 23px;border:1px solid var(--line);border-radius:10px;background:#fff}.aside-card h3{font-size:17px;margin-bottom:14px}.aside-card>p{font-size:12px}.welcome-item{display:flex;gap:14px;align-items:center;margin-top:25px;font-size:12px}.welcome-item>b{font-family:Georgia,serif;color:#b8a478;font-size:22px;font-weight:400}.welcome-item small{display:block;color:#97998e;font-size:10px;margin-top:4px}.aside-note{padding:27px 15px;color:#96988f}.aside-note h4{font-size:12px;color:#777b70}.aside-note p{font-size:11px;line-height:2}.aside-note small{font-size:9px}.customer-footer{max-width:1100px;margin:0 auto 35px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#9b9c90;font-size:10px}.bottom-nav{display:none}.panel{border:1px solid var(--line);border-radius:12px;padding:30px;background:white;margin-bottom:24px}.form-layout{display:grid;grid-template-columns:1fr 330px;gap:30px}.form-layout>.panel{align-self:start}.text-button{border:0;background:transparent;color:var(--accent);padding:6px 0;font-size:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;margin:18px 0;color:#666b60}input,select,textarea{width:100%;display:block;border:1px solid #dfdfd5;border-radius:6px;background:#fff;padding:11px 12px;color:var(--ink);margin-top:8px;outline-color:#b09a67;min-width:0}textarea{resize:vertical}label em{font-size:9px;background:#f2e9dd;color:#927752;padding:3px 6px;font-style:normal;margin-left:9px}label small{color:#aaa;margin-left:8px}.hint{font-size:11px;color:#9a9c90;display:block}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 30px}.slot-grid button{display:flex;flex-direction:column;padding:9px}.slot-grid button small{color:#79947c}.slot-grid button.selected{background:#86775f;color:white;border-color:#86775f}.slot-grid button.selected small{color:white}.wide{width:100%}.summary{height:fit-content}.summary h2{font-size:18px;margin-top:15px}.summary p{font-size:13px}.total{display:flex;justify-content:space-between;align-items:center;gap:12px}.total small{display:block;font-size:9px;color:#999}.total strong{font-family:Georgia,serif;font-size:25px;color:#857254}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:auto;margin:0;accent-color:var(--accent)}.privacy{font-size:11px;background:var(--bg);padding:16px;color:#8a8d80}.form-error{color:#b95648;font-size:12px;white-space:pre-line}.center{text-align:center}.complete{max-width:670px;margin:10px auto;text-align:center;padding:45px}.success-mark{border-radius:50%;width:62px;height:62px;background:#edf2eb;color:#7c9877;display:grid;place-items:center;font-size:30px;margin:0 auto 24px}.confirmation{background:#f8f7f2;padding:25px;border-radius:9px;margin:25px 0}.confirmation code{display:block;font-size:11px;overflow-wrap:anywhere}.confirmation p{margin-bottom:8px}.login-wrap{max-width:520px;margin:65px auto;padding:0 20px}.login-wrap h1{font-size:24px}.login-wrap .hint{margin-top:20px}.admin-shell{display:flex;min-height:100vh}.sidebar{width:222px;background:#fff;border-right:1px solid var(--line);padding:32px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px}.sidebar .brand-mark{font-size:43px}.sidebar .brand-word{font-size:24px}.sidebar-caption{font-size:9px;color:#b3b4a9;letter-spacing:.13em;margin:44px 14px 16px}.sidebar>button{display:flex;align-items:center;gap:13px;border:0;text-align:left;background:transparent;margin-bottom:8px;padding:12px 16px;font-size:12px;color:#8b8d81}.sidebar>button>span{font-size:20px}.sidebar>button.active{background:#eeeae0;color:#88734f;font-weight:600}.sidebar-bottom{margin-top:auto;padding:20px 10px 0;font-size:11px;color:#96988b}.sidebar-bottom small{display:block;font-size:9px;margin-top:20px}.admin-content{margin-left:222px;width:calc(100% - 222px)}.admin-header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-size:12px}.admin-header b{font-weight:500;margin-left:8px}.admin-header>div{display:flex;align-items:center;gap:9px;color:#8f9286;font-size:10px}.admin-header .text-button{margin-left:15px;font-size:10px}.online-dot{width:6px;height:6px;background:#93a88d;border-radius:50%}.admin-main{padding:36px 34px;max-width:1700px;margin:auto}.admin-main h1{font-size:26px}.admin-main .page-heading{margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stats>div{background:white;border:1px solid var(--line);border-radius:9px;padding:18px 22px}.stats>div>span{font-size:11px;color:#96988a}.stats>div>span small{font-size:8px;margin-left:5px}.stats strong{display:block;font-size:28px;font-weight:500;margin-top:5px;letter-spacing:.03em}.stats strong small{font-size:12px;color:#9e9e91;margin-left:8px}.schedule-panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.schedule-toolbar{padding:20px;display:flex;justify-content:space-between;gap:15px}.date-controls,.filter-controls{display:flex;align-items:center;gap:8px}.date-controls input{width:158px;margin:0;padding:8px}.date-controls button{padding:7px 12px}.filter-controls select{font-size:11px;margin:0;max-width:190px}.schedule-subtitle{display:flex;justify-content:space-between;align-items:center;padding:0 22px 18px;gap:12px}.schedule-subtitle>strong{font-size:12px;font-weight:500}.legend{display:flex;gap:14px;font-size:9px;color:#a0a297}.legend-web{color:#8fa190}.legend-phone{color:#c7ac76}.legend-walkin{color:#a49abb}.timeline-scroll{overflow-x:auto}.timeline{min-width:950px}.timeline-head{display:grid;grid-template-columns:130px 1fr;background:#f7f7f2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;color:#8b8f80}.timeline-head>div:first-child{padding:13px 20px}.hours{display:grid;grid-template-columns:repeat(10,1fr)}.hours span{padding:13px 7px;border-left:1px solid var(--line)}.staff-row{display:grid;grid-template-columns:130px 1fr;height:124px;border-bottom:1px solid var(--line)}.staff-cell{padding:23px 12px 12px 17px;display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-content:start}.avatar{width:31px;height:31px;display:grid;place-items:center;background:#f0eade;border-radius:50%;font-size:11px;color:#9d8963;grid-row:span 2}.avatar-higuchi{background:#eaf0e9;color:#80947b}.avatar-yanagida{background:#eee9f1;color:#9884a3}.avatar-kamogawa{background:#e9edf1;color:#829aab}.staff-cell b{font-size:12px;font-weight:500}.staff-cell small{font-size:9px;color:#a2a494;margin-top:5px}.staff-track{position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(5% - 1px),#eeeee7 calc(5% - 1px),#eeeee7 5%);border-left:1px solid var(--line)}.appointment{position:absolute;top:12px;height:100px;padding:8px 9px;text-align:left;border-radius:5px;border:1px solid #d8e1d5;background:#eef3eb;border-left:3px solid #9daf93;overflow:hidden;display:flex;flex-direction:column;gap:1px;font-size:10px;line-height:1.6}.appointment strong{font-size:9px;font-weight:500;color:#7a8b6d}.appointment b{font-size:12px;font-weight:500;white-space:nowrap}.appointment span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment small{font-size:8px;margin-top:auto;color:#8d967d;white-space:nowrap}.source-phone{background:#fbf4df;border-color:#efe1b5;border-left-color:#c7ae70}.source-phone strong{color:#a89054}.source-walkin{background:#f2edf6;border-color:#e6dcee;border-left-color:#b3a0c5}.schedule-footer{padding:15px 22px;display:flex;justify-content:space-between;color:#a1a393;font-size:9px}.admin-note{font-size:11px;color:#a0a293;margin-top:22px}.empty-inline{padding:22px;text-align:center;color:#a2a492;font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--line)}th{font-weight:500;background:#f7f7f2;color:#909381;font-size:11px}.list-search{padding:0 20px 20px;max-width:360px}.integration-intro{margin:35px 0}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.integration-logo{height:50px;width:50px;background:#f0ede5;border-radius:12px;display:grid;place-items:center;font-family:Georgia,serif;font-size:27px;margin-bottom:20px}.integration-card{position:relative}.integration-card .pill{position:absolute;right:25px;top:28px}.integration-card p{font-size:12px}.secondary{color:#8b7d61}.settings{max-width:850px}.setting-row{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px;gap:25px}.setting-row span{color:#929583}.setting-row b{font-weight:500}dialog{border:1px solid var(--line);border-radius:13px;padding:35px;max-width:580px;width:calc(100% - 36px);color:var(--ink);box-shadow:0 15px 80px #0002;max-height:90vh}dialog::backdrop{background:#353d3455;backdrop-filter:blur(3px)}.modal-close{position:absolute;right:15px;top:12px;border:0;font-size:24px;padding:0 10px}.modal-actions{display:flex;gap:12px;flex-wrap:wrap}.danger{color:#b16453;border-color:#e5cfc5;background:#fff8f4}dl{font-size:12px}dt{color:#9a9c8b;margin-top:17px;font-size:10px}dd{margin-left:0;margin-top:4px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:12px 24px;border-radius:8px;background:#454d40;color:white;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90%;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.staff-row{height:148px}.appointment{height:118px}}
@media(max-width:1050px){.sidebar{width:185px;padding:25px 10px}.admin-content{margin-left:185px;width:calc(100% - 185px)}.admin-main{padding:28px 20px}.admin-header{padding:0 20px}.stats{gap:10px}.stats>div{padding:15px}.stats>div>span small{display:none}.legend{gap:8px}.menu-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.card-bottom{flex-wrap:wrap}.shop-name{font-size:12px}.stepbar>div{padding:18px 30px}.form-layout{grid-template-columns:1fr 280px;gap:20px}}
@media(max-width:760px){.customer-header{height:95px;padding:18px 20px;gap:15px}.brand-word{font-size:22px}.brand-mark{font-size:42px}.shop-name{font-size:10px;max-width:100px}.shop-name b{display:block}.staff-link{font-size:10px;padding:7px}.staff-link span{font-size:9px}.stepbar>div{flex:1;text-align:center;padding:15px 3px;font-size:10px}.stepbar span{display:none}.booking-main{padding:32px 17px 90px}.page-heading{margin-bottom:23px}.page-heading h1{font-size:22px}.page-heading .pill{display:none}.page-heading p{font-size:11px}.eyebrow{font-size:9px!important}.menu-layout{display:block}.menu-layout>aside{margin-top:28px}.menu-layout .aside-card{display:none}.tabs{gap:4px}.tabs button{min-width:0;flex:1;padding:8px;font-size:11px}.treatment-photo{height:250px}.photo-copy{left:23px;top:45px}.photo-copy h2{font-size:26px}.photo-badge{width:92px;height:92px;padding-top:17px;right:16px;bottom:16px}.photo-badge b{font-size:24px}.menu-body{padding:20px}.menu-body h2{font-size:18px}.menu-body p{font-size:11px}.card-bottom{gap:15px}.card-bottom .primary{width:100%}.card-label{font-size:11px;padding:12px 20px}.customer-footer{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid var(--line);z-index:10;padding:8px 12px max(9px,env(safe-area-inset-bottom));backdrop-filter:blur(10px)}.bottom-nav a,.bottom-nav button{flex:1;font-size:24px;padding:0;background:none;border:0;display:flex;flex-direction:column;align-items:center;color:#a9aea3;line-height:1.4}.bottom-nav span{font-size:10px;margin-top:3px}.bottom-nav .active{color:#887c64}.form-layout{display:flex;flex-direction:column-reverse;gap:0}.form-layout .panel{width:100%;padding:24px}.summary h2{margin:10px 0}.summary hr{margin:12px 0}.summary p{margin-bottom:8px}.summary .eyebrow{display:none}.summary h3{font-size:14px;margin-bottom:10px}.summary .tag{display:none}.fields{gap:12px}.slot-grid{grid-template-columns:repeat(4,1fr)}.complete{padding:30px 20px}.complete h1{font-size:23px}.sidebar{position:relative;width:100%;padding:13px 14px;flex-direction:row;gap:5px;border-right:0;border-bottom:1px solid var(--line);align-items:center;overflow-x:auto}.sidebar .brand{margin-right:auto;padding:0}.sidebar .brand-mark{font-size:28px}.sidebar .brand-word{font-size:17px}.sidebar .brand-word small{display:none}.sidebar>button{margin:0;padding:8px;white-space:nowrap;font-size:10px;gap:5px}.sidebar>button>span{display:none}.sidebar-caption,.sidebar-bottom{display:none}.admin-shell{display:block}.admin-content{margin:0;width:100%}.admin-header{height:55px;font-size:10px;padding:0 16px}.admin-header b{display:none}.admin-header .text-button{margin-left:2px}.admin-main{padding:25px 14px}.admin-main h1{font-size:23px}.admin-main .page-heading{gap:10px}.admin-main .page-heading>button{padding:10px 12px;white-space:nowrap;font-size:11px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stats>div{padding:13px 17px}.stats strong{font-size:24px}.stats>div>span{font-size:10px}.schedule-toolbar{padding:14px;flex-wrap:wrap;gap:10px}.schedule-subtitle{padding:0 14px 13px;align-items:start;flex-direction:column}.legend{font-size:8px}.filter-controls{width:100%}.filter-controls select{max-width:none}.date-controls{width:100%}.date-controls input{flex:1}.schedule-footer{font-size:8px;padding:12px;gap:12px}.timeline{min-width:1000px}.admin-note{font-size:10px;line-height:1.9}.integration-grid{grid-template-columns:1fr}.panel{padding:23px}.setting-row{font-size:11px}.setting-row b{text-align:right}dialog{padding:28px 22px}#toast{bottom:85px}.login-wrap{margin-top:35px}.login-wrap .panel{padding:25px}}
.pos-600{left:0.00%}.pos-630{left:5.00%}.pos-660{left:10.00%}.pos-690{left:15.00%}.pos-720{left:20.00%}.pos-750{left:25.00%}.pos-780{left:30.00%}.pos-810{left:35.00%}.pos-840{left:40.00%}.pos-870{left:45.00%}.pos-900{left:50.00%}.pos-930{left:55.00%}.pos-960{left:60.00%}.pos-990{left:65.00%}.pos-1020{left:70.00%}.pos-1050{left:75.00%}.pos-1080{left:80.00%}.pos-1110{left:85.00%}.pos-1140{left:90.00%}.pos-1170{left:95.00%}.dur-60{width:calc(10.00% - 5px)}.dur-90{width:calc(15.00% - 5px)}
.staff-link{white-space:nowrap;flex-shrink:0}@media(max-width:420px){.customer-header{gap:10px;padding-left:14px;padding-right:14px}.customer-header .brand-word{font-size:20px}.customer-header .brand-mark{font-size:35px}.customer-header .shop-name{font-size:9px}.customer-header .staff-link{padding:7px 5px;font-size:9px}}

.prototype-banner{background:#efe5cf;color:#74613e;padding:10px 20px;text-align:center;font-size:11px;position:relative;z-index:20}body:has(.prototype-banner) .sidebar{top:39px}@media(max-width:760px){body:has(.prototype-banner) .sidebar{top:auto}.prototype-banner{font-size:10px;padding:9px 16px}}

/* Single-page customer reservation */
#reservation-fields{border:0;padding:0;margin:0;min-width:0}.reservation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.reservation-layout .panel{padding:24px}.reservation-layout h2{font-size:18px;margin-bottom:16px}.compact-menus{display:grid;gap:10px}.menu-option{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:14px;width:100%}.menu-option small{display:block;color:#777b70;font-weight:400}.menu-option strong{white-space:nowrap;font-size:18px}.menu-option.selected{border-color:var(--accent);background:#f4efe4;box-shadow:inset 0 0 0 1px var(--accent)}.menu-option b{font-size:13px}.inline-summary{background:var(--bg);border-radius:8px;padding:18px;margin:20px 0}.inline-summary h3{font-size:14px;margin-bottom:10px}.inline-summary p{font-size:12px;color:#666b60;margin-bottom:10px}.reservation-layout .slot-grid{margin-bottom:0}.customer-details{align-self:start}.customer-details label:first-child{margin-top:0}.customer-details .fields label{margin-top:0}@media(max-width:760px){.reservation-layout{grid-template-columns:minmax(0,1fr);gap:0}.customer-details{position:static}.reservation-layout .panel{padding:20px}.booking-main{padding-bottom:30px}.reservation-layout .fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.menu-option{padding:12px}.menu-option b{font-size:12px}}

.slot-grid button.selected:hover:not(:disabled){background:#75664f}
.course-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.course-toolbar label{margin:0;width:360px;max-width:100%}.course-toolbar button{white-space:nowrap}.course-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.course-actions button,.course-actions a{font-size:11px;white-space:nowrap}.course-name{min-width:200px;max-width:330px;white-space:normal;overflow-wrap:anywhere}.course-pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:20px}.link-panel{max-width:780px}.link-explanation{margin-top:22px}.menu-option small{white-space:pre-wrap;overflow-wrap:anywhere}.menu-option>span{min-width:0}.menu-option b,.page-heading h1,.inline-summary p{overflow-wrap:anywhere}.inline-summary p{white-space:pre-wrap}#course-link-url{font-size:12px}.course-management{min-width:0}@media(max-width:760px){.course-toolbar{align-items:stretch;flex-direction:column;gap:12px}.course-toolbar label{width:100%}.sidebar .brand{display:none}.sidebar>button{flex-shrink:0}.course-management{padding:15px!important}}

.dur-15{width:calc(2.5% - 5px)}.dur-30{width:calc(5% - 5px)}.dur-45{width:calc(7.5% - 5px)}.dur-60{width:calc(10% - 5px)}.dur-75{width:calc(12.5% - 5px)}.dur-90{width:calc(15% - 5px)}.dur-105{width:calc(17.5% - 5px)}.dur-120{width:calc(20% - 5px)}.dur-135{width:calc(22.5% - 5px)}.dur-150{width:calc(25% - 5px)}.dur-165{width:calc(27.5% - 5px)}.dur-180{width:calc(30% - 5px)}.dur-195{width:calc(32.5% - 5px)}.dur-210{width:calc(35% - 5px)}.dur-225{width:calc(37.5% - 5px)}.dur-240{width:calc(40% - 5px)}.dur-255{width:calc(42.5% - 5px)}.dur-270{width:calc(45% - 5px)}.dur-285{width:calc(47.5% - 5px)}.dur-300{width:calc(50% - 5px)}.dur-315{width:calc(52.5% - 5px)}.dur-330{width:calc(55% - 5px)}.dur-345{width:calc(57.5% - 5px)}.dur-360{width:calc(60% - 5px)}.dur-375{width:calc(62.5% - 5px)}.dur-390{width:calc(65% - 5px)}.dur-405{width:calc(67.5% - 5px)}.dur-420{width:calc(70% - 5px)}.dur-435{width:calc(72.5% - 5px)}.dur-450{width:calc(75% - 5px)}.dur-465{width:calc(77.5% - 5px)}.dur-480{width:calc(80% - 5px)}.dur-495{width:calc(82.5% - 5px)}.dur-510{width:calc(85% - 5px)}.dur-525{width:calc(87.5% - 5px)}.dur-540{width:calc(90% - 5px)}.dur-555{width:calc(92.5% - 5px)}.dur-570{width:calc(95% - 5px)}
.course-staff,.shift-day{border:1px solid var(--line);border-radius:8px;padding:14px;margin:20px 0;min-width:0}.course-staff legend,.shift-day legend{font-size:12px}.course-staff .checkbox{margin:10px 0}.shift-day .checkbox{margin:0}.shift-times{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.shift-times label{margin:8px 0}.shift-times input{min-width:0}.exception-row{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:14px;margin:12px 0}.exception-row>button{margin-top:12px}#staff-form>h3{margin-top:26px}#staff-form .fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.shift-calendar>label{max-width:360px}.shift-months{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:22px}.calendar-weekday{text-align:center;font-size:12px}.calendar-day{min-height:100px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:7px;min-width:0}.calendar-day span{font-size:11px;line-height:1.5}.calendar-day.working{background:#edf2e9;border-color:#c9d4c2}.calendar-day.off{background:#f5f2ed}.calendar-day.unset{color:#999}.hours{grid-template-columns:repeat(13,1fr)}.staff-track{background:repeating-linear-gradient(to right,transparent 0,transparent calc(3.8461538% - 1px),#eeeee7 calc(3.8461538% - 1px),#eeeee7 3.8461538%)}@media(max-width:760px){.calendar-grid{gap:3px}.calendar-day{padding:5px 3px;min-height:88px}.calendar-day span{font-size:9px}.calendar-day b{font-size:11px}.shift-calendar{padding:14px}.shift-months{gap:5px}.shift-months button{font-size:11px;padding:8px}.shift-calendar>p{font-size:12px}}

.pos-540{left:0%}.pos-570{left:3.8461538461538463%}.pos-600{left:7.6923076923076925%}.pos-630{left:11.538461538461538%}.pos-660{left:15.384615384615385%}.pos-690{left:19.230769230769234%}.pos-720{left:23.076923076923077%}.pos-750{left:26.923076923076923%}.pos-780{left:30.76923076923077%}.pos-810{left:34.61538461538461%}.pos-840{left:38.46153846153847%}.pos-870{left:42.30769230769231%}.pos-900{left:46.15384615384615%}.pos-930{left:50%}.pos-960{left:53.84615384615385%}.pos-990{left:57.692307692307686%}.pos-1020{left:61.53846153846154%}.pos-1050{left:65.38461538461539%}.pos-1080{left:69.23076923076923%}.pos-1110{left:73.07692307692307%}.pos-1140{left:76.92307692307693%}.pos-1170{left:80.76923076923077%}.pos-1200{left:84.61538461538461%}.pos-1230{left:88.46153846153845%}.pos-1260{left:92.3076923076923%}.pos-1290{left:96.15384615384616%}.dur-15{width:calc(1.9230769230769231% - 5px)}.dur-30{width:calc(3.8461538461538463% - 5px)}.dur-45{width:calc(5.769230769230769% - 5px)}.dur-60{width:calc(7.6923076923076925% - 5px)}.dur-75{width:calc(9.615384615384617% - 5px)}.dur-90{width:calc(11.538461538461538% - 5px)}.dur-105{width:calc(13.461538461538462% - 5px)}.dur-120{width:calc(15.384615384615385% - 5px)}.dur-135{width:calc(17.307692307692307% - 5px)}.dur-150{width:calc(19.230769230769234% - 5px)}.dur-165{width:calc(21.153846153846153% - 5px)}.dur-180{width:calc(23.076923076923077% - 5px)}.dur-195{width:calc(25% - 5px)}.dur-210{width:calc(26.923076923076923% - 5px)}.dur-225{width:calc(28.846153846153843% - 5px)}.dur-240{width:calc(30.76923076923077% - 5px)}.dur-255{width:calc(32.69230769230769% - 5px)}.dur-270{width:calc(34.61538461538461% - 5px)}.dur-285{width:calc(36.53846153846153% - 5px)}.dur-300{width:calc(38.46153846153847% - 5px)}.dur-315{width:calc(40.38461538461539% - 5px)}.dur-330{width:calc(42.30769230769231% - 5px)}.dur-345{width:calc(44.230769230769226% - 5px)}.dur-360{width:calc(46.15384615384615% - 5px)}.dur-375{width:calc(48.07692307692308% - 5px)}.dur-390{width:calc(50% - 5px)}.dur-405{width:calc(51.92307692307693% - 5px)}.dur-420{width:calc(53.84615384615385% - 5px)}.dur-435{width:calc(55.769230769230774% - 5px)}.dur-450{width:calc(57.692307692307686% - 5px)}.dur-465{width:calc(59.61538461538461% - 5px)}.dur-480{width:calc(61.53846153846154% - 5px)}.dur-495{width:calc(63.46153846153846% - 5px)}.dur-510{width:calc(65.38461538461539% - 5px)}.dur-525{width:calc(67.3076923076923% - 5px)}.dur-540{width:calc(69.23076923076923% - 5px)}.dur-555{width:calc(71.15384615384616% - 5px)}.dur-570{width:calc(73.07692307692307% - 5px)}
.staff-priority-row{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.staff-priority-row>label{margin:0;font-size:11px}.staff-priority-row input[type=number]{margin-top:4px;padding:7px}.staff-priority-row input:disabled{background:var(--bg);color:#aaa}

.customer-footer{flex-wrap:wrap;gap:16px}.customer-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}.customer-footer a,.privacy a,.legal-content a:not(.secondary){text-decoration:underline;text-underline-offset:3px}.legal-main{max-width:900px;margin:40px auto;padding:0 20px}.legal-content{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.legal-content h1{font-size:28px;line-height:1.5}.legal-content h2{font-size:18px;margin:32px 0 12px}.legal-content p{margin:14px 0}.legal-content li{margin:8px 0}.legal-date{font-size:12px;color:#666}.legal-notice{padding:16px;background:#f5f1e8;border-radius:8px}.operator-details{display:grid;grid-template-columns:160px 1fr;margin:24px 0}.operator-details dt,.operator-details dd{margin:0;padding:16px 0;border-bottom:1px solid var(--line)}.operator-details dt{font-weight:600}.legal-return{display:inline-block;margin-top:24px}@media(max-width:600px){.legal-main{margin:24px auto;padding:0 14px}.legal-content h1{font-size:23px}.operator-details{grid-template-columns:1fr}.operator-details dt{border-bottom:0;padding-bottom:0}.operator-details dd{padding-top:6px}.customer-footer nav a{padding:8px 0}}

.shop-access{padding:20px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shop-access h3{font-size:15px;margin:0 0 12px}.shop-access p{font-size:12px;margin:8px 0}.shop-access address{font-style:normal;font-size:13px;line-height:1.8;overflow-wrap:anywhere;margin-bottom:14px}.shop-access iframe{width:100%;height:240px;border:0;border-radius:8px}.route-link{display:block;text-align:center;margin-top:12px;font-size:12px}.shop-access .hint{font-size:11px}

.template-tokens{display:flex;flex-wrap:wrap;gap:8px}.template-tokens code{font-size:12px;background:#f5f1e8;padding:4px 8px;border-radius:4px}#email-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.8;background:#f8f7f2;padding:16px}#email-preview:empty{display:none}



.copy-feedback{padding:14px 16px;border:1px solid #92b59a;border-radius:8px;background:#edf7ef;color:#214d2d;font-size:14px;line-height:1.7;font-weight:600;white-space:normal}.copy-feedback[data-state="manual"]{background:#fff6e8;border-color:#d9b16b;color:#684211}.copy-feedback[hidden]{display:none}

.migration-notice{padding:12px 18px;background:#fff0ca;color:#5d440c;text-align:center;font-weight:600;border-bottom:1px solid #e8c870}