:root{--navy:#1e2b48;--coral:#e17c69;--paper:#f6f4ed;--line:#bfc5cc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:15px/1.7 'Malgun Gothic',sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{background:var(--navy);color:white;padding:11px 18px;border:1px solid var(--navy);cursor:pointer}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #b76820;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 5vw;background:var(--navy);color:var(--paper)}header>a:first-child{text-decoration:none;font-size:26px;font-weight:bold}header span{display:block;font:9px monospace;letter-spacing:3px}header>a:last-child{font-size:12px}.intro{display:grid;grid-template-columns:1.5fr 1fr;border-bottom:1px solid var(--line);background:#e7e9ed}.intro-copy{padding:45px 6vw}.intro-copy>p:first-child{font:11px monospace;letter-spacing:3px}.intro-copy>p:last-child{font-size:14px}h1{font-size:clamp(33px,4.4vw,60px);line-height:1.35;letter-spacing:-2px;margin:25px 0}h1 em{font-style:normal;background:var(--coral);padding:0 5px}figure{margin:0;position:relative;min-width:0}figure img{display:block;width:100%;height:100%;object-fit:cover}figcaption{position:absolute;bottom:15px;left:15px;background:var(--paper);padding:4px 8px;font-size:10px}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);margin:45px 5vw;border:1px solid var(--line)}aside{padding:28px;background:#e7e9ed;border-right:1px solid var(--line)}.step{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:12px;margin:10px 0 20px}.step b{font:30px Georgia,serif;color:#9d4331}.step span{font-size:16px}label{display:block;font-size:12px;margin:15px 0}input,select,textarea{width:100%;min-width:0;display:block;padding:11px;border:1px solid var(--line);background:var(--paper);color:var(--navy);margin-top:7px;border-radius:0}.hint,#status{font-size:11px}.hint{color:#536071}#status{color:#9b3b2b}#add button{width:100%}#timeline{padding:30px;min-width:0}.timeline-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.timeline-head p{font:10px monospace;letter-spacing:2px}.timeline-head h2{font-size:24px;font-weight:normal;letter-spacing:-1px}.timeline-head button{font-size:11px;white-space:nowrap}.summary{display:flex;gap:25px;background:var(--navy);color:var(--paper);padding:15px;font:12px monospace}#warnings{font-size:12px;color:#953c2e}#warnings p{padding:12px;background:#f1dfd7;border-left:3px solid var(--coral)}.event{display:grid;grid-template-columns:110px 1fr;gap:25px;margin-top:25px}.event time{font:13px/1.8 monospace;white-space:pre-line;color:#59667a;border-right:2px solid var(--coral);padding-right:15px}.event-content{border:1px solid var(--line);padding:20px;min-width:0;background:#fffef9;position:relative}.event-content:before{content:'';width:12px;height:12px;position:absolute;top:18px;left:-33px;border-radius:50%;background:var(--coral)}.event-content small{font:10px monospace;letter-spacing:2px}.event-content h3{font-size:20px;font-weight:normal;margin:10px 0;overflow-wrap:anywhere}.event-content p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.event-content button{font-size:10px;padding:4px 9px;background:transparent;color:var(--navy)}.event-content .duration{font-size:11px;color:#536071}.empty{text-align:center;padding:100px 15px;color:#59667a;font:26px/1.6 Batang,serif}.method{padding:50px 6vw;display:grid;grid-template-columns:1fr 1.8fr;gap:6vw;border-top:1px solid var(--line)}.method h2{font-size:29px;font-weight:normal}.method p{font-size:13px}.method button{font-size:12px}footer{background:var(--navy);color:var(--paper);padding:25px 6vw;font-size:11px}@media(max-width:850px){.intro{grid-template-columns:1fr}.intro figure{height:280px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}#timeline{padding:22px 15px}.method{grid-template-columns:1fr;gap:5px}.timeline-head{flex-wrap:wrap;gap:0}.event{grid-template-columns:80px 1fr;gap:15px}.event time{font-size:10px;padding-right:7px}.event-content{padding:15px}.event-content:before{left:-23px}.event-content h3{font-size:17px}}@media(max-width:390px){header>a:first-child{font-size:22px}.intro-copy{padding:30px 6vw}.event{grid-template-columns:1fr;gap:8px}.event time{border-right:0;border-left:2px solid var(--coral);padding-left:10px;font-size:12px}.event-content:before{display:none}.summary{gap:15px;font-size:11px}}