.workday-planner .wp-hero{text-align:center}.workday-planner .wp-workspace{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #142e4010}.workday-planner .wp-controls{padding:32px;background:var(--card)}.workday-planner .wp-panel-heading,.workday-planner .wp-result-heading{display:flex;align-items:center;gap:10px;margin-bottom:28px}.workday-planner .wp-panel-heading h2,.workday-planner .wp-result-heading h2{font-family:Satoshi,sans-serif;font-size:18px;font-weight:700}.workday-planner .wp-step{font-size:11px;font-weight:700;letter-spacing:.03em;display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--border);border-radius:50%;color:var(--muted-foreground)}.workday-planner .wp-field{display:flex;flex-direction:column;gap:9px;min-width:0}.workday-planner .wp-field label{font-size:13px;font-weight:600}.workday-planner .wp-input{width:100%;height:46px;font-size:14px;border-color:#d7dfe3;border-radius:10px;box-shadow:none}.workday-planner .wp-time-inputs{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:end;gap:9px;margin-top:24px}.workday-planner .wp-time-inputs>svg{margin-bottom:15px;color:var(--muted-foreground)}.workday-planner .wp-time-inputs input{padding-inline:10px}.workday-planner .wp-field-note{color:var(--muted-foreground);font-size:12px;line-height:1.6;margin-top:7px}.workday-planner .wp-date-field{margin-top:24px}.workday-planner .wp-date-field .wp-field-note{margin-top:0}.workday-planner .wp-date-trigger{justify-content:flex-start;gap:10px;font-weight:400}.workday-planner .wp-date-trigger svg{color:var(--muted-foreground)}.workday-planner .wp-auto-note{display:flex;align-items:center;gap:7px;margin-top:28px;font-size:12px;color:#467454}.workday-planner .wp-result{--wp-soft: #b6d1dd;background:#153d50;color:#fff;padding:32px;min-width:0}.workday-planner .wp-result-heading{margin-bottom:30px}.workday-planner .wp-result-heading .wp-step{border-color:#ffffff35;color:var(--wp-soft)}.workday-planner .wp-result-heading>svg{margin-left:auto;color:var(--wp-soft)}.workday-planner .wp-result-context{display:flex;align-items:center;gap:8px;font-size:13px;color:#f3ce7f;margin-bottom:20px}.workday-planner .wp-clock-pair{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:14px;align-items:center}.workday-planner .wp-clock-label{font-size:12px;color:var(--wp-soft);min-height:22px}.workday-planner .wp-clock{display:flex;align-items:baseline;gap:6px;font-family:Satoshi,sans-serif;font-size:clamp(32px,3.7vw,46px);font-weight:700;letter-spacing:-.045em;line-height:1.25;white-space:nowrap}.workday-planner .wp-clock>span{font-family:Albert Sans,sans-serif;font-size:15px;font-weight:500;letter-spacing:0;color:var(--wp-soft)}.workday-planner .wp-clock-arrow{color:#80acbf}.workday-planner .wp-clock-date{font-size:11px;color:var(--wp-soft);margin-top:7px}.workday-planner .wp-next-day{display:inline-block;margin-left:4px;border-radius:5px;padding:1px 5px;font-size:10px;color:#f8d993;background:#f3ce7f18}.workday-planner .wp-day-overview{margin-top:32px}.workday-planner .wp-day-track{position:relative;height:20px;border-radius:5px;background:#ffffff18;overflow:hidden}.workday-planner .wp-day-track>span{position:absolute;height:100%;background:#f3ce7f;border-radius:3px}.workday-planner .wp-day-axis{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:var(--wp-soft)}.workday-planner .wp-day-overview>p{display:flex;align-items:center;gap:6px;color:var(--wp-soft);font-size:11px;margin-top:10px}.workday-planner .wp-legend-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#f3ce7f}.workday-planner .wp-conversion-note{font-size:12px;color:var(--wp-soft);line-height:1.7;margin-top:20px}.workday-planner .wp-clock-warning{margin-top:10px;color:#f3ce7f;font-size:12px}.workday-planner .wp-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.workday-planner .wp-result-actions button{border-radius:8px;font-size:12px}.workday-planner .wp-result-actions button:first-child{background:#fff;color:#153d50}.workday-planner .wp-result-actions button:first-child:hover{background:#e3edf2}.workday-planner .wp-result-actions button:last-child{color:#fff}.workday-planner .wp-result-actions button:last-child:hover{background:#ffffff18}.workday-planner .wp-result-actions button:focus-visible{outline:2px solid #f3ce7f;outline-offset:3px}.workday-planner .wp-status{font-size:13px;text-align:center;color:#336047}.workday-planner .wp-status:not(:empty){padding-top:16px}.workday-planner .wp-footnote{margin-top:18px;color:var(--muted-foreground);text-align:center;font-size:12px}.workday-planner .wp-empty{padding-block:40px}.workday-planner .wp-empty svg{color:var(--wp-soft);margin-bottom:20px}.workday-planner .wp-empty h3{font-family:Satoshi,sans-serif;font-size:24px;margin-bottom:10px}.workday-planner .wp-empty p{font-size:14px;line-height:1.7;color:var(--wp-soft)}@media(max-width:767px){.workday-planner .wp-workspace{grid-template-columns:minmax(0,1fr);border-radius:20px}.workday-planner .wp-controls,.workday-planner .wp-result{padding:24px}.workday-planner .wp-clock{font-size:clamp(30px,8vw,46px)}.workday-planner .wp-clock-pair{gap:10px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.workday-planner .wp-clock-arrow{width:18px}.workday-planner .wp-clock>span{font-size:13px}.workday-planner .wp-clock-date{font-size:10px}}