@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-0: oklch(12% .025 50);--bg-1: oklch(17% .028 60);--bg-grad: radial-gradient(ellipse at 15% 0%, oklch(26% .07 70) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, oklch(22% .06 225) 0%, transparent 60%), linear-gradient(180deg, var(--bg-1), var(--bg-0));--orb-gold: oklch(80% .13 82);--orb-peach: oklch(80% .11 50);--orb-amber: oklch(82% .15 70);--orb-teal: oklch(68% .09 225);--glass-fill-0: rgba(255,255,255,.04);--glass-fill-1: rgba(255,255,255,.06);--glass-fill-2: rgba(255,255,255,.1);--glass-fill-3: rgba(255,255,255,.14);--glass-border: rgba(255,255,255,.12);--glass-border-strong: rgba(255,255,255,.18);--glass-highlight: rgba(255,255,255,.08);--glass-blur-sm: 12px;--glass-blur-md: 20px;--glass-blur-lg: 28px;--glass-blur-xl: 36px;--fg-1: rgba(255,255,255,.96);--fg-2: rgba(255,255,255,.72);--fg-3: rgba(255,255,255,.48);--fg-muted: rgba(255,255,255,.32);--fg-inverse: oklch(12% .025 50);--accent: oklch(78% .13 82);--accent-soft: oklch(78% .13 82 / .16);--accent-ring: oklch(78% .13 82 / .4);--positive: oklch(76% .15 150);--positive-soft: oklch(76% .15 150 / .16);--caution: oklch(82% .15 70);--caution-soft: oklch(82% .15 70 / .16);--negative: oklch(70% .2 30);--negative-soft: oklch(70% .2 30 / .16);--info: oklch(72% .1 225);--info-soft: oklch(72% .1 225 / .16);--font-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Montserrat", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--leading-tight: 1.1;--leading-snug: 1.25;--leading-base: 1.45;--leading-loose: 1.65;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-base: 0em;--tracking-wide: .04em;--sp-0: 0px;--sp-1: 2px;--sp-2: 4px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 20px;--sp-7: 24px;--sp-8: 32px;--sp-9: 40px;--sp-10: 56px;--sp-11: 80px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 9999px;--shadow-ambient: 0 20px 60px -20px rgba(0,0,0,.45);--shadow-contact: 0 1px 2px rgba(0,0,0,.15);--shadow-glass: var(--shadow-ambient), var(--shadow-contact), inset 0 1px 0 var(--glass-highlight);--shadow-glass-lg: 0 30px 80px -20px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.2), inset 0 1px 0 var(--glass-highlight);--shadow-focus: 0 0 0 3px var(--accent-ring);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-glass: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}html,body{font-family:var(--font-sans);color:var(--fg-1);background:var(--bg-grad) fixed;background-color:var(--bg-0);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ds-display-xl,h1.ds-hero{font-family:var(--font-sans);font-size:72px;line-height:var(--leading-tight);letter-spacing:-.035em;font-weight:600;color:var(--fg-1)}.ds-display-lg{font-family:var(--font-sans);font-size:56px;line-height:var(--leading-tight);letter-spacing:-.03em;font-weight:600}.ds-display-md{font-family:var(--font-sans);font-size:40px;line-height:var(--leading-snug);letter-spacing:-.025em;font-weight:600}.ds-h1,h1{font-family:var(--font-sans);font-size:32px;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);font-weight:600;color:var(--fg-1)}.ds-h2,h2{font-family:var(--font-sans);font-size:24px;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);font-weight:600;color:var(--fg-1)}.ds-h3,h3{font-family:var(--font-sans);font-size:18px;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);font-weight:600;color:var(--fg-1)}.ds-h4,h4{font-family:var(--font-sans);font-size:15px;line-height:var(--leading-base);letter-spacing:var(--tracking-base);font-weight:600;color:var(--fg-1)}.ds-body-lg{font-size:17px;line-height:var(--leading-base);color:var(--fg-2)}.ds-body,p{font-size:15px;line-height:var(--leading-base);color:var(--fg-2)}.ds-body-sm,small{font-size:13px;line-height:var(--leading-base);color:var(--fg-2)}.ds-label,.ds-overline{font-size:11px;line-height:1.2;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3);font-weight:500}.ds-mono,code,kbd,pre{font-family:var(--font-mono);font-size:13px;letter-spacing:0;color:var(--fg-2)}.ds-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.glass{background:var(--glass-fill-1);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur-md)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(1.4);box-shadow:var(--shadow-glass);color:var(--fg-1)}.glass--elevated{background:var(--glass-fill-2);backdrop-filter:blur(var(--glass-blur-lg)) saturate(1.5);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(1.5);box-shadow:var(--shadow-glass-lg)}.glass--chrome{background:var(--glass-fill-1);backdrop-filter:blur(var(--glass-blur-xl)) saturate(1.6);-webkit-backdrop-filter:blur(var(--glass-blur-xl)) saturate(1.6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{overflow-x:hidden}input,button{font-family:var(--font-sans)}::selection{background:#c9941459;color:var(--fg-1)}@keyframes dmFadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff2e;background-clip:content-box}@keyframes dmCardIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}#root>div>div>div>*{animation:dmCardIn .3s var(--ease-glass) both}body{background:var(--bg-grad),var(--bg-0);background-attachment:fixed;color:var(--fg-1);font-family:var(--font-sans);min-height:100vh}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);color:var(--fg-2);font-family:var(--font-mono)}.portal{max-width:1080px;margin:0 auto;padding:var(--sp-6) var(--sp-6) var(--sp-10)}.topbar{display:flex;align-items:center;gap:var(--sp-7);padding:var(--sp-4) var(--sp-6);background:var(--glass-fill-1);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm))}.wordmark{height:26px}.topbar nav{display:flex;gap:var(--sp-3);flex:1}.topbar nav button,.user button{background:transparent;color:var(--fg-2);border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-5);font-size:.9rem;cursor:pointer;transition:all .15s ease}.topbar nav button:hover{color:var(--fg-1);background:var(--glass-fill-2)}.topbar nav button.active{color:var(--fg-1);background:var(--accent-soft);border-color:var(--accent-ring)}.user{display:flex;align-items:center;gap:var(--sp-4);color:var(--fg-3);font-size:.85rem}.user button:hover{color:var(--negative);background:var(--negative-soft)}main{padding-top:var(--sp-9)}h1{font-size:2rem;margin:0 0 var(--sp-2);letter-spacing:var(--tracking-tight)}.subtitle{color:var(--fg-3);margin:0 0 var(--sp-8)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-5)}.tile{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-6);background:var(--glass-fill-1);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));text-decoration:none;color:var(--fg-1);transition:all .18s ease}.tile:hover{background:var(--glass-fill-2);border-color:var(--glass-border-strong);transform:translateY(-2px);box-shadow:0 8px 30px #00000059}.tile-emoji{font-size:1.8rem}.tile-title{font-weight:600;font-size:1.05rem}.tile-desc{color:var(--fg-3);font-size:.85rem;line-height:var(--leading-snug)}.tile-badge{position:absolute;top:var(--sp-4);right:var(--sp-4);font-family:var(--font-mono);font-size:.65rem;color:var(--caution);background:var(--caution-soft);padding:2px 8px;border-radius:999px}.tree-section h2{margin:0 0 var(--sp-2)}.tree-hint{color:var(--fg-3);font-size:.85rem;margin:0 0 var(--sp-8)}.tree-scroll{overflow-x:auto;padding-bottom:var(--sp-6)}.tree,.tree ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.tree ul{padding-top:var(--sp-8);position:relative}.tree li{display:flex;flex-direction:column;align-items:center;position:relative;padding:var(--sp-8) var(--sp-5) 0}.tree li:before{content:"";position:absolute;top:0;height:var(--sp-8);border-left:1px solid var(--glass-border-strong)}.tree li:after{content:"";position:absolute;top:0;width:100%;border-top:1px solid var(--glass-border-strong)}.tree li:only-child:after{display:none}.tree li:first-child:after{width:50%;right:0}.tree li:last-child:after{width:50%;left:0}.tree>li{padding-top:0}.tree>li:before,.tree>li:after{display:none}.union{display:flex;gap:var(--sp-3);align-items:stretch;position:relative}.union .person-card+.person-card:before{content:"♥";position:absolute;left:50%;top:-14px;transform:translate(-50%);color:var(--accent);font-size:.8rem}.person-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:140px;padding:var(--sp-5);background:var(--glass-fill-1);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm))}.person-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;color:var(--fg-inverse);background:linear-gradient(135deg,var(--orb-gold),var(--orb-amber))}.person-name{text-align:center;font-size:.78rem;line-height:var(--leading-snug);color:var(--fg-2)}footer{margin-top:var(--sp-11);text-align:center;color:var(--fg-muted);font-family:var(--font-mono);font-size:.75rem}@media (max-width: 640px){.topbar{flex-wrap:wrap;gap:var(--sp-4)}.user span{display:none}}.invite h2{margin:0 0 var(--sp-2)}.invite-form{display:flex;flex-direction:column;gap:var(--sp-5);max-width:420px;margin-top:var(--sp-6)}.invite-form label{display:flex;flex-direction:column;gap:var(--sp-2);color:var(--fg-2);font-size:.85rem}.invite-form input{background:var(--field-bg, rgba(255,255,255,.06));color:var(--fg-1);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--sp-4) var(--sp-4);font-size:.95rem;font-family:var(--font-sans)}.invite-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.invite-form button{margin-top:var(--sp-2);background:var(--accent);color:var(--fg-inverse);border:none;border-radius:var(--radius-sm);padding:var(--sp-4) var(--sp-6);font-weight:600;font-size:.95rem;cursor:pointer;transition:filter .15s ease}.invite-form button:hover:not(:disabled){filter:brightness(1.08)}.invite-form button:disabled{opacity:.6;cursor:default}.invite-ok{color:var(--positive, #7ddba3);margin-top:var(--sp-5);max-width:420px}.invite-err{color:var(--negative, #ffb4a2);margin-top:var(--sp-5);max-width:420px}