:root{--bg-1:#fff8ef;--bg-2:#f6f0e4;--surface:#fffdf8;--text-main:#2d2925;--text-soft:#74695f;--border:#dacdbf;--accent:#145a62;--accent-2:#ca6a3a;--shadow:0 18px 36px #21191229;color:var(--text-main);background-color:var(--bg-1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,Century Gothic,Gill Sans,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 20%, #ca6a3a26, transparent 40%), radial-gradient(circle at 85% 10%, #145a6224, transparent 42%), linear-gradient(140deg, var(--bg-1), var(--bg-2));min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{flex-direction:column;gap:.85rem;max-width:1280px;min-height:100vh;margin:0 auto;padding:1rem 1.1rem;display:flex;position:relative}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px}.site-header{color:#fff;background:linear-gradient(120deg,#145a62ed,#0d3a42f5),radial-gradient(circle at 80% 20%,#ca6a3a73,#0000 38%);position:relative;overflow:hidden}.site-header-inner{grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;padding:1rem 1.3rem;display:grid}.site-kicker{text-transform:uppercase;letter-spacing:.12em;opacity:.88;margin:0;font-size:.72rem}.site-header h1{letter-spacing:.02em;color:#fff;text-shadow:0 2px 16px #00000040;margin:.15rem 0 .1rem;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.1}.site-tagline{opacity:.85;max-width:54ch;margin:0;font-size:.9rem}.header-ad-wrap{justify-self:end;align-items:center;display:flex}.cat-nav{scrollbar-width:none;flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem;display:flex;overflow-x:auto}.cat-nav::-webkit-scrollbar{display:none}.cat-tab{border:1.5px solid var(--border);cursor:pointer;color:var(--text-main);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.42rem;padding:.46rem 1rem;font-size:.88rem;font-weight:500;transition:all .18s;display:flex}.cat-tab:hover{border-color:var(--accent);color:var(--accent)}.cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;box-shadow:0 3px 12px #145a6247}.cat-icon{font-size:1.05rem}.cat-label{font-size:.87rem}.calc-strip{padding:.7rem 1rem}.strip-desc{color:var(--text-soft);margin:0 0 .55rem;font-size:.83rem}.calc-pills{flex-wrap:wrap;gap:.45rem;display:flex}.calc-pill{border:1.5px solid var(--border);cursor:pointer;color:var(--text-main);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:.38rem;padding:.38rem .85rem;font-size:.84rem;transition:all .16s;display:flex}.calc-pill:hover{border-color:var(--accent);transform:translateY(-1px)}.calc-pill.active{border-color:var(--accent);color:var(--accent);background:#145a621a;font-weight:700}.main-area{grid-template-columns:1fr 320px;align-items:start;gap:.85rem;display:grid}.tool-panel{min-height:460px;padding:1.2rem;animation:.34s ease-out rise}.ad-column{flex-direction:column;gap:.85rem;display:flex;position:sticky;top:1rem}.ad-slot{border:2px dashed var(--border);text-align:center;box-sizing:border-box;background:repeating-linear-gradient(135deg,#145a6206,#145a6206 8px,#0000 8px 18px);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:100%;padding:.5rem;display:flex}.ad-label{background:var(--accent);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:.18rem .5rem;font-size:.65rem;font-weight:800;display:inline-block}.ad-hint{color:var(--text-soft);margin:0;font-size:.82rem;font-weight:600}.ad-sub{color:var(--text-soft);opacity:.7;margin:0;font-size:.72rem}.bottom-ad-wrap{justify-content:center;display:flex}.bottom-ad-wrap .ad-slot{max-width:740px}.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.72rem 1rem;display:flex}.footer-left{color:var(--text-soft);align-items:center;gap:.5rem;font-size:.86rem;display:flex}.footer-left strong{color:var(--accent)}.footer-right{color:var(--text-soft);font-size:.82rem}.tool h2{color:var(--text-main);margin:0;font-family:Cambria,Palatino Linotype,serif}.tool-desc{color:var(--text-soft);margin:.3rem 0 1rem;font-size:.88rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.field{gap:.34rem;display:grid}.field span{color:var(--text-soft);font-size:.82rem}.field input,.field select{border:1px solid var(--border);color:var(--text-main);box-sizing:border-box;background:#fff;border-radius:10px;outline:none;width:100%;padding:.64rem .68rem;font-size:.93rem}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #145a6226}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:12px;gap:.18rem;padding:.7rem;display:grid}.stat span{color:var(--text-soft);font-size:.8rem}.stat strong{color:var(--text-main);font-size:1rem}.calc-row{flex-wrap:wrap;gap:.55rem;display:flex}.calc-row input{border:1px solid var(--border);border-radius:10px;outline:none;flex:220px;padding:.66rem .72rem;font-size:.95rem}.calc-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #145a6226}.calc-row button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#145a621a;border-radius:10px;padding:.56rem .8rem;font-weight:700;transition:background .16s}.calc-row button:hover{background:#145a622e}.history{border-top:1px dashed var(--border);margin-top:.8rem;padding-top:.6rem}.history p{color:var(--text-soft);margin:.25rem 0;font-size:.88rem}.note{border:1px solid var(--border);color:var(--text-main);background:#ca6a3a12;border-radius:10px;margin-top:.95rem;padding:.7rem;font-size:.88rem}.decor-circle{pointer-events:none;z-index:-1;border-radius:999px;position:absolute}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-container{max-width:1280px;min-height:100vh;margin:0 auto;padding:1rem 1.1rem}.main-nav{border-bottom:1px solid var(--border);gap:1rem;margin-bottom:1rem;padding:.5rem 0;display:flex}.nav-link{color:var(--accent);border-radius:8px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:background .16s}.nav-link:hover{background:#145a621a}.page-content{max-width:800px;margin:0 auto;padding:2rem 0;line-height:1.6}.page-content h1{color:var(--text-main);margin-bottom:1rem}.page-content h2{color:var(--text-main);margin-top:2rem;margin-bottom:.5rem}.page-content p{margin-bottom:1rem}.page-content ul{margin-bottom:1rem;padding-left:1.5rem}.contact-info{background:#145a620d;border-radius:10px;margin-bottom:1rem;padding:1rem}.contact-info p{margin:.5rem 0}.sw-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.sw-header h2{margin:0;font-family:Cambria,Palatino Linotype,serif}.sw-back{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-bottom:.25rem;padding:0;font-size:.88rem;font-weight:600;display:block}.sw-back:hover{text-decoration:underline}.sw-btn-primary{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:.52rem .95rem;font-size:.88rem;font-weight:700;transition:opacity .17s}.sw-btn-primary:hover{opacity:.87}.sw-btn-primary:disabled{opacity:.4;cursor:not-allowed}.sw-btn-ghost{color:var(--text-soft);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:.48rem .85rem;font-size:.86rem;transition:border-color .16s}.sw-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.sw-section-title{color:var(--accent);margin:0 0 .8rem;font-size:1rem}.sw-create-box{border:1px solid var(--border);background:#145a620d;border-radius:14px;margin-bottom:1rem;padding:1rem}.sw-create-submit{margin-top:.75rem}.sw-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.sw-group-card{text-align:left;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:.3rem;padding:.9rem 1rem;transition:border-color .17s,transform .17s;display:flex}.sw-group-card:hover{border-color:var(--accent);transform:translateY(-2px)}.sw-group-emoji{font-size:1.4rem}.sw-group-name{color:var(--text-main);font-size:1rem;font-weight:700}.sw-group-members{color:var(--text-soft);font-size:.8rem}.sw-group-stats{color:var(--accent);margin-top:.2rem;font-size:.82rem;font-weight:600}.sw-stats-row{grid-template-columns:repeat(5,1fr);gap:.6rem;margin:.6rem 0 1rem;display:grid}.sw-expense-form{border:1px solid var(--border);background:#145a620a;border-radius:14px;margin-bottom:1rem;padding:1rem}.sw-split-toggle{flex-wrap:wrap;gap:.5rem;margin:.9rem 0 .7rem;display:flex}.sw-toggle{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:.42rem .75rem;font-size:.85rem;transition:all .16s}.sw-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.sw-equal-hint{color:var(--accent);margin:0 0 .6rem;font-size:.88rem}.sw-splits{border:1px solid var(--border);background:#fff;border-radius:12px;gap:.55rem;margin-bottom:.75rem;padding:.75rem;display:grid}.sw-split-row{align-items:center;gap:.65rem;display:flex}.sw-split-name{min-width:90px;font-size:.88rem;font-weight:600}.sw-split-input-wrap{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;display:flex;overflow:hidden}.sw-split-prefix{color:var(--accent);background:#145a6212;padding:.45rem .52rem;font-size:.84rem;font-weight:700}.sw-split-input-wrap input{border:none;outline:none;width:86px;padding:.45rem .6rem;font-size:.9rem}.sw-split-pct{color:var(--text-soft);min-width:34px;font-size:.78rem}.sw-split-total{border-radius:8px;margin:.3rem 0 0;padding:.35rem .6rem;font-size:.85rem;font-weight:600}.sw-split-total.valid{color:#14622a;background:#14622a17}.sw-split-total.invalid{color:#8b2f06;background:#ca3a1e17}.sw-form-actions{gap:.6rem;margin-top:.75rem;display:flex}.sw-tabs{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .9rem;display:flex}.sw-tab{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:.45rem .85rem;font-size:.88rem;transition:all .155s}.sw-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.sw-expense-list{gap:.6rem;display:grid}.sw-expense-item{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:flex-start;gap:.7rem;padding:.75rem .9rem;display:flex}.sw-exp-cat{flex-shrink:0;margin-top:.1rem;font-size:1.4rem;line-height:1}.sw-exp-body{flex:1;gap:.2rem;display:grid}.sw-exp-meta{color:var(--text-soft);font-size:.78rem;display:block}.sw-exp-notes{color:var(--text-soft);font-size:.78rem;font-style:italic;display:block}.sw-exp-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.4rem;display:flex}.sw-exp-amt{color:var(--text-main);font-size:1rem}.sw-delete{color:var(--text-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;transition:color .15s}.sw-delete:hover{color:#c0392b}.sw-balance-section{gap:1rem;display:grid}.sw-balance-list{gap:.6rem;display:grid}.sw-balance-row{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.sw-bal-name{min-width:80px;font-size:.9rem;font-weight:600}.sw-bal-bar-wrap{background:#f0ebe3;border-radius:999px;flex:1;height:8px;overflow:hidden}.sw-bal-bar{border-radius:999px;height:100%;transition:width .38s}.sw-bal-bar.pos{background:linear-gradient(90deg,#14622a,#2e9b4e)}.sw-bal-bar.neg{background:linear-gradient(90deg, var(--accent-2), #e07040)}.sw-bal-amount{text-align:right;min-width:100px;font-size:.9rem;font-weight:700}.sw-pos{color:#14622a}.sw-neg{color:#c0392b}.sw-add-member{border:1px solid var(--border);background:#145a620a;border-radius:12px;padding:.8rem}.sw-add-member h4{color:var(--text-soft);margin:0 0 .5rem;font-size:.9rem}.sw-add-member-row{gap:.55rem;display:flex}.sw-add-member-row input{border:1px solid var(--border);border-radius:10px;outline:none;flex:1;padding:.58rem .7rem;font-size:.9rem}.sw-add-member-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #145a621f}.sw-settle-list{gap:.65rem;display:grid}.sw-settle-row{border:1px solid var(--border);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem .9rem;transition:opacity .23s;display:flex}.sw-settle-row.done{opacity:.5}.sw-settle-info{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.sw-settle-from{color:#c0392b;font-weight:700}.sw-settle-arrow{color:var(--text-soft)}.sw-settle-to{color:#14622a;font-weight:700}.sw-settle-amt{color:var(--text-main);margin-left:.35rem;font-weight:700}.sw-settle-hint{color:var(--text-soft);text-align:right;margin:.35rem 0 0;font-size:.82rem}@media (width<=1120px){.main-area{grid-template-columns:1fr 280px}}@media (width<=900px){.main-area{grid-template-columns:1fr}.ad-column{flex-flow:wrap;justify-content:center;position:static}.site-header-inner{grid-template-columns:1fr}.header-ad-wrap{justify-self:start}.sw-stats-row{grid-template-columns:repeat(3,1fr)}.sw-group-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{padding:.75rem}.cat-nav{gap:.38rem;padding:.5rem .7rem}.cat-label{display:none}.grid-2,.stat-grid{grid-template-columns:1fr}.sw-stats-row{grid-template-columns:repeat(2,1fr)}.sw-settle-row{flex-direction:column;align-items:flex-start;gap:.5rem}.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=768px){.app-shell,.app-container{padding:.5rem .75rem}.site-header-inner{text-align:center;gap:.75rem}.site-header h1{font-size:clamp(1.2rem,5vw,1.8rem)}.site-tagline{font-size:.8rem}.header-ad-wrap{justify-self:center}.main-nav{flex-wrap:wrap;justify-content:center;gap:.5rem}.nav-link{padding:.4rem .8rem;font-size:.9rem}.cat-nav{gap:.4rem;padding:.5rem}.cat-tab{padding:.4rem .8rem;font-size:.8rem}.calc-strip{padding:.6rem .8rem}.calc-pills{gap:.35rem}.calc-pill{padding:.32rem .7rem;font-size:.78rem}.tool-panel{min-height:auto;padding:1rem}.ad-column{position:static}.ad-slot{padding:.4rem}.ad-hint{font-size:.75rem}.ad-sub{font-size:.65rem}.bottom-ad-wrap{margin-top:1rem}.site-footer{text-align:center;gap:.5rem;padding:.6rem .8rem}.page-content{max-width:100%;padding:1rem 0}.page-content h1{font-size:1.5rem}.page-content h2{font-size:1.2rem}.contact-info{padding:.8rem}.sw-group-grid{grid-template-columns:1fr}.sw-stats-row{grid-template-columns:repeat(2,1fr)}.sw-expense-item{flex-direction:column;align-items:flex-start;gap:.5rem}.sw-exp-right{align-items:flex-start}.sw-settle-row{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=480px){.app-shell,.app-container{padding:.4rem .5rem}.site-header-inner{padding:.8rem 1rem}.main-nav{gap:.4rem}.nav-link{padding:.3rem .6rem;font-size:.85rem}.cat-nav{padding:.4rem .5rem}.calc-strip{padding:.5rem .6rem}.tool-panel{padding:.8rem}.page-content{padding:.8rem 0}.page-content h1{font-size:1.3rem}.page-content h2{font-size:1.1rem}.grid-2,.stat-grid,.sw-stats-row{grid-template-columns:1fr}}