.lp{justify-content:center;align-items:center;gap:24px;width:100%;height:100%;display:flex;position:relative}.lp-phone{flex:none}.lp-head{background:var(--site-accent);color:#fff;font-family:var(--font-serif);padding:10px 14px 8px;font-size:16px}.lp-screen{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 14px;display:flex;position:relative;overflow:hidden}.lp-field{flex-direction:column;gap:5px;display:flex}.lp-field>span{letter-spacing:.08em;text-transform:uppercase;color:#6b6f6a;font-size:10px;font-weight:700}.lp-lengths{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.lp-lengths .d-slot{min-width:0}.lp-slots{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.lp-slots .d-slot{min-width:0}.lp-slots--long{margin-top:-6px}.lp-hq{z-index:5;flex-direction:column;gap:6px;width:300px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lp-check{align-items:center;gap:8px;font-weight:600;display:flex}.lp-box{border:1px solid #c9ced6;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:inline-flex}.lp-box.on{background:var(--h-primary);border-color:var(--h-primary);color:#fff}.lp-table{flex-direction:column;gap:4px;display:flex}.lp-trow{grid-template-columns:70px 1fr 1fr;align-items:center;gap:8px;display:grid}.lp-thead{text-transform:uppercase;letter-spacing:.06em;color:var(--h-muted);font-size:10px}.lp-input{background:var(--h-surface);font-variant-numeric:tabular-nums;border:1px solid #c9ced6;border-radius:6px;padding:4px 8px}.lp-diary{flex-direction:column;flex:none;gap:6px;width:230px;display:flex}.lp-dlabel{letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:700}.lp-col .d-dcol-body{min-height:170px}.lp-history{flex-direction:column;gap:2px;padding:8px 10px;font-size:11.5px;display:flex}@container fstage (width<=600px){.lp{flex-direction:column;gap:8px}.lp-phone{max-height:74%}.lp-lengths .d-slot,.lp-slots .d-slot{padding:6px 2px;font-size:10.5px}.lp-screen{gap:6px;padding:10px}.lp-diary{flex-direction:row;align-items:flex-start;width:100%}.lp-dlabel{display:none}.lp-col{flex:1}.lp-col .d-dcol-body{min-height:90px}.lp-history{flex:1}.lp-hq{width:92%}}
