.udc{--ink:#172334;--blue:#3159d9;--muted:#657184;max-width:1120px;margin:auto;padding:32px 24px 60px;background:#fff;color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;text-align:left}.udc *{box-sizing:border-box}.udc [hidden]{display:none!important}.udc button,.udc input,.udc select,.udc textarea{font:inherit}.udc button{cursor:pointer;border:0;min-height:44px;border-radius:9px;padding:10px 16px;background:var(--blue);color:#fff}.udc button:disabled{opacity:.45;cursor:default}.udc .back{display:inline-block;padding:10px 14px;border:1px solid #e4e9f1;border-radius:10px;color:var(--blue);text-decoration:none;font-size:13px}.udc header{padding:30px 0 22px}.udc h1{font-size:clamp(30px,5vw,46px);letter-spacing:-.055em;line-height:1.2;margin:8px 0 18px}.udc p{margin:10px 0}.udc header>p:last-child{color:var(--muted)}.udc .eyebrow{color:var(--blue);font-size:11px;font-weight:750;letter-spacing:.12em}.udc .modes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:6px;border:1px solid #e4e9f1;border-radius:13px;background:#f8faff}.udc .modes button{flex:1 0 auto;background:transparent;color:var(--muted);font-size:13px;white-space:nowrap}.udc .modes button[aria-pressed=true]{background:var(--blue);color:white;box-shadow:0 3px 9px #3159d92b}.udc .workspace{display:grid;grid-template-columns:380px minmax(0,1fr);border:1px solid #e4e9f1;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #17233404}.udc form{padding:28px;background:#f8faff;border-right:1px solid #e4e9f1}.udc h2{font-size:20px;margin:0}.udc .form-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.udc .text-button{background:transparent;color:var(--muted);font-size:12px;padding:6px}.udc .description{font-size:13px;color:var(--muted);margin:8px 0 24px;min-height:44px}.udc label{display:block;font-size:13px;font-weight:600;margin:0 0 20px}.udc input,.udc select,.udc textarea{display:block;min-height:46px;width:100%;min-width:0;padding:10px 12px;border:1px solid #cbd4e3;border-radius:8px;background:white;color:var(--ink);margin-top:7px}.udc textarea{resize:vertical}.udc .date-row{display:flex;gap:8px;align-items:center;margin-top:7px}.udc .date-row input{margin:0;flex:1}.udc .today{flex-shrink:0;font-size:12px;min-height:46px;padding:10px 12px}.udc .secondary{background:#eaf0fa;color:#243d78}.udc .period-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.udc .presets{display:flex;gap:8px;margin:-8px 0 12px}.udc .presets button{background:#eaf0fa;color:#243d78;font-size:12px;padding:6px 12px}.udc small{display:block;font-size:12px;color:var(--muted);font-weight:400}.udc .check{display:flex;gap:9px;align-items:center;margin:12px 0;font-size:12px}.udc .check input{width:17px;min-height:17px;height:17px;accent-color:var(--blue);margin:0;flex-shrink:0}.udc .duration-options{margin-bottom:24px}.udc details{border-top:1px solid #e4e9f1;padding:16px 0;margin-top:16px}.udc summary{cursor:pointer;font-weight:600;font-size:13px;min-height:32px}.udc details p{color:var(--muted);font-size:13px}.udc .calculate{width:100%;margin-top:20px;display:flex;justify-content:space-between;padding:13px 18px;font-weight:600}.udc .error{color:#a52d32;font-size:13px}.udc .error:empty{display:none}.udc .privacy{margin-top:14px}.udc .results{padding:32px;min-width:0}.udc .result-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:35px}.udc .copy{font-size:12px}.udc .result-label{font-size:13px;font-weight:600;color:var(--muted)}.udc .total{color:var(--blue);font-size:clamp(28px,3.5vw,44px);letter-spacing:-.05em;line-height:1.4;margin:10px 0;overflow-wrap:anywhere}.udc .result-subtitle{font-size:13px;color:var(--muted)}.udc .stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.udc .stats>div{background:#f5f8ff;border:1px solid #e4e9f1;border-radius:12px;padding:16px}.udc .stats span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.udc .stats b{font-size:16px;overflow-wrap:anywhere}.udc .result-note{font-size:13px;color:var(--muted);border-top:1px solid #e4e9f1;padding-top:20px}.udc .copy-status{font-size:12px;color:var(--blue)}.udc .empty{text-align:center;padding:45px 0;color:var(--muted)}.udc .empty h2{font-size:19px;color:var(--ink)}.udc .empty p{font-size:13px}.udc .calendar-icon{display:block;font-size:60px;color:#b8c8e7;margin-bottom:15px}.udc .guide{margin-top:44px}.udc .guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}.udc h3{font-size:14px;margin:0}.udc .guide p{font-size:13px;color:var(--muted)}.udc :focus-visible{outline:3px solid #7893ef;outline-offset:3px}.udc button:hover:not(:disabled){filter:brightness(.96)}@media(max-width:800px){.udc{padding:24px 16px}.udc .workspace{grid-template-columns:1fr}.udc form{border-right:0;border-bottom:1px solid #e4e9f1;padding:24px}.udc .results{padding:24px}.udc .guide-grid{grid-template-columns:1fr;gap:16px}.udc .result-top{margin-bottom:24px}.udc .modes button{flex-basis:30%;padding:10px 8px;font-size:12px}.udc .stats{gap:8px}.udc .stats>div{padding:12px}.udc .stats b{font-size:14px}}

.udc .age-help{padding:14px;background:#fff;border:1px solid #e4e9f1;border-radius:10px;font-size:12px;color:var(--muted)}.udc .age-help p{margin:0 0 12px}.udc .age-help b{color:var(--ink)}
