.site-shell{--green:#123e2d;--gold:#ba8a38;--cream:#f6f1e7;--ink:#24352c;--muted:#6d7771;--line:#ddd5c4}*{box-sizing:border-box}html{background:var(--cream)}.site-shell{color:var(--ink);background:radial-gradient(circle at 90% 0%, #e1e9e3 0, transparent 24rem), var(--cream);margin:0;font-family:Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}button,input{font:inherit}.site-shell{min-height:100vh;padding:26px 22px 20px}.settlement-topbar{color:#fff;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#041f17f5;height:82px;margin:-26px -22px 22px;position:sticky;top:0}.settlement-topbar-inner{justify-content:space-between;align-items:center;width:min(1160px,100% - 40px);height:100%;margin:0 auto;display:flex}.brand-copy{flex:none}.chrome-launch{border-left:1px solid #d9d3c5;align-items:center;gap:10px;margin-left:8px;padding-left:16px;display:flex}.chrome-launch span{color:var(--muted);font-size:11px;font-weight:700;line-height:1.45}.chrome-launch button{min-height:40px;box-shadow:0 5px 14px #1769e02b;color:#fff!important;background:#1769e0!important;border-radius:12px!important;font-weight:900!important}.privacy-pill{color:var(--green);background:#edf3ef;border:1px solid #cdd9d1;border-radius:999px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:800}.workspace{grid-template-columns:minmax(0,1.7fr) minmax(350px,.65fr);align-items:start;gap:22px;max-width:1400px;margin:auto;display:grid}.form-panel{background:#ffffffdf;border:1px solid #e6dfd0;border-radius:28px;padding:27px;box-shadow:0 18px 50px #34453b12}.intro{justify-content:space-between;align-items:start;display:flex}.kicker{color:var(--gold);align-items:center;gap:6px;font-size:13px;font-weight:900;display:flex}.intro h2{color:var(--green);margin:6px 0 0;font-size:30px}.ghost-button{border-color:var(--line)!important;color:var(--muted)!important;border-radius:11px!important}.ghost-button svg,.add-button svg,.mini-add svg{width:15px}.section-head{border-top:1px solid #ece6da;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 12px;padding-top:22px;display:flex}.section-head.first{margin-top:18px}.section-label{color:var(--green);align-items:center;gap:7px;font-size:16px;font-weight:900;display:flex}.section-label svg{width:18px}.section-label small{color:#88928c;font-size:10px}.add-button,.mini-add{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important;font-weight:800!important}.add-button{border-radius:10px!important;height:35px!important}.add-button:disabled,.mini-add:disabled{opacity:.45}.round-list{gap:14px;display:grid}.round-card{background:#faf8f2;border:1px solid #dfd6c4;border-radius:19px;grid-template-columns:60px minmax(160px,.8fr) minmax(280px,1.3fr) 160px;align-items:end;gap:10px;padding:14px;display:grid}.round-head{color:var(--green);justify-content:space-between;align-self:center;align-items:center;font-size:15px;display:flex}.round-head button,.member-line button,.row-remove{color:#a48e78;background:0 0;border:0;padding:3px}.round-head svg,.member-line button svg,.row-remove svg{width:15px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:#56655c;font-size:11px;font-weight:800}.field input{border:1px solid var(--line);width:100%;height:42px;color:var(--ink);background:#fff;border-radius:11px;outline:none;padding:9px 11px}.field input:focus,.member-line input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ba8a381c}.cost-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.cost-grid .field>span{font-size:11px}.cost-grid input{font-size:13px}.money-input{position:relative}.money-input input{text-align:right;padding-right:32px;font-weight:800}.money-input b{color:#87918b;font-size:11px;position:absolute;top:12px;right:10px}.round-total{background:var(--green);color:#fff;border-radius:11px;flex-direction:column;justify-content:center;height:42px;padding:6px 11px;display:flex}.round-total span{color:#cfe0d6;font-size:9px}.round-total strong{font-size:15px}.member-group{border-top:1px dashed #d9d0bd;grid-column:1/-1;padding-top:11px}.member-group-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.member-group-head>div{align-items:center;gap:9px;display:flex}.member-group-head b{color:var(--green);font-size:12px}.member-group-head small{color:#87918b;font-size:10px}.mini-add{border-radius:9px!important;height:29px!important;padding:0 9px!important;font-size:10px!important}.member-rows{gap:6px;display:grid}.member-line{grid-template-columns:22px repeat(5,minmax(0,1fr)) 24px;align-items:center;gap:5px;display:grid}.member-line>span{width:21px;height:21px;color:var(--green);background:#dec078;border-radius:50%;place-items:center;font-size:9px;font-weight:900;display:grid}.member-line input{border:1px solid var(--line);text-align:center;border-radius:9px;outline:none;width:100%;min-width:0;height:35px;padding:5px 6px;font-size:11px}.support-list{gap:8px;display:grid}.support-row{background:#faf8f2;border:1px solid #e7e0d2;border-radius:14px;grid-template-columns:1fr 1fr 34px;align-items:end;gap:9px;padding:10px;display:grid}.row-remove{height:42px}.split-rule{color:#5d6e64;background:#eaf0ec;border-radius:12px;margin:16px 0 0;padding:12px 14px;font-size:11px;line-height:1.55}.bank-title{color:var(--green);margin:25px 0 10px;font-weight:900}.bank-title small{color:#a1684d;margin-left:7px;font-size:10px}.field-grid{grid-template-columns:.75fr 1.4fr .75fr;gap:10px;margin-bottom:13px;display:grid}.privacy-note{color:#879089;text-align:center;margin:17px 0 0;font-size:10px}.result-panel{background:var(--green);border-radius:27px;padding:16px;position:sticky;top:20px;box-shadow:0 24px 55px #123e2d2b}.result-card{background:var(--cream);border-radius:19px;padding:24px;position:relative;overflow:hidden}.result-card:before{content:"";background:#dce5de;border-radius:50%;width:170px;height:170px;position:absolute;top:-75px;right:-65px}.result-eyebrow{color:var(--gold);letter-spacing:.12em;margin:0 0 8px;font-size:10px;font-weight:900;position:relative}.result-card h3{color:var(--green);margin:0 0 17px;font-size:23px;position:relative}.amount-hero{background:var(--green);color:#fff;border-radius:17px;flex-direction:column;padding:18px;display:flex}.amount-hero span{color:#d3e1d8;font-size:11px}.amount-hero strong{letter-spacing:-.04em;font-size:38px}.amount-hero small{text-align:right;color:#d3e1d8;font-size:10px}.preview-rounds{border-bottom:1px solid var(--line);margin-top:14px;padding-bottom:8px}.preview-rounds div,.result-card dl div,.pay-list div{justify-content:space-between;padding:5px 0;font-size:11px;display:flex}.preview-rounds span,.result-card dl dt{color:var(--muted)}.result-card dl{margin:8px 0}.result-card dl dd{margin:0;font-weight:800}.result-card dl .total{border-top:1px solid var(--line);color:var(--green);margin-top:5px;padding-top:10px;font-weight:900}.pay-list{border-top:1px solid var(--line);max-height:245px;padding-top:10px;overflow:auto}.pay-list div{border-bottom:1px dashed #e3dbc9}.pay-list span{color:var(--green);font-weight:700}.pay-list b{color:var(--green)}.pay-list em{color:var(--muted);font-size:11px}.account-preview{background:#fffaf0;border-radius:13px;flex-direction:column;gap:3px;margin-top:14px;padding:12px;display:flex}.account-preview span{color:var(--gold);font-size:9px;font-weight:900}.account-preview strong{font-size:13px}.account-preview small{color:var(--muted);font-size:10px}.difference{text-align:right;color:var(--muted);margin:9px 0 0;font-size:9px}.download-button{width:100%;margin-top:13px;background:var(--gold)!important;color:#fff!important;border-radius:14px!important;height:52px!important;font-weight:900!important}.download-button svg{width:19px}.status{color:#dce8e0;text-align:center;margin:10px 0 0;font-size:11px;font-weight:700}footer{text-align:center;color:#728078;max-width:1400px;margin:23px auto 0;font-size:11px}@media (width<=1120px){.workspace{grid-template-columns:1fr}.result-panel{position:static}.round-card{grid-template-columns:55px 1fr 1.3fr 150px}}@media (width<=720px){.site-shell{padding:14px 8px}.settlement-topbar{margin:-14px -8px 14px}.privacy-pill{display:none}.topbar h1{font-size:17px}.topbar{flex-wrap:wrap;align-items:center}.chrome-launch{background:#f3f7ff;border:1px solid #cbd9ef;border-radius:14px;order:3;justify-content:space-between;width:100%;margin:0;padding:10px 12px}.chrome-launch span{font-size:12px}.chrome-launch button{flex:none}.form-panel{border-radius:21px;padding:14px}.intro h2{font-size:24px}.section-label{flex-wrap:wrap;font-size:14px}.round-card{grid-template-columns:44px 1fr 1fr;gap:7px;padding:10px}.round-card>.field,.cost-grid,.round-total{grid-column:2/4}.cost-grid .field>span{font-size:10px}.cost-grid input{font-size:12px}.member-line{grid-template-columns:18px repeat(5,minmax(0,1fr)) 18px;gap:3px}.member-line>span{width:17px;height:17px;font-size:8px}.member-line input{height:33px;padding:3px 2px;font-size:9px}.member-line button{padding:0}.support-row{grid-template-columns:1fr 1fr 25px;gap:6px;padding:8px}.field-grid{grid-template-columns:1fr 1.4fr}.field-grid .field:last-child{grid-column:1/-1}.result-panel{border-radius:22px;padding:10px}.result-card{padding:20px}.amount-hero strong{font-size:34px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.round-card{padding:16px;display:block}.round-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.round-head>div{align-items:center;gap:7px;display:flex}.copy-button{height:38px!important;color:var(--green)!important;border-color:#b9c9bf!important;border-radius:10px!important;font-size:11px!important}.copy-button svg{width:15px}.delete-round{color:#963f25;cursor:pointer;background:#f4e9e3;border:1px solid #e0bdae;border-radius:11px;align-items:center;gap:5px;min-height:42px;padding:10px 13px;font-size:12px;font-weight:900;display:flex}.delete-round svg{width:17px;height:17px}.round-costs{grid-template-columns:1.1fr 1fr 1fr 150px;align-items:end;gap:9px;display:grid}.round-subhead{border-top:1px dashed #d9d0bd;justify-content:space-between;align-items:center;margin:14px 0 8px;padding-top:12px;display:flex}.round-subhead b{color:var(--green);font-size:12px}.round-settle{text-align:right;color:var(--muted);margin:8px 0 0;font-size:10px}.round-settle b{color:var(--green);font-size:13px}.member-group{border-top:1px dashed #d9d0bd;margin-top:13px;padding-top:11px}.member-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.member-title b{color:var(--green);font-size:13px}.member-title>div{align-items:center;gap:8px;display:flex}.member-title small{color:#87918b;font-size:10px}.member-add{height:32px!important}.ten-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.ten-grid input{border:1px solid var(--line);width:100%;min-width:0;height:40px;color:var(--green);text-align:center;background:#fff;border-radius:9px;outline:none;padding:6px 7px;font-size:14px;font-weight:900}.ten-grid input::placeholder{color:#9aa39e;font-weight:700}.ten-grid input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ba8a381c}.support-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.support-row{grid-template-columns:1fr 1fr 28px;padding:8px}.mini-add{background:var(--green)!important;color:#fff!important}@media (width<=720px){.round-costs{grid-template-columns:1fr 1fr}.round-costs>.field:first-child,.round-total{grid-column:1/-1}.round-head{align-items:flex-start}.round-head>div{flex-direction:column;align-items:flex-end}.copy-button{font-size:10px!important}.delete-round{min-height:44px;padding:10px 12px;font-size:12px}.support-list{grid-template-columns:1fr}.ten-grid{gap:4px}.ten-grid input{height:38px;padding:4px 3px;font-size:13px}.member-title{align-items:flex-end}.member-title>div{gap:5px}.member-add{padding:0 8px!important;font-size:10px!important}}.pay-legend{border-top:1px solid var(--line);gap:12px;padding:10px 0 4px;font-size:9px;font-weight:900;display:flex}.pay-list{border-top:0;max-height:285px;padding-top:0}.pay-list .pay-row{grid-template-columns:minmax(55px,.8fr) 1fr 1.1fr;align-items:center;gap:3px 8px;padding:8px 0;font-size:10px;display:grid}.pay-row .pay-name{color:var(--green);font-weight:900}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}.result-actions .download-button,.result-actions .share-button{width:100%;margin-top:0;color:#fff!important;border-radius:14px!important;height:52px!important;font-weight:900!important}.result-actions .download-button{background:var(--gold)!important}.result-actions .share-button{background:#2f7d5a!important}.result-actions svg{width:19px}.round-badges{vertical-align:middle;gap:2px;display:inline-flex}.round-badges i{background:var(--green);color:#fff;border-radius:5px;place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:9px;font-style:normal;font-weight:900;display:inline-grid}.popup-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b241bb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.save-popup{text-align:center;background:#fff;border-radius:24px;width:min(390px,100%);padding:29px;box-shadow:0 25px 70px #071b1459}.popup-brand{color:var(--gold);letter-spacing:.08em;font-size:12px;font-weight:900}.save-popup h3{color:var(--green);margin:8px 0 12px;font-size:23px}.save-popup p{color:var(--ink);word-break:keep-all;margin:0;font-size:14px;font-weight:700;line-height:1.65}.save-popup small{color:var(--muted);margin:9px 0 20px;line-height:1.5;display:block}.save-popup .button{width:100%}.save-popup>button:not(.popup-cancel){background:var(--green);color:#fff;border-radius:12px;width:100%;height:46px;font-weight:900}.popup-cancel{color:var(--muted);background:0 0;border:0;margin-top:10px;font-size:12px;text-decoration:underline}.pay-row b{text-align:right;color:var(--green);grid-column:2/4;font-size:11px}.pay-list .alcohol-amount,.pay-legend .alcohol-amount{color:var(--gold);font-weight:800}.pay-list .non-alcohol-amount,.pay-legend .non-alcohol-amount{color:#2f7d5a;font-weight:800}.preview-round{border-bottom:1px dashed #e3dbc9;padding:7px 0}.preview-round:last-child{border-bottom:0}.preview-round p{flex-direction:column;gap:3px;margin:5px 0 0;display:flex}.preview-round i{font-size:9px;font-style:normal;line-height:1.4}.support-preview{color:var(--muted);font-weight:700}.download-button{cursor:pointer;opacity:1!important}.download-button:active{transform:translateY(1px)}.notice-dialog{background:var(--cream)!important;text-align:center!important;border:2px solid #d8c79f!important;border-radius:24px!important;max-width:390px!important;padding:28px!important}.notice-dialog [data-slot=dialog-header]{text-align:center!important}.notice-dialog [data-slot=dialog-title]{color:var(--green);font-size:25px;font-weight:900;line-height:1.3}.notice-dialog [data-slot=dialog-description]{color:var(--muted);flex-direction:column;gap:10px;font-size:15px;line-height:1.6;display:flex}.notice-dialog [data-slot=dialog-description] strong{color:var(--gold);font-size:18px}.notice-actions{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.notice-actions button{width:100%;border-radius:13px!important;min-height:48px!important;margin:0!important;font-weight:900!important}.notice-actions>:only-child{grid-column:1/-1}.notice-cancel{color:#58635d!important;background:#f1eee7!important;border-color:#d8d1c5!important}.notice-confirm{border-color:var(--green)!important;background:var(--green)!important;color:#fff!important}.notice-download{border-color:var(--gold)!important;background:var(--gold)!important;color:#fff!important}.notice-share{color:#fff!important;background:#2f7d5a!important;border-color:#2f7d5a!important}.settlement-brand{color:inherit;align-items:center;gap:13px;text-decoration:none;display:flex}.settlement-return{text-align:center;max-width:1400px;margin:28px auto 10px}.settlement-return a{background:var(--green);color:#fff;border-radius:13px;padding:13px 20px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #123e2d24}
