:root{--bg:#f8f6f2;--card:#fffdfb;--ink:#3d2a1e;--muted:#9e8d80;--border:#e6dbd0;--secondary:#eee8e1;--primary:#704628;--sage:#557969;--terracotta:#aa765d;color:var(--ink);background:var(--bg);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{background:var(--bg);min-height:100dvh}header{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f6f2f5;position:sticky;top:0}header,main,footer{width:min(100%,500px);margin:auto}.holiday-countdown{flex:none}.holiday-countdown img{border-radius:10px;width:150px;height:auto;display:block;box-shadow:0 1px 4px #44301b1c}.header-title{justify-content:space-between;align-items:center;padding:18px 16px 14px;display:flex}h1{letter-spacing:-1px;margin:0;font-family:Georgia,Nanum Myeongjo,serif;font-size:26px}.header-title span{color:var(--muted);font-size:13px;font-weight:800}nav{background:var(--secondary);border-radius:18px;gap:4px;margin:0 16px 14px;padding:4px;display:flex}.tab{min-height:52px;color:var(--muted);background:0 0;border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;font-weight:800;display:flex}.active-tab{background:var(--card);color:var(--ink);box-shadow:0 2px 5px #44301b18}main{padding:16px 16px 108px}.panel{border:1px solid var(--border);background:var(--card);border-radius:28px;margin-bottom:12px;padding:17px}.section-label{color:var(--muted);letter-spacing:.02em;margin:0 0 13px;font-size:13px;font-weight:800}.gender-options,.form-actions,.tree-actions{gap:10px;display:flex}.gender-button{background:var(--secondary);min-height:54px;color:var(--muted);border:2px solid #0000;border-radius:18px;flex:1;font-size:17px;font-weight:800}.selected{background:#f4f5f0;border-color:currentColor}.male{color:var(--sage)}.female{color:var(--terracotta)}.empty-path{text-align:center;color:var(--muted);margin:28px 0}.path-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.path-part{color:var(--border);align-items:center;gap:5px;display:flex}.me-chip,.path-chip,.chon,.member{border-radius:999px;align-items:center;gap:4px;padding:9px 13px;font-size:13px;font-weight:800;display:inline-flex}.me-chip{color:#fff;background:var(--primary)}.path-chip{border:1px solid var(--border);color:var(--ink);background:var(--secondary)}.path-summary{color:var(--muted);background:#f6f0ea;border-radius:12px;margin:13px 0 0;padding:10px 12px;font-size:13px}.category-row{flex-wrap:wrap;gap:7px;margin-bottom:13px;display:flex}.category{background:var(--secondary);color:var(--muted);border:1px solid #0000;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.category.active{color:var(--primary);background:#f5efe9;border-color:#cdb9a8}.relation-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.relation-button{border:1px solid var(--border);color:#664a36;background:#f8f5f1;border-radius:18px;min-height:94px;padding:10px 5px;font-size:15px;font-weight:800}.shortcut-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.shortcut-grid button{color:#755d4a;text-align:left;background:#f6f2ed;border:0;border-radius:15px;min-height:52px;padding:12px;font-size:13px;font-weight:700}.sticky-actions{z-index:9;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f8f6f2f7;gap:10px;padding:12px max(16px,50% - 234px);display:flex;position:fixed;bottom:0;left:0;right:0}.reset,.calculate,.add-member,.clear-selection{border-radius:17px;min-height:52px;font-weight:800}.reset{border:1px solid var(--border);background:var(--card);color:var(--muted);flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.calculate{background:var(--primary);color:#fff;border:0;flex:2;justify-content:center;align-items:center;gap:7px;display:flex}.calculate:disabled{color:var(--muted);background:var(--secondary)}.sheet-overlay{z-index:20;background:#231913b9;align-items:end;display:flex;position:fixed;inset:0}.result-sheet{width:min(100%,500px);padding:15px 16px max(28px, env(safe-area-inset-bottom));background:var(--bg);border-radius:28px 28px 0 0;margin:auto}.sheet-handle{background:var(--secondary);border-radius:999px;width:92px;height:8px;margin:0 auto 20px}.result-card{border:1px solid var(--border);text-align:center;background:var(--card);border-radius:26px;padding:30px 18px}.path-description,.formal{color:var(--muted)}.chon{color:var(--primary);background:#f4f0eb;border:1px solid #d8cabe;margin:7px 0 20px}.result-card h2{letter-spacing:-2px;margin:0;font-family:Georgia,serif;font-size:42px}.reverse-result{text-align:left;color:var(--muted);background:#f3eee8;border-radius:20px;flex-direction:column;align-items:start;gap:8px;margin-top:32px;padding:18px;display:flex}.reverse-result strong{color:#c69a5e;font-family:Georgia,serif;font-size:30px}.tree-panel{min-height:250px}.member-list{flex-wrap:wrap;justify-content:center;gap:12px;padding:58px 16px;display:flex}.member{border:1px solid var(--border);color:#735a46;background:var(--secondary)}.selected-member{border-color:var(--sage);color:var(--sage);background:#edf3ee}.add-member{color:var(--primary);background:0 0;border:2px dashed #dacec3;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.clear-selection{border:1px solid var(--border);min-width:130px;color:var(--muted);background:var(--card)}.member-form h2{margin:0 0 16px;font-size:20px}input,select{border:1px solid var(--border);width:100%;height:52px;color:var(--ink);background:#f8f5f1;border-radius:16px;margin-bottom:10px;padding:0 14px}.member-form .gender-options{margin-bottom:10px}footer{color:var(--muted);text-align:center;padding:0 16px 24px;font-size:12px}@media (width<=380px){.relation-grid{gap:6px}.relation-button{min-height:80px;font-size:13px}.category{padding:7px 9px}}