.sc{container:sc/inline-size;color:var(--text-2)}.sc-card{display:grid;grid-template-columns:minmax(0,1fr);background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh);overflow:hidden}@container sc (min-width:720px){.sc-card{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}}.sc-in{gap:24px}.sc-in,.sc-out{padding:28px;display:flex;flex-direction:column;min-width:0}.sc-out{background:linear-gradient(180deg,var(--hue-navy-t) 0,#fff 85%);border-top:1px solid var(--border);align-items:center;text-align:center;gap:14px}@container sc (min-width:720px){.sc-out{border-top:0;border-left:1px solid var(--border);justify-content:center}}@container sc (max-width:480px){.sc-in,.sc-out{padding:20px 16px}}.sc-lab{display:block;font:600 15px/1.3 var(--font-body);color:var(--text)}.sc-help{display:block;margin-top:2px;font-size:14px;line-height:1.4;color:var(--text-3)}.sc input[type=date]{display:block;width:100%;min-height:52px;margin-top:8px;padding:0 14px;border:1px solid var(--border-2);border-radius:var(--r-md);background:#fff;font:500 16px/1.2 var(--font-body);color:var(--text);font-variant-numeric:tabular-nums}.sc input[type=date]:focus{outline:3px solid rgba(36,80,138,.28);outline-offset:0;border-color:var(--navy-3)}.sc-ref{max-width:320px}.sc-stays-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}.sc-stays-h h2{margin:0;font:700 17px/1.3 var(--font-head);letter-spacing:-.01em;color:var(--black)}.sc-stays-h span{font-size:14px;color:var(--text-3)}.sc-stays{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sc-stay{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) 44px;gap:10px;align-items:end;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-2)}.sc-stay label{display:block;min-width:0;font:600 14px/1.2 var(--font-body);color:var(--text-2)}.sc-stay input[type=date]{margin-top:6px;min-height:48px}.sc-n{display:grid;place-items:center;width:32px;height:32px;margin-bottom:8px;border-radius:50%;background:var(--hue-sky);color:#fff;font:800 14px/1 var(--font-head);font-variant-numeric:tabular-nums}.sc-stay:nth-child(4n+2) .sc-n{background:var(--hue-violet)}.sc-stay:nth-child(4n+3) .sc-n{background:var(--hue-orange)}.sc-stay:nth-child(4n+4) .sc-n{background:var(--hue-teal)}.sc-x{width:44px;height:44px;margin-bottom:2px;display:grid;place-items:center;border:1px solid var(--border-2);border-radius:var(--r-md);background:#fff;color:var(--text-3);cursor:pointer}.sc-x:hover{color:var(--danger);border-color:var(--danger)}.sc-x:disabled{visibility:hidden}.sc-add{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:48px;margin-top:12px;padding:0 18px;border:1px dashed var(--border-2);border-radius:var(--r-md);background:#fff;color:var(--navy);font:600 15px/1 var(--font-body);cursor:pointer}.sc-add:hover{border-color:var(--navy-3);background:var(--navy-tint-2)}@container sc (max-width:480px){.sc-stays-h{flex-direction:column;gap:2px;margin-bottom:16px}.sc-stay{grid-template-columns:minmax(0,1fr);gap:10px;position:relative;padding:16px 12px 12px}.sc-n{top:-10px;left:-6px;width:26px;height:26px;margin:0;font-size:13px}.sc-n,.sc-x{position:absolute}.sc-x{top:-12px;right:-8px;width:40px;height:40px;border-radius:50%;box-shadow:var(--sh-xs)}}.sc-ring{position:relative;width:168px;height:168px}.sc-ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.sc-ring .trk{stroke:var(--bg-3)}.sc-ring .val{stroke:var(--hue-teal);transition:stroke-dashoffset .4s var(--ease),stroke .2s ease-out}.sc-out.is-low .sc-ring .val{stroke:var(--gold-d)}.sc-out.is-over .sc-ring .val{stroke:var(--danger)}.sc-ring-tx{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sc-ring-tx b{font:800 48px/1 var(--font-head);letter-spacing:-.04em;color:var(--black);font-variant-numeric:tabular-nums}.sc-ring-tx span{margin-top:4px;font:600 14px/1.2 var(--font-body);color:var(--text-3)}.sc-out.is-over .sc-ring-tx b{color:var(--danger)}.sc-d{white-space:nowrap;font-variant-numeric:tabular-nums}.sc-used{font:700 18px/1.3 var(--font-head);color:var(--text);font-variant-numeric:tabular-nums}.sc-out p{margin:0;max-width:34ch;font-size:15px;line-height:1.55;color:var(--text-2)}.sc-out p b{color:var(--text)}.sc-warn{padding:10px 12px;border-radius:var(--r-md);background:var(--danger-tint);color:var(--danger)!important;font-size:14px!important}.sc-out .btn{width:100%;margin-top:4px}@media(prefers-reduced-motion:reduce){.sc-ring .val{transition:none}}