:root{--bg:#f6f2ea;--paper:#fffdf8;--ink:#183330;--muted:#687c78;--teal:#0d8179;--dark:#07514d;--mint:#e6f4f0;--coral:#ff6f7d;--line:rgba(24,51,48,.14);--shadow:0 22px 60px rgba(7,81,77,.12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;font-size:16px;line-height:1.6;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.upbo-shell{width:min(1180px,calc(100% - 40px));margin:auto}.upbo-topbar{position:sticky;z-index:20;top:0;min-height:78px;padding:10px max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,248,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.upbo-brand{display:flex;align-items:center;gap:12px}.upbo-brand i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-style:normal;font-size:27px;font-weight:950}.upbo-brand strong,.upbo-brand small{display:block}.upbo-brand strong{font-size:19px}.upbo-brand small{font-size:12px;letter-spacing:.12em;color:var(--muted);font-weight:900}.top-actions{display:flex;gap:8px}.top-actions a{padding:12px 17px;border-radius:999px;font-size:14px;font-weight:900}.top-actions .primary{background:var(--dark);color:#fff}.upbo-hero{margin-top:34px;padding:48px;border-radius:36px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:35px;background:linear-gradient(135deg,#f2e1ca,#bde6df);box-shadow:var(--shadow)}.eyebrow{font-size:13px;letter-spacing:.13em;color:var(--teal);font-weight:950}.upbo-hero h1{margin:7px 0 5px;font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-.06em}.upbo-hero p{margin:0;color:var(--muted);font-size:17px}.hero-search{min-height:68px;padding:0 18px;border-radius:22px;display:flex;align-items:center;gap:12px;background:#fff;box-shadow:0 12px 32px rgba(7,81,77,.1)}.hero-search span{font-size:25px;color:var(--teal)}.hero-search input{width:100%;border:0;outline:0;background:transparent;font-size:18px}.filter-panel{margin-top:20px;padding:14px;border-radius:24px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;background:var(--paper);border:1px solid var(--line)}.filter-panel select,.filter-panel button{min-height:50px;padding:0 15px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);font-weight:800}.filter-panel button{border:0;background:var(--mint);color:var(--teal);cursor:pointer}.quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.filter-chip{min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-weight:900;cursor:pointer}.filter-chip.active{background:var(--teal);border-color:var(--teal);color:#fff}.list-heading{margin:50px 0 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.list-heading span{font-size:13px;letter-spacing:.12em;color:var(--teal);font-weight:950}.list-heading h2{margin:5px 0 0;font-size:40px;letter-spacing:-.045em}.list-heading p{margin:0;color:var(--muted);font-size:15px}.viewer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-bottom:80px}.viewer-card{border-radius:30px;overflow:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 44px rgba(7,81,77,.07)}.viewer-header{padding:24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;background:linear-gradient(135deg,#e4f4ef,#f8ead7)}.viewer-avatar{position:relative;width:82px;height:82px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff;border:4px solid var(--teal)}.avatar-fallback{font-size:26px;font-weight:950}.viewer-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.viewer-name small{font-size:12px;letter-spacing:.1em;color:var(--teal);font-weight:950}.viewer-name h3{margin:3px 0 0;font-size:24px;line-height:1.25}.viewer-name p{margin:2px 0 0;color:var(--muted);font-size:14px}.viewer-link{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--teal);font-weight:950}.viewer-link.disabled{opacity:.35;pointer-events:none}.viewer-debts{padding:16px;display:grid;gap:9px}.viewer-debt{padding:15px 16px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--mint)}.debt-main{min-width:0}.debt-main b{display:block;font-size:16px}.debt-main span{display:block;margin-top:3px;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debt-side{display:flex;align-items:center;gap:8px;flex:0 0 auto}.status-pill{padding:7px 10px;border-radius:999px;background:#fff;color:var(--teal);font-size:13px;font-weight:900}.status-pill.done{color:#49635f}.status-pill.progress{color:#b56d15}.quantity{font-size:14px;font-weight:900}.empty{grid-column:1/-1;min-height:260px;border-radius:28px;display:grid;place-items:center;text-align:center;background:#fff;border:1px solid var(--line);color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:22px}.sync-badge{position:fixed;right:18px;bottom:18px;padding:9px 13px;border-radius:999px;background:var(--teal);color:#fff;font-size:12px;font-weight:900}.sync-badge.local{background:#6f7e7a}footer{padding:38px 0;background:var(--dark);color:#fff}footer .upbo-shell{display:flex;justify-content:space-between;align-items:center}footer strong{font-size:21px}footer a{font-weight:900}@media(max-width:800px){.top-actions a:first-child{display:none}.upbo-hero{grid-template-columns:1fr;padding:30px}.filter-panel{grid-template-columns:1fr 1fr}.filter-panel button{grid-column:1/3}.viewer-grid{grid-template-columns:1fr}.list-heading{align-items:flex-start;flex-direction:column}.upbo-shell{width:calc(100% - 24px)}}@media(max-width:520px){body{font-size:15px}.upbo-topbar{min-height:68px;padding:10px 12px}.upbo-brand i{width:43px;height:43px}.upbo-brand strong{font-size:16px}.upbo-brand small,.top-actions .primary{display:none}.upbo-hero{margin-top:18px;padding:25px;border-radius:26px}.upbo-hero h1{font-size:48px}.hero-search{min-height:60px}.filter-panel{grid-template-columns:1fr}.filter-panel button{grid-column:auto}.viewer-header{padding:19px}.viewer-avatar{width:70px;height:70px}.viewer-debt{align-items:flex-start;flex-direction:column}.debt-side{width:100%;justify-content:space-between}footer .upbo-shell{align-items:flex-start;flex-direction:column;gap:8px}}