.sandbox-welcome,.sandbox-status{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--card);margin-bottom:22px}.sandbox-status{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px;align-items:center}.sandbox-status strong{display:block;font-size:26px;margin-top:10px}.sandbox-status small{color:var(--muted)}.sandbox-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.sandbox-steps button{text-align:start;padding:20px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:18px}.sandbox-steps button.selected{border:2px solid var(--accent,#187d59);background:var(--soft)}.sandbox-steps button span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--line);margin-inline-end:10px}.sandbox-steps small{display:block;margin-top:12px;line-height:1.5;color:var(--muted)}.sandbox-assets{display:grid;gap:12px;margin:20px 0}.sandbox-assets article{display:grid;grid-template-columns:1.4fr 1fr auto;gap:18px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:16px}.sandbox-assets article h3{margin:10px 0}.sandbox-time{padding:30px}.sandbox-steps button:focus-visible{outline:3px solid var(--accent,#187d59);outline-offset:3px}@media(max-width:800px){.sandbox-status,.sandbox-steps{grid-template-columns:1fr 1fr}.sandbox-assets article{grid-template-columns:1fr 1fr}.sandbox-assets article>div:last-child{grid-column:1/-1}.sandbox-status strong{font-size:21px}}

.sandbox-clock{position:fixed;z-index:70;inset-inline-end:22px;bottom:24px;width:390px;max-width:calc(100vw - 32px);padding:16px!important;border:1px solid var(--line);border-radius:20px!important;box-shadow:0 12px 38px #0004;background:var(--card);backdrop-filter:blur(16px)}.sandbox-clock>strong{display:block;font-size:19px;font-variant-numeric:tabular-nums;line-height:1.7;color:var(--ink)}.sandbox-clock>strong:before{content:"◷";display:inline-grid;place-items:center;width:38px;height:38px;background:var(--soft);color:var(--green);border-radius:50%;margin-inline-end:10px;font-size:28px}.sandbox-clock .modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sandbox-clock button{padding:9px 12px;font-size:13px}.sandbox-clock label{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}.sandbox-clock select{padding:6px;width:auto}.main:has(.sandbox-clock){padding-bottom:240px}@media(max-width:760px){.sandbox-clock{bottom:calc(96px + env(safe-area-inset-bottom,0px));inset-inline-end:12px;width:calc(100vw - 24px);padding:12px!important}.sandbox-clock>strong{font-size:16px}.sandbox-clock>strong:before{width:28px;height:28px;font-size:23px}.sandbox-clock .modal-actions{gap:6px;margin-top:6px}.main:has(.sandbox-clock){padding-bottom:330px}}

.clock-minimize{position:absolute;inset-inline-start:10px;top:10px;border:0;background:transparent;color:var(--ink);width:32px;height:32px;padding:2px!important;font-size:22px!important}.sandbox-clock>strong{padding-inline-start:28px}.sandbox-clock.clock-small{width:auto;min-width:160px}.clock-small .modal-actions{display:none}.sandbox-clock .modal-actions{display:grid;grid-template-columns:1fr 1fr}.sandbox-clock .modal-actions button{min-height:40px}.sandbox-clock label{grid-column:1/-1;justify-content:space-between}.daily-row{flex-wrap:wrap;gap:12px}.daily-row>div{flex:1 1 180px}