:root{--blue:#24576c;--sand:#ece3d3;--paper:#fffdf7;--ink:#213e4b;--line:#b7c3c3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 'Malgun Gothic',sans-serif}a{color:inherit}button,input,select{font:inherit}button{background:var(--blue);color:white;border:1px solid var(--blue);padding:11px 18px;cursor:pointer}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #b57526;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:23px 5vw;gap:20px}header>a{font:bold 27px Batang,serif;text-decoration:none}header span{display:block;font:9px monospace;letter-spacing:3px;margin-top:9px}nav{display:flex;gap:20px;font-size:12px}.hero{position:relative;height:450px;background:var(--blue);overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;display:block}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102e3cc9,transparent)}.hero>div{position:absolute;top:65px;left:6vw;z-index:1;color:white}.hero p{font:11px monospace;letter-spacing:3px}h1{font:clamp(35px,4.8vw,67px)/1.4 Batang,serif;margin:25px 0}.hero>span{position:absolute;bottom:20px;left:6vw;color:white;z-index:1;font-size:10px;background:#173b46b0;padding:3px 8px}.boarding{display:grid;grid-template-columns:1fr 1.6fr;background:var(--sand);margin:40px 5vw;border:1px solid #b2ab9c}.boarding>div{padding:30px}.boarding>div:first-child{border-right:2px dashed #b2ab9c}.boarding small{font:10px monospace;letter-spacing:2px}.boarding h2{font:30px Batang,serif;margin:15px 0 25px}label{font-size:12px;display:block}input,select{display:block;width:100%;min-width:0;border:1px solid var(--line);padding:11px;background:var(--paper);color:var(--ink);margin-top:7px;border-radius:0}#add-person{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end}#people{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.person{border:1px solid var(--blue);background:var(--paper);padding:7px 10px;display:flex;align-items:center;gap:10px;font-size:13px}.person button{padding:0 5px;border:0;background:transparent;color:var(--blue);font-size:14px}.hint,#status{font-size:12px}#status{color:#9b3e28}#ledger,#settlement{padding:30px 5vw 50px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:25px}.section-head p{font:11px monospace;letter-spacing:2px}.section-head h2{font-size:29px;font-weight:normal;letter-spacing:-1px}.section-head output{font:40px Georgia,serif;font-variant-numeric:tabular-nums}.section-head button{font-size:12px}#add-expense{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;align-items:end;border-top:2px solid var(--blue);padding-top:25px}.expense{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;border-bottom:1px solid var(--line);padding:18px 8px;align-items:center;font-size:13px}.expense strong{overflow-wrap:anywhere}.expense small{font-size:12px}.expense b{font-variant-numeric:tabular-nums;text-align:right}.expense button{font-size:10px;background:transparent;color:var(--blue);padding:4px 8px}.empty{padding:35px 20px;text-align:center;color:#5b7380;font-size:13px}#settlement{background:#e9f0f0}.settlement-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}caption{text-align:left;font-size:10px;padding:12px 0}th,td{text-align:right;padding:14px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left}h3{font-size:16px;font-weight:normal}.transfers{background:var(--paper);border:1px solid var(--line);padding:25px}.transfers>p{font-size:11px;color:#526d76}.transfer{border-bottom:1px dashed var(--line);padding:15px 0}.transfer strong{display:block;font:24px Georgia,serif;margin-top:5px}.transfer span{font-size:13px;overflow-wrap:anywhere}.method{display:grid;grid-template-columns:1fr 1.6fr;gap:8vw;padding:55px 6vw}.method h2{font:35px/1.5 Batang,serif}.method p{font-size:13px}.method button{font-size:12px}footer{padding:25px 5vw;background:var(--blue);color:white;font-size:11px}@media(max-width:800px){.boarding{grid-template-columns:1fr}.boarding>div:first-child{border-right:0;border-bottom:2px dashed #b2ab9c}.boarding>div{padding:22px}#add-expense{grid-template-columns:1fr 1fr}#add-expense>label:first-child{grid-column:1/-1}.settlement-grid{grid-template-columns:1fr}.method{grid-template-columns:1fr;gap:5px}.section-head{flex-wrap:wrap;gap:0}.section-head output{font-size:32px}.hero{height:350px}.hero>div{top:45px}.expense{grid-template-columns:1fr auto}.expense small{grid-row:2}.expense button{grid-column:2;grid-row:2}.expense b{grid-column:2;grid-row:1}.section-head h2{font-size:25px}}@media(max-width:390px){header>a{font-size:23px}header span{font-size:8px}nav{gap:10px}#add-person{grid-template-columns:1fr}.hero{height:310px}.hero>div{top:28px}#add-expense{grid-template-columns:1fr}#add-expense>label:first-child{grid-column:auto}}