:root{--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#475569;--primary:#2563eb;--primary-dark:#1d4ed8;--legal:#c81e1e;--legal-bg:#fef2f2;--badge-bg:#eff6ff;--ink:#1d2330;--accent:#3b54c4;--radius:12px;--fs-display:clamp(2.2rem,7vw,3.2rem);--fs-title:1.25rem;--fs-body:1rem;--fs-meta:0.8125rem}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Roboto,Helvetica Neue,Malgun Gothic,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}a{color:inherit}.container{max-width:720px;margin:0 auto;padding:0 20px}.hero{padding:40px 0 32px;text-align:center}.brand-wordmark{font-size:var(--fs-display);line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0 0 16px;word-break:keep-all}.brand-accent{color:var(--accent)}.hero p.lead{color:var(--muted);font-size:var(--fs-body);margin:0 auto;max-width:32rem;text-wrap:pretty}.nowrap{white-space:nowrap}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:28px 0;box-shadow:0 1px 3px rgba(15,23,42,.06)}.field{margin-bottom:18px}.field:last-of-type{margin-bottom:0}.field label{display:block;font-weight:600;font-size:var(--fs-body);margin-bottom:8px}.field input[type=date]{width:100%;min-height:48px;padding:12px 14px;font-size:var(--fs-body);border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.segmented{display:flex;gap:8px}.segmented button{flex:1 1;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px;font-size:var(--fs-body);font-weight:600;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted);cursor:pointer;transition:all .12s ease}.segmented button[aria-pressed=true]{border-color:var(--primary);background:var(--badge-bg);color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:14px 20px;font-size:var(--fs-body);font-weight:700;text-align:center;border:none;border-radius:8px;background:var(--primary);color:#fff;cursor:pointer;text-decoration:none;transition:background .12s ease}.btn:hover{background:var(--primary-dark)}.btn:focus-visible,.date-summary:focus-visible,.segmented button:focus-visible,.stage-header:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px}.cta .btn:focus-visible{outline-color:#fff}.btn-submit{margin-top:20px}.cta{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:var(--radius);padding:18px;margin:18px 0;text-align:center}.cta h3{margin:0 0 6px;font-size:var(--fs-body);line-height:1.35}.cta p{margin:0 0 14px;opacity:.92;font-size:var(--fs-meta);line-height:1.45;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cta .btn{background:#fff;color:var(--primary-dark);max-width:360px;margin:0 auto}.cta .btn:hover{background:#f1f5f9}.cta .note{margin:10px 0 0;font-size:var(--fs-meta);opacity:.8}.date-summary{display:flex;align-items:center;gap:8px;width:100%;margin:28px 0 4px;padding:12px 14px;min-height:48px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;font:inherit;text-align:left}.date-summary .ds-cal{flex:0 0 auto;font-size:var(--fs-meta)}.date-summary .ds-text{flex:1 1 auto;min-width:0;font-weight:700;font-size:var(--fs-meta);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-summary .ds-edit{flex:0 0 auto;font-size:var(--fs-meta);font-weight:700;color:var(--primary)}.summary{color:var(--muted);font-size:var(--fs-meta);margin:4px 0 14px}.legal-deadline{color:var(--legal);font-weight:700}.focus{background:linear-gradient(180deg,#f6f8fe,#fff 46%);border:1px solid #cdd6ee;border-radius:16px;padding:16px 18px 18px;margin:0 0 20px;box-shadow:0 2px 4px rgba(15,23,42,.06),0 12px 28px rgba(37,99,235,.12)}.focus-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.focus-eyebrow{font-size:var(--fs-meta);font-weight:800;letter-spacing:.04em;color:var(--primary);text-transform:uppercase}.focus-eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary);margin-right:6px;vertical-align:middle}.act-pill{flex-shrink:0;font-size:var(--fs-meta);font-weight:800;padding:5px 12px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.act-pill.act-urgent{background:var(--primary);color:#fff;border-color:var(--primary)}.act-pill.act-soon{background:var(--badge-bg);color:var(--primary-dark);border-color:#d7e3f7}.act-pill.act-easy{background:#eef3fb;color:var(--muted);border-color:#d7e3f7}.act-pill.act-overdue{background:#fbe6cf;border-color:#e0a85f;color:#7e4708}.focus-title{font-size:var(--fs-title);font-weight:800;letter-spacing:-.02em;line-height:1.3;margin:12px 0 8px;color:var(--text);text-wrap:balance}.focus-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.chip{font-size:var(--fs-meta);font-weight:700;padding:4px 10px;border-radius:999px;background:#eef1f5;color:#475569;border:1px solid var(--border)}.chip.legal{background:var(--legal-bg);color:var(--legal);border-color:#fecaca}.focus-legal-inline{display:inline-flex;align-items:center;vertical-align:middle;margin-left:8px;font-size:11px;padding:3px 8px;line-height:1}.focus-note-wrap{margin:6px 0 0}.focus-note{font-size:var(--fs-body);color:#3a4456;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.focus-note.is-expanded{display:block;-webkit-line-clamp:unset}.focus-note-toggle{display:inline-block;margin-top:4px;font-size:var(--fs-meta);font-weight:700;color:var(--primary);background:none;border:none;padding:0;cursor:pointer;letter-spacing:.01em}.focus-note-toggle:hover{text-decoration:underline}.focus-date{display:flex;flex-direction:column;gap:2px}.fd-date{font-size:var(--fs-title);font-weight:800;letter-spacing:-.01em;color:var(--text)}.fd-dday{font-size:var(--fs-meta);font-weight:600;color:var(--muted)}.focus-legal-due{font-size:var(--fs-meta);font-weight:700;color:var(--legal);margin:6px 0 0}.overview-head{display:flex;align-items:baseline;gap:8px;margin:26px 4px 10px}.overview-head h2{font-size:var(--fs-meta);font-weight:800;color:#475569;margin:0}.overview-head .ov-prog{margin-left:auto;font-size:var(--fs-meta);font-weight:700;color:var(--muted)}.journey{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:2px;margin:44px 4px 18px}.journey:before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--border);z-index:0}.journey .jp{position:relative;flex:1 1;min-width:0;text-align:center;padding-top:26px;line-height:1.2;transition:opacity .2s ease}.journey .jp:before{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:var(--border);z-index:0}.journey .jp:first-child:before{display:none}.journey .jp .jdot{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid #c2cbdb;z-index:1;transition:all .2s ease}.journey .jdday,.journey .jlabel{display:block;font-size:var(--fs-meta);font-weight:700;color:var(--muted)}.journey .jdday{margin-top:1px;letter-spacing:-.01em}.journey .jp.is-near{opacity:.78}.journey .jp.is-far{opacity:.65}.journey .jp.current{opacity:1}.journey .jp.current .jlabel{color:var(--primary);font-weight:800}.journey .jp.current .jdday{color:var(--primary-dark);font-weight:800}.journey .jp.current .jdot{top:1px;width:16px;height:16px;background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 5px rgba(37,99,235,.16)}.journey .jtoday{position:absolute;top:-24px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:3;pointer-events:none}.journey .jtoday-pill{font-size:var(--fs-meta);font-weight:800;line-height:1;color:#fff;background:var(--ink);border:none;padding:3px 9px;border-radius:999px;white-space:nowrap;position:relative}.journey .jtoday-pill:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--ink)}.journey .jtoday-line{display:none}.stages{margin-top:4px}.stage{background:#fbfcfe;border:1px solid #e8ecf3;border-radius:14px;margin-bottom:10px;overflow:hidden}.stage.is-current{background:var(--badge-bg);border-color:#bcd0f7}.stage-head{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:48px}.stage-titles{flex:1 1 auto;min-width:0}.stage-name{font-size:var(--fs-body);font-weight:800;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.3}.stage-name .legal-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-meta);font-weight:800;background:var(--legal-bg);color:var(--legal);border:1px solid #fecaca;padding:2px 8px 2px 6px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.legal-icon{flex:0 0 auto;width:14px;height:14px}.stage-sub{display:block;margin-top:3px}.stage-count,.stage-sub{font-size:var(--fs-meta);color:#475569}.stage-count{flex:0 0 auto;font-weight:800;background:#eef1f5;border:1px solid var(--border);min-width:26px;height:26px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.stage.is-legal .stage-count{background:var(--legal-bg);color:var(--legal);border-color:#fecaca}.tl-list{list-style:none;margin:0;padding:0 8px 8px}.tl-task{width:100%;display:flex;align-items:center;gap:10px;text-align:left;font:inherit;color:var(--text);background:transparent;border:1px solid transparent;border-radius:10px;padding:10px;min-height:44px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.tl-task:hover{background:#fff;border-color:var(--border)}.tl-task:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tl-task.is-selected{background:#fff;border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.tl-dday{flex:0 0 auto;width:84px;display:flex;flex-direction:column;gap:1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tl-dday-date{font-size:var(--fs-meta);font-weight:700;color:var(--text);line-height:1.2}.tl-dday-rel{font-size:11px;font-weight:600;color:var(--muted);line-height:1}.tl-task.is-selected .tl-dday-date{color:var(--primary-dark)}.tl-task.is-selected .tl-dday-rel{color:var(--primary)}.tl-title{flex:1 1 auto;min-width:0;font-size:var(--fs-body);font-weight:600;line-height:1.4}.tl-legal{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--legal)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.faq{margin-top:64px;padding-top:48px;border-top:1px solid var(--border)}.faq h2{font-size:var(--fs-title);font-weight:700;color:var(--text);margin:0 0 24px}.faq dl{margin:0;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.faq-item dt{font-size:var(--fs-body);font-weight:600;color:var(--text);margin:0 0 8px}.faq-item dd{font-size:var(--fs-body);color:var(--muted);margin:0;line-height:1.65}footer{text-align:center;color:var(--muted);font-size:var(--fs-meta);padding:40px 0 56px}@media (min-width:1024px){.container{max-width:1040px}.hero h1,.hero p.lead{max-width:40rem;margin-left:auto;margin-right:auto}.result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-gap:32px;gap:32px;align-items:start}.result-aside{position:-webkit-sticky;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.result-aside .form-card{margin:0 0 18px}.result-aside .summary,.result-main .overview-head{margin-top:0}}