:root{--bg:#f5f2ea;--bg-deep:#efe9dc;--surface:#fffefb;--surface-2:#f3efe5;--surface-3:#e9e3d4;--line:#e6e0d2;--line-soft:#f0ebe0;--line-strong:#c8c0ae;--dot:#ddd6c6;--ink:#1e1d1a;--ink-2:#403d36;--ink-3:#5b5850;--ink-mute:#7c786e;--ink-faint:#a5a092;--accent:#23574c;--accent-hover:#17423a;--accent-soft:#e8efeb;--accent-tint:#c5d4ce;--on-accent:#fffefb;--warm:#b85f3f;--warm-ink:#fffefb;--warm-soft:#f8e7df;--warm-deep:#8a4327;--warm-tint:#e6c8ba;--gold:#c4944f;--rel-male:#6e8f86;--rel-female:#b98a8a;--rel-gone:#a9a399;--danger:#a8443c;--danger-soft:#f6e2df;--font-body:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo",system-ui,-apple-system,sans-serif;--font-display:var(--font-body);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-pill:999px;--shadow-1:0 1px 1px rgba(30,29,26,0.03),0 1px 3px rgba(30,29,26,0.05);--shadow-2:0 2px 4px rgba(30,29,26,0.04),0 8px 20px rgba(30,29,26,0.08);--shadow-3:0 4px 10px rgba(30,29,26,0.06),0 24px 48px rgba(30,29,26,0.16);--shadow-accent:0 2px 4px rgba(35,87,76,0.14),0 8px 20px rgba(35,87,76,0.18);--topbar-h:64px;--sidenav-w:248px;--sidenav-rail-w:68px;--panel-w:380px;--tabbar-h:64px;--gutter:16px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1817;--bg-deep:#141312;--surface:#232120;--surface-2:#2b2926;--surface-3:#35322e;--line:#38342f;--line-soft:#2c2a27;--line-strong:#524d46;--dot:#2f2c29;--ink:#f2ede4;--ink-2:#d9d3c8;--ink-3:#b9b3a7;--ink-mute:#938d81;--ink-faint:#6f6a61;--accent:#6fb39f;--accent-hover:#8ac7b4;--accent-soft:#1f3a34;--accent-tint:#2f5a4e;--on-accent:#0f1613;--warm:#d97f5f;--warm-ink:#1d0f0a;--warm-soft:#3c2419;--warm-deep:#f0b096;--warm-tint:#55332a;--gold:#d6ac6c;--rel-male:#7ea79c;--rel-female:#c9a0a0;--rel-gone:#6f6a61;--danger:#e08a82;--danger-soft:#3c2320;--ev-green:#6fb39f;--ev-warm:#d97f5f;--ev-blue:#7fa0cc;--ev-purple:#a98cc4;--ev-red:#e08a82;--ev-gray:#938d81;--shadow-1:0 1px 1px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.35);--shadow-2:0 2px 4px rgba(0,0,0,0.3),0 8px 20px rgba(0,0,0,0.42);--shadow-3:0 4px 10px rgba(0,0,0,0.35),0 24px 48px rgba(0,0,0,0.55);--shadow-accent:0 2px 4px rgba(111,179,159,0.14),0 8px 20px rgba(111,179,159,0.22)}}:root[data-theme=dark]{--bg:#1a1817;--bg-deep:#141312;--surface:#232120;--surface-2:#2b2926;--surface-3:#35322e;--line:#38342f;--line-soft:#2c2a27;--line-strong:#524d46;--dot:#2f2c29;--ink:#f2ede4;--ink-2:#d9d3c8;--ink-3:#b9b3a7;--ink-mute:#938d81;--ink-faint:#6f6a61;--accent:#6fb39f;--accent-hover:#8ac7b4;--accent-soft:#1f3a34;--accent-tint:#2f5a4e;--on-accent:#0f1613;--warm:#d97f5f;--warm-ink:#1d0f0a;--warm-soft:#3c2419;--warm-deep:#f0b096;--warm-tint:#55332a;--gold:#d6ac6c;--rel-male:#7ea79c;--rel-female:#c9a0a0;--rel-gone:#6f6a61;--danger:#e08a82;--danger-soft:#3c2320;--ev-green:#6fb39f;--ev-warm:#d97f5f;--ev-blue:#7fa0cc;--ev-purple:#a98cc4;--ev-red:#e08a82;--ev-gray:#938d81;--shadow-1:0 1px 1px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.35);--shadow-2:0 2px 4px rgba(0,0,0,0.3),0 8px 20px rgba(0,0,0,0.42);--shadow-3:0 4px 10px rgba(0,0,0,0.35),0 24px 48px rgba(0,0,0,0.55);--shadow-accent:0 2px 4px rgba(111,179,159,0.14),0 8px 20px rgba(111,179,159,0.22)}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-sm);font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s,transform .08s}.btn:active{transform:translateY(1px)}.btn--sm{height:36px;padding:0 12px;font-size:13px}.btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-accent)}.btn--primary:hover{background:var(--accent-hover)}.btn--outline{border:1px solid var(--accent);color:var(--accent);background:var(--surface)}.btn--outline:hover{background:var(--accent-soft)}.btn--ghost{border:1px solid var(--line);color:var(--ink-2);background:var(--surface);font-weight:500}.btn--ghost:hover{background:var(--surface-2)}.btn--danger-ghost{color:var(--danger);font-weight:500}.btn--danger-ghost:hover{background:var(--danger-soft)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-3);transition:background .15s,border-color .15s,color .15s}.iconbtn:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink-2)}.iconbtn--ghost{border:0;background:transparent;width:36px;height:36px;border-radius:var(--r-sm)}.iconbtn--ghost:hover{border-color:transparent}.iconbtn--outline{border-color:var(--line)}.linkbtn{color:var(--accent);font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:4px;min-height:32px}.linkbtn:hover{color:var(--accent-hover)}.linkbtn--back{font-size:13px;color:var(--ink-3);padding:0 8px;height:40px;border-radius:10px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;line-height:1;padding:4px 9px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-3);white-space:nowrap}.chip--accent{background:var(--accent-soft);color:var(--accent);font-weight:600}.chip--warm{background:var(--warm-soft);color:var(--warm-deep);font-weight:600}.chip--ink{background:var(--ink);color:var(--bg);font-weight:600}.chip--mute{color:var(--ink-mute)}.chip--btn{height:32px;padding:0 12px;font-size:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer}.chip--btn:hover{background:var(--surface-2)}.chip--btn.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip--btn.chip--accent{border-color:transparent;background:var(--accent-soft);color:var(--accent)}.chip--person span{color:var(--ink-mute);font-weight:500}.chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.chips{display:flex;flex-wrap:wrap;gap:6px}.segmented{display:inline-flex;padding:4px;gap:2px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow-1)}.segmented--full{display:flex}.segmented--full .segmented__item{flex:1 1}.segmented__item{height:30px;padding:0 14px;border-radius:var(--r-pill);font-size:13px;font-weight:500;color:var(--ink-mute);white-space:nowrap;transition:background .15s,color .15s}.segmented__item:hover{color:var(--ink-2)}.segmented__item.is-active{background:var(--accent);color:var(--on-accent);font-weight:600}.segmented--icon .segmented__item{display:inline-flex;align-items:center;gap:6px;padding:0 12px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-display);font-weight:700;flex:none;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--green{background:var(--accent-tint);color:var(--accent-hover)}.avatar--warm{background:var(--warm-tint);color:var(--warm-deep)}.avatar--gold{background:var(--warm);color:var(--warm-ink)}.avatar--accent{background:var(--accent);color:var(--on-accent)}.avatar--ink{background:var(--ink);color:var(--bg)}.avatar--ring{box-shadow:0 0 0 4px var(--surface),0 0 0 6px var(--accent-tint)}.form{gap:14px}.field,.form{display:flex;flex-direction:column}.field{gap:6px;min-width:0}.field>span{font-size:12px;font-weight:600;color:var(--ink-mute)}.candidate__select,.field input,.field select,.field textarea{height:42px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink);width:100%}.field textarea{height:auto;padding:10px 12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.field--grow{flex:1 1}.form__actions{justify-content:flex-end;padding-top:4px}.checkline,.form__actions{display:flex;gap:8px;align-items:center}.checkline{font-size:13px;color:var(--ink-2);min-height:32px}.checkline input{width:16px;height:16px;accent-color:var(--accent)}.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--gutter)}.modal--top{align-items:flex-start;padding-top:10vh}.scrim{position:fixed;inset:0;background:rgba(28,27,24,.45);z-index:0;cursor:default;animation:fade .15s ease-out}.modal__card{position:relative;z-index:1;width:min(520px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-3);padding:20px 24px 24px;display:flex;flex-direction:column;gap:14px;animation:rise .18s ease-out}.modal__head{display:flex;align-items:center;gap:8px}.modal__title{font-family:var(--font-display);font-size:20px;font-weight:700;flex:1 1}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sheet{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.app-loading{height:100dvh;background:var(--bg)}.syncbar{position:fixed;left:0;top:0;height:3px;width:100%;z-index:100;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:40% 100%;animation:sync 1s linear infinite}@keyframes sync{0%{background-position:-40% 0}to{background-position:140% 0}}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:110;display:flex;align-items:center;gap:8px;padding:10px 8px 10px 16px;border-radius:var(--r-md);background:var(--ink);color:var(--bg);font-size:13px;font-weight:500;box-shadow:var(--shadow-3);animation:rise .18s ease-out;max-width:calc(100vw - 32px)}.toast--error{background:var(--danger);color:#fff}.toast .iconbtn{color:inherit;width:28px;height:28px}.flip{transform:rotate(180deg)}.brand__name,.calbar__title,.calday__head b,.evd__title,.gen__num,.gen__title,.view__title{font-weight:700;letter-spacing:-.025em}.view__title{font-weight:800}.genrail__label,.jrow__hanja,.jrow__line em{letter-spacing:0}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app__body,.app__main{flex:1 1;display:flex;min-height:0}.app__main{min-width:0;position:relative;flex-direction:column}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 20px 0 16px;background:var(--surface);border-bottom:1px solid var(--line)}.topbar__spacer{flex:1 1}.topbar>.btn--primary{margin-left:4px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);height:40px}.brand__mark{width:32px;height:32px;border-radius:11px;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent)}.brand__name{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em;white-space:nowrap}.searchbox{display:flex;align-items:center;gap:8px;width:min(420px,34vw);height:40px;padding:0 10px 0 14px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-mute);text-align:left;transition:border-color .15s,background .15s}.searchbox:hover{border-color:var(--line-strong);background:var(--surface)}.searchbox__hint{flex:1 1;font-size:14px}.searchbox kbd{font-family:inherit;font-size:10.5px;font-weight:600;letter-spacing:.02em;padding:3px 7px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--ink-faint);background:var(--surface)}.topbar__me{border-radius:50%;display:inline-flex;position:relative}.topbar__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--warm);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--surface)}.sidenav{width:var(--sidenav-w);flex:none;gap:24px;padding:20px 12px 20px 16px;background:var(--surface);border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;transition:width .22s ease,padding .22s ease}.sidenav,.sidenav__group{display:flex;flex-direction:column}.sidenav__group{gap:2px}.sidenav__group--footer{border-top:1px solid var(--line-soft);padding-top:16px}.sidenav__label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--ink-faint);padding:0 10px 8px}.sidenav__more{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:0;color:var(--ink-mute);padding:2px 6px;border-radius:var(--r-sm)}.sidenav__more:hover{background:var(--surface-2);color:var(--accent)}.sidenav__spacer{flex:1 1;min-height:8px}.sidenav__empty{font-size:12px;color:var(--ink-faint);padding:4px 10px 8px}.navitem{position:relative;display:flex;align-items:center;gap:12px;height:40px;padding:0 10px;border-radius:var(--r-sm);color:var(--ink-2);font-weight:500;font-size:14px;text-align:left;transition:background .15s,color .15s}.navitem svg{flex:none;color:var(--ink-faint);transition:color .15s}.navitem__label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .15s ease}.navitem:hover{background:var(--surface-2)}.navitem:hover svg{color:var(--ink-3)}.navitem.is-active{background:var(--accent-soft);font-weight:600}.navitem.is-active,.navitem.is-active svg{color:var(--accent)}.navitem.is-active:before{content:"";position:absolute;left:-16px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.navitem--sm{height:36px;font-size:13px;color:var(--ink-3)}.navitem__count{min-width:22px;padding:2px 7px;border-radius:var(--r-pill);background:var(--surface-2);text-align:center;font-size:11px;font-weight:600;color:var(--ink-mute);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.navitem.is-active .navitem__count{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.navitem__flag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--r-pill);background:var(--warm-soft);color:var(--warm-deep);white-space:nowrap}.upnext{gap:6px}.upcard,.upnext{display:flex;flex-direction:column}.upcard{--c:var(--ink-faint);position:relative;gap:3px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--surface);text-align:left;transition:border-color .15s,box-shadow .15s,transform .12s}.upcard:hover{border-color:var(--line-strong);box-shadow:var(--shadow-1);transform:translateY(-1px)}.upcard--birthday{--c:var(--warm)}.upcard--gathering{--c:var(--accent)}.upcard--trip{--c:#4d6f99}.upcard--memorial{--c:#7a608f}.upcard--other{--c:var(--ink-mute)}.upcard.is-lead{background:linear-gradient(180deg,var(--warm-soft) 0,var(--surface) 78%);border-color:var(--warm-tint)}.upcard__top{display:flex;align-items:center;gap:6px}.upcard__dot{width:6px;height:6px;border-radius:50%;background:var(--c);flex:none}.upcard__date{flex:1 1;font-size:11.5px;font-weight:600;color:var(--ink-mute);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.upcard__dday{font-size:10.5px;font-weight:700;color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.upcard__dday.is-soon{color:var(--warm-deep)}.upcard__title{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.35}.upcard__meta,.upcard__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcard__meta{font-size:11.5px;color:var(--ink-mute)}.tabbar{flex:none;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:4px;gap:4px;background:var(--surface);border-top:1px solid var(--line)}.tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--r-md);color:var(--ink-mute);font-size:11px;font-weight:500}.tabbar__item svg{transition:transform .15s}.tabbar__item.is-active{color:var(--accent);font-weight:600}.tabbar__item.is-active svg{transform:translateY(-1px)}.palette{position:relative;z-index:1;width:min(560px,100%);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-3);overflow:hidden;animation:rise .18s ease-out}.palette__input{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-bottom:1px solid var(--line);color:var(--ink-mute)}.palette__input input{flex:1 1;height:44px;border:0;background:transparent;font-size:16px;color:var(--ink);outline:none;min-width:0}.palette__list{max-height:60vh;overflow:auto;padding:8px}.palette__row{display:flex;align-items:center;gap:12px;width:100%;height:52px;padding:0 12px;border-radius:var(--r-md);text-align:left}.palette__row.is-active{background:var(--accent-soft)}.palette__name{font-weight:600;font-size:14px}.palette__meta{font-size:12px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;color:var(--ink-mute);font-size:13px}@media (max-width:1199px){.searchbox{width:240px}}@media (max-width:767px){.topbar{padding:0 var(--gutter);padding-top:env(safe-area-inset-top);height:calc(var(--topbar-h) + env(safe-area-inset-top));gap:8px}.brand__name{font-size:16px}.brand__mark{width:28px;height:28px}.btn--primary[aria-label="가족 추가"]{width:40px;padding:0;justify-content:center}}.sidenav.is-collapsed{width:var(--sidenav-rail-w);padding:20px 10px;gap:16px}.sidenav.is-collapsed .navitem__count,.sidenav.is-collapsed .navitem__label,.sidenav.is-collapsed .sidenav__label,.sidenav.is-collapsed .sidenav__upcoming{display:none}.sidenav.is-collapsed .sidenav__group--footer{padding-top:12px}.sidenav.is-collapsed .navitem{justify-content:center;padding:0;gap:0}.sidenav.is-collapsed .navitem.is-active:before{left:-10px}.sidenav.is-collapsed .navitem__flag{position:absolute;top:8px;right:12px;width:7px;height:7px;padding:0;font-size:0;border-radius:50%;background:var(--warm);box-shadow:0 0 0 2px var(--surface)}.topbar__navtoggle{margin-right:-4px;color:var(--ink-mute)}.topbar__navtoggle:hover{color:var(--ink-2)}@media (prefers-reduced-motion:reduce){.sidenav{transition:none}}.tree{flex:1 1;position:relative;min-height:0;display:flex;flex-direction:column;background-color:var(--bg-deep);background-image:radial-gradient(1200px 520px at 50% -10%,color-mix(in srgb,var(--surface) 70%,transparent),transparent 70%),radial-gradient(var(--dot) 1px,transparent 1px);background-size:auto,24px 24px;overflow:hidden}.tree:after{content:"";inset:0;z-index:1;box-shadow:inset 0 0 90px rgba(30,29,26,.045)}.tree:after,.tree__toolbar{position:absolute;pointer-events:none}.tree__toolbar{left:24px;top:20px;right:24px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;z-index:3}.tree__toolbar>*{pointer-events:auto}.breadcrumb{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);font-size:12px;color:var(--ink-mute);box-shadow:var(--shadow-1)}.breadcrumb span+span:before{content:"·";color:var(--ink-faint);margin-right:6px}.breadcrumb .is-current{color:var(--ink);font-weight:600}.tree__viewport{flex:1 1;position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree__viewport:active{cursor:-webkit-grabbing;cursor:grabbing}.tree__layer{top:0;transform-origin:0 0;will-change:transform}.genband,.tree__layer{position:absolute;left:0}.genband{right:0;width:100%;border-radius:var(--r-lg);pointer-events:none}.genband--alt{background:color-mix(in srgb,var(--surface) 42%,transparent)}.genband__label{position:absolute;left:16px;top:12px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--ink-mute);white-space:nowrap}.genband__label--inline{display:none}.genband__label:after{content:"";width:40px;height:1px;background:linear-gradient(to right,var(--line-strong),transparent)}.genrail{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.genrail__label{position:absolute;left:24px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--ink-mute);white-space:nowrap;transform:translateY(-50%)}.genrail__label:after{content:"";width:40px;height:1px;background:linear-gradient(to right,var(--line-strong),transparent)}.tree__edges{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.edge{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s,opacity .2s,stroke-width .2s}.edge--child{stroke:var(--line-strong);stroke-width:1.6;opacity:.85}.edge--spouse{stroke:var(--warm);stroke-width:3;opacity:.8}.edge--divorced{stroke-dasharray:5 6;stroke-width:2;opacity:.5}.tree__edges.is-dimmed .edge{opacity:.14}.tree__edges.is-dimmed .edge.is-on{opacity:1}.tree__edges.is-dimmed .edge--child.is-on{stroke:var(--accent);stroke-width:2.4}.tree__edges.is-dimmed .edge--spouse.is-on{stroke-width:3.6}.edge__ring circle{fill:none;stroke:var(--warm);stroke-width:1.6;opacity:.85}.tree__edges.is-dimmed .edge__ring circle{opacity:.14}.tree__edges.is-dimmed .edge__ring.is-on circle{opacity:1}.edge__mark circle{fill:var(--bg-deep);stroke:var(--line-strong);stroke-width:1.4}.edge__mark path{stroke:var(--ink-mute);stroke-width:1.5;stroke-linecap:round}.tree__empty{inset:0;justify-content:center;gap:12px;color:var(--ink-mute)}.pcard,.tree__empty{position:absolute;display:flex;flex-direction:column;align-items:center}.pcard{--ring:var(--line-strong);gap:6px;padding:14px 10px 12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);text-align:center;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease,opacity .2s ease;cursor:pointer;overflow:hidden}.pcard--m{--ring:var(--rel-male)}.pcard--f{--ring:var(--rel-female)}.pcard:hover{box-shadow:var(--shadow-2);border-color:var(--line-strong);transform:translateY(-2px)}.pcard.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-accent);transform:translateY(-2px)}.pcard.is-onpath{border-color:var(--accent-tint)}.pcard.is-dim{opacity:.32}.pcard.is-dim:hover{opacity:.78}.pcard__avatar{position:relative;display:inline-flex;border-radius:50%}.pcard__avatar .avatar{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--ring)}.pcard.is-me{--ring:var(--accent);border-color:var(--accent-tint);background:linear-gradient(180deg,var(--accent-soft) 0,var(--surface) 46%)}.pcard.is-deceased{--ring:var(--rel-gone)}.pcard.is-deceased .avatar{filter:saturate(.3)}.pcard.is-deceased .pcard__name{color:var(--ink-3)}.pcard__badge{position:absolute;right:-5px;bottom:-3px;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--warm);color:var(--warm-ink);font-size:10px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.pcard.is-me .pcard__badge{background:var(--accent);color:var(--on-accent)}.pcard__badge--gone{background:var(--rel-gone);color:var(--surface)}.pcard__name{font-size:15px;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pcard__life{font-size:11px;color:var(--ink-mute);min-height:14px;letter-spacing:.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pcard__rel{font-size:11px;font-weight:500;line-height:1;padding:5px 10px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-3);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pcard__rel--accent{background:var(--accent-soft);color:var(--accent);font-weight:600}.pcard__rel--warm{background:var(--warm-soft);color:var(--warm-deep);font-weight:600}.pcard.is-me .pcard__rel{background:var(--accent);color:var(--on-accent);font-weight:600}.pcard__add{position:absolute;width:28px;height:28px;border-radius:50%;background:var(--surface);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2);z-index:3;border:1px solid var(--line);opacity:0;transition:opacity .15s,background .15s,transform .15s}.pcard__add:focus-visible,.tree__layer:hover .pcard__add{opacity:1}.pcard__add:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent);transform:scale(1.08)}.treelegend{position:absolute;left:24px;bottom:24px;display:flex;flex-wrap:wrap;gap:16px;padding:8px 14px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow-1);font-size:11px;color:var(--ink-mute);z-index:2;pointer-events:none}.treelegend__item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.treelegend__line{width:18px;height:0;border-top:3px solid var(--warm);border-radius:2px}.treelegend__line--div{border-top-style:dashed;border-top-width:2px;border-color:var(--line-strong)}.treelegend__line--child{border-top-width:1.6px;border-color:var(--line-strong)}.treelegend__swatch{width:9px;height:9px;border-radius:50%}.treelegend__swatch--m{background:var(--rel-male)}.treelegend__swatch--f{background:var(--rel-female)}.zoomctl{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;display:flex;align-items:center;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow-2);overflow:hidden;z-index:2;padding:4px;gap:2px}.zoomctl button{width:34px;height:34px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--ink-3);transition:background .15s,color .15s}.zoomctl button:hover{background:var(--surface-2);color:var(--ink)}.zoomctl__pct{min-width:46px;height:34px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;color:var(--ink-mute);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:767px){.tree__edges.is-dimmed .edge,.tree__edges.is-dimmed .edge__ring circle{opacity:.34}.pcard.is-dim{opacity:.5}.pcard__add{opacity:1}.tree__toolbar{left:var(--gutter);right:var(--gutter);top:12px}.genrail__label{left:var(--gutter);font-size:11px;letter-spacing:.1em}.genrail__label:after{display:none}.zoomctl{left:auto;right:var(--gutter);transform:none;bottom:var(--gutter);flex-direction:column}.zoomctl__pct{display:none}.treelegend{left:var(--gutter);bottom:var(--gutter);gap:10px;padding:6px 11px;font-size:10px}.treelegend__item:last-child{display:none}}.genband--h{top:0;bottom:0;right:auto;height:100%}.genrail--h .genrail__label{top:72px;transform:none}.genrail--h .genrail__label:after{display:none}.pcard--h{flex-direction:row;align-items:center;gap:10px;padding:0 12px 0 10px;text-align:left;border-radius:var(--r-md)}.pcard--h .pcard__avatar .avatar{box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--ring)}.pcard--h .pcard__badge{min-width:16px;height:16px;padding:0 4px;font-size:9px;right:-4px;bottom:-3px}.pcard__text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.pcard--h .pcard__name{display:flex;align-items:baseline;gap:5px;font-size:14px}.pcard__hanja{font-weight:500;letter-spacing:.02em}.pcard__hanja,.pcard__meta{font-size:11px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard__meta{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pcard__meta.is-soon{color:var(--warm-deep);font-weight:600}.pcard--h.is-me .pcard__meta{color:var(--accent);font-weight:600}.pcard--h.is-selected,.pcard--h:hover{transform:translateY(-1px)}.pcard--h.is-me{background:linear-gradient(90deg,var(--accent-soft) 0,var(--surface) 55%)}.genrail__label{gap:7px}.genrail__se{font-weight:700;color:var(--ink-2);letter-spacing:.02em}.genrail__char{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700;letter-spacing:0}.genrail__rel{font-weight:500;color:var(--ink-mute);letter-spacing:.04em}.genrail__rel:before{content:"·";margin-right:6px;color:var(--ink-faint)}.genrail__label>:first-child.genrail__rel:before{content:none}.panel{width:var(--panel-w);flex:none;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);min-height:0;animation:rise .18s ease-out}.panel__head{display:flex;align-items:center;gap:4px;height:56px;flex:none;padding:0 12px 0 20px;border-bottom:1px solid var(--line-soft)}.panel__spacer{flex:1 1}.panel__scroll{flex:1 1;overflow-y:auto;min-height:0}.panel__label{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--ink-mute)}.panel__label b{color:var(--ink);font-weight:600}.panel__row{justify-content:space-between}.panel__hero,.panel__row{display:flex;align-items:center}.panel__hero{padding:24px 20px 20px;flex-direction:column;gap:10px;text-align:center;border-bottom:1px solid var(--line-soft)}.panel__name{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em;margin-top:4px}.panel__sub{font-size:13px;color:var(--ink-3)}.panel__chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.panel__chips .chip{font-size:12px;padding:5px 10px}.panel__actions{display:flex;gap:8px;margin-top:8px}.panel__section{padding:20px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--line-soft)}.panel__section:last-child{border-bottom:0}.panel__empty{font-size:13px;color:var(--ink-mute);line-height:1.5}.panel__hint{font-size:12px;color:var(--ink-mute)}.relgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.relcell{padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2);display:flex;flex-direction:column;gap:2px;min-width:0}.relcell__label{font-size:11px;color:var(--ink-mute)}.relcell__name{font-size:13px;font-weight:600;color:var(--ink);text-align:left;display:flex;gap:6px;align-items:baseline;min-height:22px}.relcell__name:hover{color:var(--accent)}.relcell__meta{font-size:11px;font-weight:400;color:var(--ink-mute)}.relcell__add{font-size:13px;font-weight:600;color:var(--ink-faint);text-align:left;min-height:22px}.relcell__add:hover{color:var(--accent)}.relcell__none{font-size:13px;color:var(--ink-faint)}.timeline{gap:10px}.timeline,.timeline__item{display:flex;flex-direction:column}.timeline__item{gap:2px;padding-left:20px;position:relative}.timeline__item:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:var(--ink-faint)}.timeline__item--accent:before{background:var(--accent)}.timeline__item--warm:before{background:var(--warm)}.timeline__title{font-size:13px;font-weight:600}.timeline__meta{font-size:12px;color:var(--ink-mute);line-height:1.5}.panel--sheet{position:fixed;left:0;right:0;bottom:0;width:auto;height:54dvh;border-left:0;border-radius:24px 24px 0 0;box-shadow:var(--shadow-3);z-index:50;animation:sheet .22s ease-out;transition:height .24s ease}.panel--sheet.is-expanded{height:min(88dvh,760px)}.panel__grab{display:flex;justify-content:center;align-items:center;width:100%;min-height:26px;padding:10px 0 4px;border:0;background:transparent}.panel__grab span{width:44px;height:5px;border-radius:999px;background:var(--line);transition:background .15s,width .15s}.panel--sheet.is-expanded .panel__grab span,.panel__grab:hover span{background:var(--ink-faint)}.panel--sheet:not(.is-expanded)~.scrim,.scrim:has(~.panel--sheet:not(.is-expanded)){background:rgba(28,27,24,.18)}.panel--sheet .panel__head{height:48px;padding-left:8px;border-bottom:0}.panel--sheet .panel__hero{padding-top:4px}.panel--sheet .panel__actions{width:100%}.panel--sheet .panel__actions .btn{flex:1 1;justify-content:center;height:44px}.panel--sheet .panel__scroll{padding-bottom:env(safe-area-inset-bottom)}.basepick{display:flex;align-items:center;gap:10px}.basepick select{flex:1 1;height:42px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)}.kindgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.kindcard{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);text-align:left;min-height:56px;transition:background .15s,border-color .15s}.kindcard b{font-size:14px;font-weight:600}.kindcard small{font-size:11px;color:var(--ink-mute)}.kindcard:hover:not(:disabled){background:var(--surface-2)}.kindcard.is-active{border-color:var(--accent);background:var(--accent-soft)}.kindcard.is-active b{color:var(--accent)}.kindcard:disabled{opacity:.5;cursor:not-allowed}.relcell__name--ended{color:var(--ink-mute)}.relcell__name--ended:hover{color:var(--accent)}.marriagelist{display:flex;flex-direction:column;gap:8px}.marriagerow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px 8px;gap:6px 8px;align-items:center;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2)}.marriagerow b{font-size:13px;font-weight:600}.marriagerow input,.marriagerow select{height:36px;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:12px;min-width:0}.marriagerow__date{display:flex;flex-direction:column;gap:3px}.marriagerow__date span{font-size:11px;color:var(--ink-mute)}.field__hint{font-size:12px;font-weight:400;color:var(--ink-mute);line-height:1.5}.field__hint--warm{color:var(--warm-deep)}.parentgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.parentgrid .field>span{font-size:11px}.parentgrid select:disabled{opacity:.5}.timeline__title--btn{text-align:left;color:var(--ink)}.timeline__title--btn:hover{color:var(--accent)}.avatar--photo{background:var(--surface-3)}.avatar svg{width:100%;height:100%}.avpick{display:flex;align-items:center;gap:14px}.avpick__btns{display:flex;flex-wrap:wrap;gap:6px}.chargrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));grid-gap:6px;gap:6px}.charbtn{aspect-ratio:1;border-radius:50%;padding:3px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s}.charbtn svg{width:100%;height:100%}.charbtn:hover{transform:scale(1.06)}.charbtn.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.charbtn:disabled{opacity:.6}.crop{align-items:center}.crop__stage{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--surface-3);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-self:center}.crop__stage:active{cursor:-webkit-grabbing;cursor:grabbing}.crop__mask{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 999px rgba(28,27,24,.55);pointer-events:none;outline:2px solid rgba(255,253,248,.9);outline-offset:-2px}.crop__zoom{display:flex;align-items:center;gap:10px;color:var(--ink-mute);width:320px;align-self:center}.crop__zoom input{flex:1 1;accent-color:var(--accent)}.panel__hanja{font-size:14px;font-weight:500;color:var(--ink-3);margin-left:8px}.panel__lineage{font-size:13px;font-weight:600;color:var(--accent)}.panel__restricted{width:100%;font-size:12px;color:var(--ink-mute);background:var(--surface-2);border-radius:var(--r-md);padding:8px 10px;text-align:center}.view{flex:1 1;overflow-y:auto;padding:0 40px 48px;display:flex;flex-direction:column;gap:20px}.view__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.view>.view__head{position:-webkit-sticky;position:sticky;top:0;z-index:4;margin:0 -40px;padding:26px 40px 16px;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}.view>.view__head+*{margin-top:-4px}.view__title{font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:-.015em}.view__sub{font-size:13.5px;color:var(--ink-mute);margin-top:5px}.view__tools{display:flex;gap:10px;align-items:center}.view__tools--wrap{flex-wrap:wrap;justify-content:space-between}.view__empty{color:var(--ink-mute);padding:40px 0;text-align:center}.searchfield{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink-mute);flex:1 1;max-width:360px}.searchfield input{flex:1 1;border:0;background:transparent;outline:none;color:var(--ink);min-width:0}.selectfield{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ink-mute)}.selectfield select{height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:500}.peoplegroup{display:flex;flex-direction:column;gap:8px}.peoplegroup__title{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--ink-mute);padding:8px 0 0}.peoplegroup__title span{color:var(--ink-faint);margin-left:4px}.peoplelist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:8px;gap:8px}.personrow{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 10px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);transition:box-shadow .15s,border-color .15s}.personrow:hover{box-shadow:var(--shadow-2)}.personrow.is-selected{border-color:var(--accent)}.personrow__main{flex:1 1;display:flex;align-items:center;gap:12px;text-align:left;min-width:0;min-height:44px}.personrow__text{display:flex;flex-direction:column;gap:2px;min-width:0}.personrow__name{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.personrow__meta{font-size:12px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploadhint{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-lg);background:var(--accent-soft);color:var(--accent)}.uploadhint div{display:flex;flex-direction:column;gap:2px;font-size:13px}.uploadhint span{color:var(--ink-3);font-size:12px}.album{display:flex;flex-direction:column;gap:12px}.album__head{display:flex;align-items:baseline;gap:10px}.album__title{font-family:var(--font-display);font-size:18px;font-weight:700}.album__meta{font-size:12px;color:var(--ink-mute)}.photogrid{display:grid;grid-gap:8px;gap:8px}.photogrid--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.photogrid--album{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.ptile{position:relative;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;background:var(--surface-3)}.ptile,.ptile img{display:block;width:100%}.ptile img{height:100%;object-fit:cover}button.ptile{cursor:pointer;transition:transform .15s,box-shadow .15s}button.ptile:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.ptile__ph{position:absolute;inset:0}.ptile__ph--0{background:linear-gradient(160deg,#c8d4cb,#7d8f84)}.ptile__ph--1{background:linear-gradient(160deg,#e6d3c0,#b08968)}.ptile__ph--2{background:linear-gradient(160deg,#d6dfe6,#7f95a8)}.ptile__ph--3{background:linear-gradient(160deg,#e9dcc3,#c2a473)}.ptile__ph--4{background:linear-gradient(160deg,#d9cfe3,#8f7ba6)}.ptile__ph--5{background:linear-gradient(160deg,#cfe0d6,#5f8f7a)}.ptile__label{left:0;right:0;bottom:0;padding:24px 10px 8px;font-weight:600;color:#fffdf8;background:linear-gradient(180deg,transparent,rgba(28,27,24,.55));text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptile__badge,.ptile__label{position:absolute;font-size:11px}.ptile__badge{right:8px;top:8px;padding:3px 8px;border-radius:999px;background:var(--warm);color:var(--warm-ink);font-weight:700}.photogrid--4 .ptile__badge{inset:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:rgba(28,27,24,.45);color:#fffdf8;font-size:13px}.modal--wide .review{position:relative;z-index:1;width:min(1180px,100%);max-height:calc(100dvh - 32px);background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-3);display:flex;flex-direction:column;overflow:hidden;animation:rise .18s ease-out}.review__head{display:flex;align-items:flex-start;gap:10px;padding:20px 20px 16px 24px;border-bottom:1px solid var(--line-soft)}.review__head>div{flex:1 1;min-width:0}.review__head .chip{margin-top:4px}.review__crumb{font-size:12px;font-weight:600;color:var(--ink-mute)}.review__title{font-family:var(--font-display);font-size:22px;font-weight:700;margin-top:2px}.review__sub{font-size:13px;color:var(--ink-3);margin-top:4px}.review__body{display:grid;grid-template-columns:minmax(0,7fr) minmax(330px,4fr);grid-gap:20px;gap:20px;padding:20px 24px 24px;min-height:0;overflow:auto}.review__photo{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;background:var(--surface-3);border:1px solid var(--line)}.review__photo img{width:100%;height:100%;object-fit:cover;display:block}.review__caption{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 16px;display:flex;flex-direction:column;gap:2px;color:#fffdf8;background:linear-gradient(180deg,transparent,rgba(28,27,24,.5));pointer-events:none}.review__caption span{font-size:12px;opacity:.9}.review__caption b{font-family:var(--font-display);font-size:16px}.review__toggle{position:absolute;right:14px;top:14px;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--r-pill);background:rgba(255,253,248,.94);border:0;color:var(--ink-2);font-size:12px;font-weight:600}.review__toggle:hover{background:#fffdf8}.facebox{position:absolute;border:2px solid #fffdf8;border-radius:12px;box-shadow:0 0 0 2px rgba(36,92,79,.9);cursor:pointer;transition:box-shadow .15s}.facebox--warn{border-width:3px;border-color:var(--warm);box-shadow:0 0 0 4px rgba(217,160,102,.35)}.facebox.is-active{box-shadow:0 0 0 3px #245c4f,0 0 0 6px rgba(36,92,79,.35)}.facebox--warn.is-active{box-shadow:0 0 0 3px var(--warm),0 0 0 7px rgba(217,160,102,.4)}.facebox__tag{position:absolute;left:-2px;top:-27px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:9px 9px 9px 0;background:#245c4f;color:#fffdf8;font-size:12px;font-weight:600;white-space:nowrap}.facebox--warn .facebox__tag{background:var(--warm);color:var(--warm-ink);font-weight:700;left:-3px}.review__side{display:flex;flex-direction:column;gap:10px;min-height:0}.review__sidehead{display:flex;align-items:center;gap:8px}.review__sidehead .panel__label{letter-spacing:.08em;font-weight:700}.review__sidehead .linkbtn{margin-left:auto}.facelist{display:flex;flex-direction:column;gap:7px;overflow:auto;flex:1 1}.facerow{display:flex;flex-direction:column;gap:11px;padding:10px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);transition:border-color .15s,box-shadow .15s}.facerow.is-active{border-color:var(--accent)}.facerow--warn{padding:13px;border:2px solid var(--warm);box-shadow:0 6px 18px rgba(217,160,102,.2)}.facerow__main{display:flex;align-items:center;gap:11px}.facecrop{width:42px;height:42px;flex:none;border-radius:10px;background-repeat:no-repeat;background-color:var(--surface-3);border:1px solid var(--line)}.facecrop--ph{border:0}.facerow__text{flex:1 1;display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.facerow__text b{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.facerow__text span{font-size:12px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.facerow__text:hover b{color:var(--accent)}.facerow__change{flex:none;font-size:12px}.facerow__remove{flex:none;width:28px;height:28px;color:var(--ink-faint)}.facerow__remove:hover{color:var(--danger);background:var(--danger-soft)}.facerow__flag,.score{flex:none}.score__track{fill:none;stroke:var(--line-soft);stroke-width:3}.score__bar{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}.score__bar--muted{stroke:var(--ink-faint)}.score__num{font-family:var(--font-body);font-size:11px;font-weight:700;fill:var(--accent)}.score__num--muted{fill:var(--ink-mute)}.facerow__actions{flex-direction:column}.facerow__actions,.facerow__btns{display:flex;gap:6px}.facerow__btns .btn{flex:1 1;justify-content:center}.candidate{display:flex;align-items:center;gap:10px;height:48px;padding:0 11px;border-radius:11px;border:1px solid var(--line);background:var(--surface);text-align:left}.candidate.is-top,.candidate:hover{border-color:var(--accent)}.candidate.is-top{background:var(--accent-soft)}.candidate__text{flex:1 1;display:flex;flex-direction:column;gap:1px;min-width:0}.candidate__text b{font-size:13px;font-weight:700}.candidate__text small{font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review__foot{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-mute);padding-top:4px}.review__foot b{color:var(--ink)}.month{display:flex;flex-direction:column;gap:8px}.month__title{font-family:var(--font-display);font-size:20px;font-weight:700;padding:8px 0 4px;display:flex;align-items:baseline;gap:8px}.month__title span{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--ink-mute)}.eventlist{display:flex;flex-direction:column;gap:8px}.eventrow{gap:14px;padding:10px 12px 10px 14px;border-radius:var(--r-lg);background:var(--surface);border-left:1px solid var(--line);border:1px solid var(--line)}.eventrow,.eventrow__date{display:flex;align-items:center}.eventrow__date{width:40px;flex:none;flex-direction:column;line-height:1.1}.eventrow__date b{font-family:var(--font-display);font-size:20px;font-weight:700}.eventrow__date small{font-size:11px;color:var(--ink-mute)}.eventrow--birthday .eventrow__date b{color:var(--accent)}.eventrow--memorial .eventrow__date b{color:var(--ink-3)}.eventrow--gathering .eventrow__date b,.eventrow--trip .eventrow__date b{color:var(--warm-deep)}.eventrow__body{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.eventrow__title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.eventrow__meta{font-size:12px;color:var(--ink-mute)}.eventrow__people{display:flex;align-items:center}.eventrow__people .avatarbtn{border-radius:50%;margin-left:-6px;box-shadow:0 0 0 2px var(--surface);display:inline-flex}.eventrow__people .avatarbtn:first-child{margin-left:0}.eventrow__more{font-size:11px;color:var(--ink-mute);margin-left:6px}@media (max-width:767px){.view{padding:0 var(--gutter) 32px;gap:16px}.view>.view__head{margin:0 calc(var(--gutter) * -1);padding:16px var(--gutter) 12px}.view__title{font-size:24px}.view__head .btn span{display:none}.view__tools{flex-wrap:wrap}.searchfield{max-width:none;width:100%}.peoplelist{grid-template-columns:1fr}.photogrid--album{grid-template-columns:repeat(2,minmax(0,1fr))}.modal{padding:0;align-items:flex-end}.modal--top{align-items:flex-start;padding:12px var(--gutter)}.modal__card{border-radius:24px 24px 0 0;max-height:92dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.modal--wide .review{border-radius:24px 24px 0 0;max-height:94dvh}.review__body{grid-template-columns:1fr;padding:16px var(--gutter) calc(16px + env(safe-area-inset-bottom))}.review__head{padding:16px var(--gutter) 12px}.eventrow__people{display:none}.field-row{grid-template-columns:1fr}}.auth{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px var(--gutter);background-color:var(--bg);background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:24px 24px}.auth__card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:32px 28px 28px;display:flex;flex-direction:column;gap:14px}.auth__brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.auth__title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em}.auth__sub{font-size:13px;color:var(--ink-3);line-height:1.55;margin-top:-6px}.auth__error{font-size:13px;color:var(--danger);background:var(--danger-soft);padding:10px 12px;border-radius:var(--r-md)}.auth__submit{justify-content:center;height:44px;margin-top:4px}.auth__foot{font-size:12px;color:var(--ink-mute);text-align:center}.auth__foot a{color:var(--accent);font-weight:600}.usermenu{position:relative}.usermenu__pop{position:absolute;right:0;top:calc(100% + 8px);width:260px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-3);padding:6px;z-index:40;animation:rise .15s ease-out}.usermenu__head{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}.usermenu__head b{font-size:14px}.usermenu__head span{font-size:12px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usermenu__item{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:500;color:var(--ink-2);text-align:left}a.usermenu__item{text-decoration:none}.usermenu__item:hover{background:var(--surface-2)}.usermenu__item--warn{color:var(--warm-deep);background:var(--warm-soft)}.modal__card--wide{width:min(640px,100%)}.mbox{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--surface-2)}.mbox__hint{font-size:12px;color:var(--ink-mute);line-height:1.5}.mbox__row{display:flex;gap:8px}.mbox__input{flex:1 1;height:40px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);min-width:0}.invitelist,.memberlist{display:flex;flex-direction:column;gap:6px}.inviterow,.memberrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.inviterow__text,.memberrow__text{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.inviterow__text b,.memberrow__text b{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.inviterow__text span,.memberrow__text span{font-size:12px;color:var(--ink-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.memberrow__avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-tint);color:var(--accent-hover);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;flex:none}.memberrow__select{height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:12px;max-width:200px}@media (max-width:767px){.mbox__row{flex-direction:column}.memberrow{flex-wrap:wrap}.memberrow__select{max-width:none;width:100%}}.memberrow__actions{display:flex;gap:6px}.memberrow--request{flex-wrap:wrap}.memberrow--request .memberrow__text{flex-basis:180px}.memberrow__text .memberrow__claim{color:var(--ink-2);white-space:normal}.memberrow__claim b{display:inline;color:var(--ink)}.memberrow--request .memberrow__actions{margin-left:auto}.jokbo__empty{padding:32px;border-radius:var(--r-lg);background:var(--surface);border:1px dashed var(--line);align-items:flex-start;gap:12px;font-size:14px;color:var(--ink-2);line-height:1.6}.gen,.jokbo__empty{display:flex;flex-direction:column}.gen{gap:10px}.gen__head{display:flex;align-items:baseline;gap:12px;padding:12px 0 4px;border-bottom:2px solid var(--ink)}.gen__num{font-size:26px;color:var(--accent);letter-spacing:.04em}.gen__num,.gen__title{font-family:var(--font-display);font-weight:700}.gen__title{font-size:18px}.gen__title small{font-family:var(--font-body);font-weight:500}.gen__count,.gen__title small{font-size:12px;color:var(--ink-mute)}.gen__count{margin-left:auto}.gen__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:8px;gap:8px}.jrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:start;padding:12px 8px 12px 12px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.jrow--daughter{background:var(--warm-soft);border-color:transparent}.jrow--deceased .avatar{filter:saturate(.4);opacity:.85}.jrow__who{align-items:center;gap:10px;text-align:left}.jrow__name,.jrow__who{display:flex;min-width:0}.jrow__name{flex-direction:column;line-height:1.25}.jrow__name b{font-size:15px;font-weight:700;display:flex;align-items:center;gap:4px}.jrow__mark{font-size:11px;font-weight:600;color:var(--warm-deep);background:var(--surface);border-radius:4px;padding:1px 4px}.jrow__hanja{font-family:var(--font-display);font-size:12px;color:var(--ink-3)}.jrow__name small{font-size:11px;color:var(--ink-mute)}.jrow__body{display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:2px}.jrow__line{font-size:13px;color:var(--ink-2);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.jrow__line em{font-style:normal;font-family:var(--font-display);font-size:11px;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:1px 5px}.jrow__line small{color:var(--ink-mute);font-size:11px}.jrow__line--btn{text-align:left}.jrow__line--btn:hover{color:var(--accent)}.jrow__line--mute,.jrow__line--mute em{color:var(--ink-mute)}.jrow__line--mute em{background:var(--surface-2)}.jrow__sep{width:1px;height:12px;background:var(--line);margin:0 4px;align-self:center}.hangyeol{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));grid-gap:6px;gap:6px}.hangyeol__cell{display:flex;flex-direction:column;gap:2px}.hangyeol__cell small{font-size:11px;color:var(--ink-mute)}.hangyeol__cell input{height:36px;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:var(--surface);text-align:center;font-family:var(--font-display);font-weight:700}.personrow__meta--lineage{color:var(--accent);font-weight:500}.evd__vis{margin-left:8px;vertical-align:middle}@media (max-width:767px){.gen__list{grid-template-columns:1fr}}.linbox{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r-lg);background:var(--surface-2)}.linbox__head{display:flex;align-items:center;gap:10px}.linbox__head b{font-size:14px}.linbox__head .iconbtn{margin-left:auto}.field-row--base{grid-template-columns:minmax(0,1fr) 112px}.field--narrow input{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.field__suffix{display:flex;align-items:center;gap:6px}.field__suffix input{flex:1 1;min-width:0}.field__suffix>span{font-weight:600;color:var(--ink-3)}.kakaobtn{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:var(--r-md);background:#fee500;color:rgba(0,0,0,.85);font-size:16px;font-weight:600;text-decoration:none;transition:filter .15s ease}.kakaobtn:hover{filter:brightness(.96)}.kakaobtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kakaobtn__symbol{color:#000;flex:none}.auth__or{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-mute)}.auth__or:after,.auth__or:before{content:"";flex:1 1;height:1px;background:var(--line)}.chip--kakao{background:#fee500;color:rgba(0,0,0,.85)}.usermenu__kakao{width:16px;height:16px;border-radius:5px;background:#fee500;flex:none}.usermenu__item--static{cursor:default;color:var(--ink-3)}.auth__form,.namelogin{display:flex;flex-direction:column;gap:14px}.auth__tabs{margin:2px 0 4px}.auth__tabs .segmented__item{height:36px;font-size:14px}.namelogin__field input{height:54px;font-size:20px;font-weight:600;letter-spacing:.02em;text-align:center}.namelogin__hint{margin:-4px 0 0;font-size:13px;line-height:1.55;color:var(--ink-mute);text-align:center}.namelogin__submit{height:52px;font-size:17px}.namelogin__pick{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--r-md);background:var(--surface-2)}.namelogin__pick p{margin:0;font-size:14px;color:var(--ink-2);text-align:center}.namelogin__choices{display:flex;flex-direction:column;gap:8px}.namelogin__choices .btn{height:48px;font-size:16px;justify-content:center}.guestswitch{display:flex;align-items:flex-start;gap:16px;cursor:pointer}.guestswitch__text{flex:1 1;display:flex;flex-direction:column;gap:4px}.guestswitch__text>b{font-size:15px}.guestswitch__text>span{font-size:13px;line-height:1.55;color:var(--ink-3)}.mbox__hint--warn{margin-top:10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--warm-soft);color:var(--warm-deep);line-height:1.55}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:44px;height:26px;margin-top:2px;border-radius:var(--r-pill);background:var(--line-strong);position:relative;cursor:pointer;transition:background .18s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-1);transition:transform .18s}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translateX(18px)}.memberrow__avatar--guest{background:var(--surface-3);color:var(--ink-mute)}.memberrow__avatar--kakao{background:#fee500;color:rgba(0,0,0,.85)}.mbox--attention{background:var(--warm-soft,var(--surface-2));box-shadow:inset 0 0 0 1px var(--warm)}.usermenu__count{margin-left:auto}.joinwait{display:grid;place-items:center;height:72px;color:var(--warm)}.joinwait__actions{display:flex;flex-direction:column;gap:8px}.viewonly{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-3);white-space:nowrap}