@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);*,:after,:before{margin:0;padding:0}:root{--bg:#f6f5f1;--surface:#fff;--surface2:#f0ede8;--surface3:#e8e4de;--border:#e2ddd6;--border2:#c8c3bb;--text:#1a1916;--text2:#5c5a55;--text3:#9c9a94;--p:#7c3aed;--pl:#ede9fe;--pm:#c4b5fd;--pd:#6d28d9;--t:#0d9488;--tl:#ccfbf1;--tm:#5eead4;--r:#e11d48;--rl:#ffe4e6;--rm:#fda4af;--a:#d97706;--al:#fef3c7;--am:#fcd34d;--b:#2563eb;--bl:#dbeafe;--bm:#93c5fd;--g:#16a34a;--gl:#dcfce7;--gm:#86efac;--r0:6px;--r1:10px;--r2:14px;--r3:20px;--sh0:0 1px 3px #0000000d;--sh1:0 1px 3px #0000000f,0 4px 16px #00000012;--sh2:0 4px 24px #00000021;--sh3:0 20px 60px #00000038;--sidebar-w:252px;--panel-w:288px;--topbar-h:56px;--font:"Inter",system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#111110;--surface:#1c1c1b;--surface2:#2a2927;--surface3:#333230;--border:#3a3836;--border2:#4e4b48;--text:#f5f4f0;--text2:#a8a49e;--text3:#6b6760;--pl:#1e0f47;--pm:#7c3aed;--tl:#042f2e;--rl:#4c0519;--al:#451a03;--bl:#1e3a5f;--gl:#052e16}}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#f6f5f1;background:var(--bg);color:#1a1916;color:var(--text);line-height:1.5;overflow-x:hidden}body,button{font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:14px}button{background:none;border:none;cursor:pointer;transition:all .15s}input,select,textarea{color:#1a1916;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:14px;outline:none}img{height:auto;max-width:100%}a{color:#7c3aed;color:var(--p);text-decoration:none}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#c8c3bb;background:var(--border2);border-radius:3px}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-main,.content{display:flex;flex:1 1;overflow:hidden}.topbar{background:#fff;background:var(--surface);border-bottom:1px solid #e2ddd6;border-bottom:1px solid var(--border);gap:8px;height:56px;height:var(--topbar-h);padding:0 18px;z-index:100}.logo,.topbar{align-items:center;display:flex;flex-shrink:0}.logo{color:#1a1916;color:var(--text);font-size:15px;font-weight:800;gap:7px;letter-spacing:-.01em;white-space:nowrap}.logo i{color:#7c3aed;color:var(--p);font-size:20px}.topbar-divider{background:#e2ddd6;background:var(--border);flex-shrink:0;height:20px;width:1px}.tree-select{background:#f0ede8;background:var(--surface2);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:6px;border-radius:var(--r0);color:#1a1916;color:var(--text);cursor:pointer;font-size:13px;font-weight:600;max-width:150px;padding:5px 10px}.tree-select:hover{border-color:#c8c3bb;border-color:var(--border2)}.topbar-nav{display:flex;gap:2px;margin-left:auto}.nav-tab{align-items:center;border-radius:6px;border-radius:var(--r0);color:#5c5a55;color:var(--text2);display:flex;font-size:13px;font-weight:500;gap:5px;padding:6px 12px;white-space:nowrap}.nav-tab:hover{background:#f0ede8;background:var(--surface2);color:#1a1916;color:var(--text)}.nav-tab.active{background:#ede9fe;background:var(--pl);color:#7c3aed;color:var(--p);font-weight:600}.nav-tab i{font-size:15px}.topbar-search{align-items:center;background:#f0ede8;background:var(--surface2);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:6px;border-radius:var(--r0);display:flex;gap:6px;min-width:190px;padding:0 10px;position:relative}.topbar-search:focus-within{border-color:#c4b5fd;border-color:var(--pm)}.topbar-search-icon{color:#9c9a94;color:var(--text3);flex-shrink:0;font-size:13px}.topbar-search-input{background:#0000;border:none;color:#1a1916;color:var(--text);font-size:13px;outline:none;padding:6px 0;width:100%}.topbar-search-input::placeholder{color:#9c9a94;color:var(--text3)}.search-dropdown{background:#fff;background:var(--surface);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:10px;border-radius:var(--r1);box-shadow:0 4px 24px #00000021;box-shadow:var(--sh2);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.search-result{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;transition:background .1s}.search-result:hover{background:#f0ede8;background:var(--surface2)}.topbar-actions{gap:6px;margin-left:6px}.tb-btn,.topbar-actions{align-items:center;display:flex}.tb-btn{background:#f0ede8;background:var(--surface2);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:6px;border-radius:var(--r0);color:#5c5a55;color:var(--text2);flex-shrink:0;font-size:12px;font-weight:500;gap:5px;padding:6px 11px;white-space:nowrap}.tb-btn:hover{background:#e8e4de;background:var(--surface3);color:#1a1916;color:var(--text)}.tb-btn.primary{background:#7c3aed;background:var(--p);border-color:#7c3aed;border-color:var(--p);color:#fff}.tb-btn.primary:hover{background:#6d28d9;background:var(--pd)}.online-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.online-dot.on{background:#16a34a;background:var(--g)}.online-dot.off{background:#d97706;background:var(--a)}.user-profile{align-items:center;background:#f0ede8;background:var(--surface2);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:6px;border-radius:var(--r0);cursor:pointer;display:flex;flex-shrink:0;gap:7px;padding:5px 9px;position:relative}.user-profile:hover{background:#e8e4de;background:var(--surface3)}.user-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#2563eb);background:linear-gradient(135deg,var(--p),var(--b));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.user-name-short{color:#1a1916;color:var(--text);font-size:12px;font-weight:600;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu{background:#fff;background:var(--surface);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:14px;border-radius:var(--r2);box-shadow:0 20px 60px #00000038;box-shadow:var(--sh3);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:232px;z-index:9999}.profile-header{background:#f0ede8;background:var(--surface2);border-bottom:1px solid #e2ddd6;border-bottom:1px solid var(--border);padding:14px 16px}.profile-header h4{color:#1a1916;color:var(--text);font-size:13px;font-weight:700;margin-bottom:2px}.profile-header h4,.profile-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-header p{color:#9c9a94;color:var(--text3);font-size:11px}.profile-menu button{align-items:center;background:#fff;background:var(--surface);border:none;color:#1a1916;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 16px;text-align:left;transition:background .1s;width:100%}.profile-menu button:hover{background:#f0ede8;background:var(--surface2)}.logout-item{border-top:1px solid #e2ddd6!important;border-top:1px solid var(--border)!important;color:#e11d48!important;color:var(--r)!important;font-weight:600!important}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e2ddd6;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:252px;width:var(--sidebar-w)}.sb-head{align-items:center;border-bottom:1px solid #e2ddd6;border-bottom:1px solid var(--border);display:flex;gap:8px;padding:13px 14px 11px}.sb-head h3{color:#9c9a94;color:var(--text3);flex:1 1;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sb-add-btn{align-items:center;background:#7c3aed;background:var(--p);border-radius:7px;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:26px;justify-content:center;width:26px}.sb-add-btn:hover{background:#6d28d9;background:var(--pd)}.sb-search{border-bottom:1px solid #e2ddd6;border-bottom:1px solid var(--border);padding:10px 12px;position:relative}.sb-search-icon{color:#9c9a94;color:var(--text3);font-size:14px;left:22px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sb-search input{background:#f0ede8;background:var(--surface2);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:7px;color:#1a1916;color:var(--text);font-size:12px;padding:7px 10px 7px 28px;width:100%}.sb-search input:focus{border-color:#c4b5fd;border-color:var(--pm)}.sb-list{flex:1 1;overflow-y:auto;padding:6px}.sb-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:9px;margin-bottom:1px;padding:8px 10px;transition:background .1s}.sb-item:hover{background:#f0ede8;background:var(--surface2)}.sb-item.selected{background:#ede9fe;background:var(--pl)}.sb-item.selected .sb-name{color:#7c3aed;color:var(--p)}.sb-info{flex:1 1;min-width:0}.sb-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-meta{color:#9c9a94;color:var(--text3);font-size:10px;margin-top:1px}.avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-weight:700;justify-content:center;overflow:hidden}.avatar img{height:100%;object-fit:cover;width:100%}.detail-panel{background:#fff;background:var(--surface);border-left:1px solid #e2ddd6;border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:288px;width:var(--panel-w)}.det-head{border-bottom:1px solid #e2ddd6;border-bottom:1px solid var(--border);padding:20px 18px 16px;position:relative;text-align:center}.mobile-close{align-items:center;background:#f0ede8;background:var(--surface2);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:50%;color:#5c5a55;color:var(--text2);cursor:pointer;display:none;font-size:14px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.mobile-close:hover{background:#e8e4de;background:var(--surface3)}.det-av{align-items:center;border-radius:50%;display:flex;font-size:24px;font-weight:800;height:68px;justify-content:center;margin:0 auto 6px;overflow:hidden;width:68px}.det-av img{height:100%;object-fit:cover;width:100%}.photo-upload-label{align-items:center;background:#f0ede8;background:var(--surface2);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:6px;color:#9c9a94;color:var(--text3);cursor:pointer;display:inline-flex;font-size:10px;font-weight:500;gap:4px;letter-spacing:.01em;margin-top:6px;padding:3px 9px}.photo-upload-label:hover{background:#e8e4de;background:var(--surface3);color:#5c5a55;color:var(--text2)}.det-name{font-size:16px;font-weight:700;line-height:1.3;margin-top:8px}.det-sub{color:#9c9a94;color:var(--text3);font-size:11px;font-weight:500;margin-top:2px}.det-section{border-bottom:1px solid #e2ddd6;border-bottom:1px solid var(--border);padding:14px 16px}.det-section h4{color:#9c9a94;color:var(--text3);font-size:10px;font-weight:700;gap:5px;letter-spacing:.07em;margin-bottom:10px;text-transform:uppercase}.det-section h4,.info-row{align-items:center;display:flex}.info-row{font-size:12px;gap:8px;margin-bottom:7px}.info-row i{color:#9c9a94;color:var(--text3);flex-shrink:0;font-size:14px;width:18px}.info-label{color:#5c5a55;color:var(--text2);font-size:11px;font-weight:500;min-width:58px}.event-chip{align-items:center;background:#f0ede8;background:var(--surface2);border:1px solid #0000;border-radius:9px;cursor:pointer;display:flex;gap:9px;margin-bottom:6px;padding:9px 10px;transition:all .12s}.event-chip:hover{background:#ede9fe;background:var(--pl);border-color:#c4b5fd;border-color:var(--pm)}.event-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:14px;height:30px;justify-content:center;width:30px}.event-text{flex:1 1}.event-name{font-size:12px;font-weight:600}.event-date{color:#9c9a94;color:var(--text3);font-size:10px;margin-top:1px}.days-tag{border-radius:5px;font-size:10px;font-weight:700;padding:2px 6px}.rel-chip{align-items:center;background:#f0ede8;background:var(--surface2);border-radius:8px;cursor:pointer;display:flex;font-size:12px;gap:8px;margin-bottom:5px;padding:7px 10px;transition:background .1s}.rel-chip:hover{background:#e8e4de;background:var(--surface3)}.rel-chip-del{align-items:center;background:#0000;border:none;border-radius:50%;color:#9c9a94;color:var(--text3);cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:18px;justify-content:center;padding:0;transition:all .1s;width:18px}.rel-chip-del:hover{background:#ffe4e6;background:var(--rl);color:#e11d48;color:var(--r)}.notes-block{border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:8px;color:#5c5a55;color:var(--text2);font-size:12px;line-height:1.65;padding:10px 12px;white-space:pre-wrap}.notes-block,.notes-textarea{background:#f0ede8;background:var(--surface2)}.notes-textarea{border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:8px;color:#1a1916;color:var(--text);font-family:inherit;font-size:13px;line-height:1.5;padding:8px 10px;resize:vertical;width:100%}.notes-textarea:focus{background:#fff;background:var(--surface);border-color:#c4b5fd;border-color:var(--pm);outline:none}.notes-edit-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9c9a94;color:var(--text3);cursor:pointer;display:flex;font-size:13px;margin-left:auto;padding:2px 5px}.notes-edit-btn:hover{background:#ede9fe;background:var(--pl);color:#7c3aed;color:var(--p)}.det-actions{background:#fff;background:var(--surface);border-top:1px solid #e2ddd6;border-top:1px solid var(--border);bottom:0;display:flex;flex-shrink:0;gap:6px;padding:12px 14px;position:-webkit-sticky;position:sticky}.d-act{align-items:center;border-radius:8px;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:5px;justify-content:center;padding:8px 6px}.d-act.edit{background:#f0ede8;background:var(--surface2);border:1px solid #e2ddd6;border:1px solid var(--border);color:#1a1916;color:var(--text)}.d-act.edit:hover{background:#e8e4de;background:var(--surface3)}.d-act.rel{background:#dbeafe;background:var(--bl);border:1px solid #93c5fd;border:1px solid var(--bm);color:#2563eb;color:var(--b)}.d-act.rel:hover{background:#93c5fd;background:var(--bm)}.d-act.del{background:#ffe4e6;background:var(--rl);border:1px solid #fda4af;border:1px solid var(--rm);color:#e11d48;color:var(--r);flex:0 0 36px;width:36px}.d-act.del:hover{background:#e11d48;background:var(--r);color:#fff}.page-hd{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:22px}.page-hd h2{font-size:18px;font-weight:700;line-height:1.3}.page-hd p{color:#5c5a55;color:var(--text2);font-size:12px;margin-top:3px}.tree-canvas{flex:1 1;overflow:auto;padding:24px}.gen-section{border:2px solid #0000;border-radius:12px;margin-bottom:36px;transition:border-color .15s,background .15s}.gen-section--drag-over{background:#ede9fe;background:var(--pl);border-color:#c4b5fd;border-color:var(--pm)}.gen-label{align-items:center;display:flex;font-size:10px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.07em;margin-bottom:16px;text-align:center;text-transform:uppercase}.gen-label:after,.gen-label:before{background:#e2ddd6;background:var(--border);content:"";flex:1 1;height:1px;max-width:80px}.gen-label span{border-radius:20px;padding:3px 14px}.gen-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.tree-node{align-items:center;display:flex;flex-direction:column}.tree-card{background:#fff;background:var(--surface);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--r2);box-shadow:0 1px 3px #0000000d;box-shadow:var(--sh0);cursor:pointer;min-width:108px;padding:12px 14px;text-align:center;transition:all .18s}.tree-card:hover{border-color:#c4b5fd;border-color:var(--pm);box-shadow:0 1px 3px #0000000f,0 4px 16px #00000012;box-shadow:var(--sh1);transform:translateY(-2px)}.tree-card.selected{border-color:#7c3aed;border-color:var(--p);box-shadow:0 0 0 3px #ede9fe;box-shadow:0 0 0 3px var(--pl)}.tree-av{align-items:center;border-radius:50%;display:flex;font-size:15px;font-weight:700;height:44px;justify-content:center;margin:0 auto 8px;overflow:hidden;width:44px}.tree-av img{height:100%;object-fit:cover;width:100%}.tree-name{font-size:12px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-age{color:#9c9a94;color:var(--text3);font-size:10px;margin-top:2px}.couple-block{align-items:flex-start;display:flex}.spouse-line{align-items:center;display:flex;margin-top:36px}.spouse-dash{background:#fda4af;background:var(--rm);height:2px;width:12px}.spouse-heart{color:#e11d48;color:var(--r);font-size:12px;margin:0 1px}.children-branch{align-items:center;display:flex;flex-direction:column}.conn-v{background:#c8c3bb;background:var(--border2);height:18px;margin:0 auto;width:2px}.children-row{align-items:flex-start;display:flex;gap:12px;position:relative}.child-slot{align-items:center;display:flex;flex-direction:column}.child-top{height:18px;width:2px}.child-top,.h-bar{background:#c8c3bb;background:var(--border2)}.h-bar{height:2px;position:absolute;top:0}.timeline-wrap{flex:1 1;overflow-y:auto;padding:24px}.tl-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.fl-btn{background:#fff;background:var(--surface);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:20px;color:#5c5a55;color:var(--text2);font-size:12px;font-weight:500;padding:5px 14px;transition:all .12s}.fl-btn:hover{border-color:#c4b5fd;border-color:var(--pm);color:#7c3aed;color:var(--p)}.fl-btn.active{background:#7c3aed;background:var(--p);border-color:#7c3aed;border-color:var(--p);color:#fff}.tl-section{margin-bottom:24px}.tl-section-hd{align-items:center;color:#9c9a94;color:var(--text3);display:flex;font-size:10px;font-weight:700;gap:7px;letter-spacing:.07em;margin-bottom:10px;text-transform:uppercase}.tl-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.ev-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:14px;border-radius:var(--r2);display:flex;gap:12px;margin-bottom:8px;padding:14px;transition:box-shadow .15s,border-color .15s}.ev-card:hover{border-color:#c8c3bb;border-color:var(--border2);box-shadow:0 1px 3px #0000000f,0 4px 16px #00000012;box-shadow:var(--sh1)}.ev-card-left{flex:1 1;min-width:0}.ev-person{font-size:13px;font-weight:600}.ev-type{color:#5c5a55;color:var(--text2)}.ev-date,.ev-type{font-size:11px;margin-top:2px}.ev-date{color:#9c9a94;color:var(--text3)}.ev-badge{border-radius:20px;font-size:10px;font-weight:700;padding:3px 8px;white-space:nowrap}.wish-btn{align-items:center;background:#ede9fe;background:var(--pl);border:1px solid #c4b5fd;border:1px solid var(--pm);border-radius:8px;color:#7c3aed;color:var(--p);display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;padding:6px 12px}.wish-btn:hover{background:#7c3aed;background:var(--p);color:#fff}.members-wrap{flex:1 1;overflow-y:auto;padding:24px}.members-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.m-card{background:#fff;background:var(--surface);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--r2);cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .15s}.m-card:before{background:#0000;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background .15s}.m-card:hover{border-color:#c4b5fd;border-color:var(--pm);box-shadow:0 1px 3px #0000000f,0 4px 16px #00000012;box-shadow:var(--sh1);transform:translateY(-1px)}.m-card:hover:before{background:#c4b5fd;background:var(--pm)}.m-card.selected{border-color:#7c3aed;border-color:var(--p)}.m-card.selected:before{background:#7c3aed;background:var(--p)}.m-card-top{align-items:center;display:flex;gap:12px;margin-bottom:12px}.m-tags{display:flex;flex-wrap:wrap;gap:5px}.m-tag{border-radius:12px;font-size:10px;font-weight:600;padding:2px 8px}.cal-wrap{flex:1 1;overflow-y:auto;padding:24px}.cal-head{gap:10px;margin-bottom:20px}.cal-head,.cal-nav{align-items:center;display:flex}.cal-nav{background:#f0ede8;background:var(--surface2);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:8px;color:#5c5a55;color:var(--text2);font-size:16px;height:32px;justify-content:center;width:32px}.cal-nav:hover{background:#e8e4de;background:var(--surface3)}.cal-title{flex:1 1;font-size:17px;font-weight:700}.cal-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.cal-dow{color:#9c9a94;color:var(--text3);font-size:10px;font-weight:700;letter-spacing:.06em;padding:8px 0;text-align:center;text-transform:uppercase}.cal-day{background:#fff;background:var(--surface);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:9px;cursor:pointer;min-height:74px;padding:7px;transition:background .1s}.cal-day:hover{background:#f0ede8;background:var(--surface2)}.cal-day.other-month{opacity:.3}.cal-day.today{background:#ede9fe;background:var(--pl);border-color:#7c3aed;border-color:var(--p)}.cal-day-num{font-size:11px;font-weight:600;margin-bottom:4px}.cal-ev-dot{border-radius:4px;font-size:9px;font-weight:500;margin-bottom:2px;overflow:hidden;padding:1px 5px;text-overflow:ellipsis;white-space:nowrap}.stats-wrap{flex:1 1;overflow-y:auto;padding:24px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px}.stat-card{background:#fff;background:var(--surface);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--r2);overflow:hidden;padding:16px}.stat-card-icon{align-items:center;border-radius:9px;display:flex;font-size:17px;height:36px;justify-content:center;margin-bottom:12px;width:36px}.stat-val{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1}.stat-lbl{color:#5c5a55;color:var(--text2);font-size:11px;font-weight:500;margin-top:5px}.chart-card{background:#fff;background:var(--surface);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:14px;border-radius:var(--r2);margin-bottom:14px;padding:18px}.chart-card h3{font-size:13px;font-weight:700;margin-bottom:14px}.bar-row{align-items:center;display:flex;font-size:12px;gap:10px;margin-bottom:9px}.bar-bg{background:#f0ede8;background:var(--surface2);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .4s ease}.profile-page{flex:1 1;overflow-y:auto;padding:24px}.profile-card{background:#fff;background:var(--surface);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:14px;border-radius:var(--r2);margin-bottom:16px;max-width:520px;padding:28px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#2563eb);background:linear-gradient(135deg,var(--p),var(--b));border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:800;height:80px;justify-content:center;margin-bottom:16px;width:80px}.profile-logout-btn{align-items:center;background:#ffe4e6;background:var(--rl);border:1px solid #fda4af;border:1px solid var(--rm);border-radius:10px;border-radius:var(--r1);color:#e11d48;color:var(--r);display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:20px;padding:9px 18px}.profile-logout-btn:hover{background:#e11d48;background:var(--r);color:#fff}.overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000007a;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal{animation:modal-in .18s ease;background:#fff;background:var(--surface);border-radius:14px;border-radius:var(--r2);box-shadow:0 20px 60px #00000038;box-shadow:var(--sh3);max-height:90vh;max-width:480px;overflow-y:auto;width:100%}@keyframes modal-in{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:none}}.modal-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2ddd6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{font-size:15px;font-weight:700}.modal-close{align-items:center;background:#f0ede8;background:var(--surface2);border-radius:8px;color:#5c5a55;color:var(--text2);display:flex;font-size:15px;height:30px;justify-content:center;width:30px}.modal-close:hover{background:#e8e4de;background:var(--surface3);color:#1a1916;color:var(--text)}.modal-body{padding:22px}.modal-footer{background:#fff;background:var(--surface);border-top:1px solid #e2ddd6;border-top:1px solid var(--border);bottom:0;display:flex;gap:8px;justify-content:flex-end;padding:14px 22px;position:-webkit-sticky;position:sticky}.confirm-modal{max-width:360px}.confirm-icon{align-items:center;background:#ffe4e6;background:var(--rl);border-radius:50%;color:#e11d48;color:var(--r);display:flex;font-size:22px;height:52px;justify-content:center;margin-bottom:14px;width:52px}.confirm-title{font-size:16px;font-weight:700;margin-bottom:6px}.confirm-msg{color:#5c5a55;color:var(--text2);font-size:13px;line-height:1.55}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full{grid-column:1/-1}.form-label{color:#5c5a55;color:var(--text2);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.form-input{background:#f0ede8;background:var(--surface2);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:8px;color:#1a1916;color:var(--text);font-size:13px;padding:9px 12px;transition:border .12s,background .12s;width:100%}.form-input:focus{background:#fff;background:var(--surface);border-color:#c4b5fd;border-color:var(--pm)}.form-select{background:#f0ede8;background:var(--surface2);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:8px;color:#1a1916;color:var(--text);font-size:13px;padding:9px 12px;width:100%}.form-select:focus{border-color:#c4b5fd;border-color:var(--pm);outline:none}.form-error{background:#ffe4e6;background:var(--rl);border:1px solid #fda4af;border:1px solid var(--rm);color:#e11d48;color:var(--r);display:flex;font-size:12px;margin-top:4px;padding:9px 12px}.btn-ok,.form-error{align-items:center;border-radius:8px;gap:6px}.btn-ok{background:#7c3aed;background:var(--p);color:#fff;display:inline-flex;font-size:13px;font-weight:600;padding:9px 20px}.btn-ok:hover{background:#6d28d9;background:var(--pd)}.btn-ok:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#f0ede8;background:var(--surface2);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:8px;color:#1a1916;color:var(--text);font-size:13px;font-weight:500;padding:9px 20px}.btn-cancel:hover{background:#e8e4de;background:var(--surface3)}.btn-danger{background:#ffe4e6;background:var(--rl);border:1.5px solid #fda4af;border:1.5px solid var(--rm);border-radius:8px;color:#e11d48;color:var(--r);font-size:13px;font-weight:600;padding:9px 20px}.btn-danger:hover{background:#e11d48;background:var(--r);color:#fff}.rel-type-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(5,1fr);margin-bottom:16px}.rel-type-btn{background:#f0ede8;background:var(--surface2);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:9px;color:#5c5a55;color:var(--text2);cursor:pointer;font-size:10px;font-weight:600;padding:10px 4px;text-align:center;transition:all .12s}.rel-type-btn:hover{border-color:#c4b5fd;border-color:var(--pm);color:#7c3aed;color:var(--p)}.rel-type-btn.selected{background:#ede9fe;background:var(--pl);border-color:#7c3aed;border-color:var(--p);color:#7c3aed;color:var(--p)}.rel-type-btn i{display:block;font-size:18px;margin-bottom:4px}.wish-text{background:#f0ede8;background:var(--surface2);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:10px;color:#1a1916;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:13px;line-height:1.7;min-height:90px;padding:14px;resize:vertical;width:100%}.wish-text:focus{border-color:#c4b5fd;border-color:var(--pm);outline:none}.share-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.share-btn{align-items:center;background:#f0ede8;background:var(--surface2);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:8px;color:#1a1916;color:var(--text);display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:7px 12px}.share-btn:hover{background:#e8e4de;background:var(--surface3)}.share-btn.wa{background:#dcfce7;background:var(--gl);border-color:#86efac;border-color:var(--gm);color:#16a34a;color:var(--g)}.share-btn.wa:hover{background:#16a34a;background:var(--g);color:#fff}.share-btn.cp{background:#ede9fe;background:var(--pl);border-color:#c4b5fd;border-color:var(--pm);color:#7c3aed;color:var(--p)}.share-btn.cp:hover{background:#7c3aed;background:var(--p);color:#fff}.share-btn.em{background:#dbeafe;background:var(--bl);border-color:#93c5fd;border-color:var(--bm);color:#2563eb;color:var(--b)}.share-btn.em:hover{background:#2563eb;background:var(--b);color:#fff}.photo-area{margin-bottom:16px;text-align:center}.photo-preview{border:3px solid #e2ddd6;border:3px solid var(--border);border-radius:50%;display:block;height:72px;margin:0 auto 8px;object-fit:cover;width:72px}.photo-placeholder{background:#f0ede8;background:var(--surface2);border:2px dashed #c8c3bb;border:2px dashed var(--border2);border-radius:50%;font-size:22px;font-weight:700;height:72px;margin:0 auto 8px;width:72px}.empty-state,.photo-placeholder{align-items:center;color:#9c9a94;color:var(--text3);display:flex;justify-content:center}.empty-state{flex-direction:column;gap:10px;height:100%;padding:40px 24px;text-align:center}.empty-state i{font-size:48px;opacity:.3}.empty-state h3{color:#5c5a55;color:var(--text2);font-size:15px;font-weight:700}.empty-state p{font-size:12px;line-height:1.6;max-width:240px}.toast-container{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:6px;position:fixed;right:24px;z-index:300}.toast{align-items:center;animation:toast-in .2s ease;background:#1a1916;background:var(--text);border-radius:10px;box-shadow:0 4px 24px #00000021;box-shadow:var(--sh2);color:#fff;color:var(--surface);display:flex;font-size:12px;font-weight:500;gap:8px;padding:10px 16px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.mobile-fab{align-items:center;background:#7c3aed;background:var(--p);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 20px #7c3aed66;color:#fff;display:none;font-size:22px;height:52px;justify-content:center;position:fixed;right:24px;width:52px;z-index:100}.mobile-fab:hover{background:#6d28d9;background:var(--pd);transform:scale(1.05)}@media (max-width:1024px){:root{--sidebar-w:208px;--panel-w:252px}.members-grid{grid-template-columns:repeat(2,1fr)}.tree-canvas{padding:16px}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){#root,body,html{overflow-y:auto!important}#root,.app-shell,body,html{height:auto!important;min-height:100vh}.app-main,.app-shell{overflow:visible!important}.app-main{display:block!important;height:auto!important}.sidebar{display:none!important}.content{display:block!important;height:auto!important;overflow:visible!important;padding:0 0 80px!important}.cal-wrap,.members-wrap,.profile-page,.stats-wrap,.timeline-wrap,.tree-canvas{height:auto!important;max-width:100%!important;overflow:visible!important;padding:16px!important;width:100%!important}.detail-panel{background:#fff;background:var(--surface);border-left:none;height:100vh!important;overflow-y:auto;padding-bottom:0;position:fixed!important;right:-100%;top:0;transition:right .28s cubic-bezier(.25,.46,.45,.94);width:100%!important;z-index:9999}.detail-panel.show{right:0}.mobile-close{display:flex!important}.det-actions{background:#fff;background:var(--surface);border-top:1px solid #e2ddd6;border-top:1px solid var(--border);bottom:0;padding:12px 14px;position:-webkit-sticky;position:sticky;z-index:10}.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:10px 14px}.topbar-search{flex:1 1;min-width:0;order:3}.topbar-nav{display:flex;gap:4px;margin-left:0;order:4;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;white-space:nowrap;width:100%}.topbar-nav::-webkit-scrollbar{display:none}.nav-tab{flex-shrink:0;font-size:12px;padding:5px 10px}.topbar-actions{margin-left:auto;order:2}.user-name-short{display:none}.form-grid,.members-grid{grid-template-columns:1fr}.rel-type-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.tree-canvas{overflow-x:auto!important;padding:14px!important}.gen-row{flex-wrap:wrap;gap:12px;justify-content:center}.tree-card{min-width:100px}.cal-day{min-height:54px}.cal-ev-dot{font-size:8px}.modal{border-radius:12px;max-width:96%}.modal-body{padding:16px}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-danger,.btn-ok{justify-content:center;width:100%}.profile-card{padding:20px}.toast-container{align-items:stretch;left:12px;right:12px}.mobile-fab{display:flex}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.cal-day{min-height:44px;padding:4px}.cal-day-num{font-size:10px}}.plan-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 8px}.limit-bar{background:#f0ede8;background:var(--surface2);border-radius:4px;height:6px;overflow:hidden}.limit-bar-fill{border-radius:4px;height:100%;transition:width .4s ease}.upgrade-modal{max-width:860px!important;width:95vw!important}.upgrade-plan-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.upgrade-plan-card{background:#fff;background:var(--surface);border:1.5px solid #e2ddd6;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--r2);display:flex;flex-direction:column;gap:0;padding:18px 16px;position:relative}.upgrade-plan-card.featured{background:#ede9fe;background:var(--pl);border-color:#7c3aed;border-color:var(--p);border-width:2px}.upgrade-plan-card.current{background:#f0ede8;background:var(--surface2)}.upgrade-plan-badge{background:#7c3aed;background:var(--p);border-radius:20px;color:#fff;font-size:10px;font-weight:700;left:50%;padding:2px 10px;position:absolute;top:-11px;transform:translateX(-50%);white-space:nowrap}.upgrade-plan-name{font-size:14px;font-weight:700;margin-bottom:6px}.upgrade-plan-price{color:#7c3aed;color:var(--p);font-size:26px;font-weight:800;line-height:1;margin-bottom:14px}.upgrade-plan-price span{color:#5c5a55;color:var(--text2);font-size:13px;font-weight:400;margin-left:2px}.upgrade-plan-features{flex:1 1;list-style:none;margin:0 0 16px;padding:0}.upgrade-plan-features li{align-items:flex-start;color:#5c5a55;color:var(--text2);display:flex;font-size:12px;gap:6px;line-height:1.45;padding:3px 0}@keyframes spin{to{transform:rotate(1turn)}}.settings-wrap{flex:1 1;margin:0 auto;max-width:680px;overflow-y:auto;padding:0 20px 40px;width:100%}.settings-section{background:#fff;background:var(--surface);border:1px solid #e2ddd6;border:1px solid var(--border);border-radius:14px;border-radius:var(--r2);margin-bottom:16px;padding:20px}.settings-section.settings-danger{border-color:#e11d48;border-color:var(--r)}.settings-section-title{align-items:center;color:#1a1916;color:var(--text);display:flex;font-size:13px;font-weight:600;gap:7px;margin-bottom:14px}.settings-plan-card{background:#f0ede8;background:var(--surface2);border-radius:10px;border-radius:var(--r1);margin-bottom:12px;padding:16px}.settings-plan-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.settings-plan-features{display:flex;flex-direction:column;gap:6px}.settings-feat-row{align-items:center;color:#5c5a55;color:var(--text2);display:flex;font-size:13px;gap:8px}.settings-feat-row.locked,.upgrade-hint{color:#9c9a94;color:var(--text3)}.upgrade-hint{font-size:11px}.settings-notif-row{align-items:center;border-bottom:1px solid #e2ddd6;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:10px 0}.settings-notif-row:last-child{border-bottom:none}.settings-notif-row.locked-row{opacity:.55}.settings-row{align-items:center;border-bottom:1px solid #e2ddd6;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:8px 0}.settings-row:last-child{border-bottom:none}.toggle{display:inline-block;flex-shrink:0;height:22px;position:relative;width:38px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#e2ddd6;background:var(--border);border-radius:11px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:transform .2s;width:16px}.toggle.on .toggle-slider{background:#7c3aed;background:var(--p)}.toggle.on .toggle-slider:before{transform:translateX(16px)}.toggle.disabled .toggle-slider{cursor:not-allowed}@media (max-width:768px){.upgrade-plan-grid{grid-template-columns:1fr}.upgrade-modal{max-height:92vh}.settings-wrap{padding:0 12px 40px}}:root{--lp-p:#7c3aed;--lp-p-dark:#6d28d9;--lp-p-light:#ede9fe;--lp-ink:#0f0e17;--lp-ink2:#3d3a50;--lp-ink3:#6b6880;--lp-border:#e4e1f0;--lp-surface:#fff;--lp-bg:#faf9ff;--lp-shadow:0 4px 24px #7c3aed1a;--lp-shadow-lg:0 16px 48px #7c3aed29;--lp-r:16px;--lp-r-lg:24px;--lp-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.lp{-webkit-font-smoothing:antialiased;background:#faf9ff;background:var(--lp-bg);color:#0f0e17;color:var(--lp-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--lp-font);overflow-x:hidden}.lp-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #e4e1f0;border-bottom:1px solid var(--lp-border);position:-webkit-sticky;position:sticky;top:0;z-index:200}.lp-nav-inner{gap:40px;height:68px;margin:0 auto;max-width:1200px;padding:0 32px}.lp-logo,.lp-nav-inner{align-items:center;display:flex}.lp-logo{color:#7c3aed;color:var(--lp-p);flex-shrink:0;font-size:20px;font-weight:800;gap:8px;letter-spacing:-.5px;text-decoration:none}.lp-logo-icon{font-size:22px}.lp-nav-links{display:flex;gap:8px;margin-left:auto}.lp-nav-links a{border-radius:8px;color:#3d3a50;color:var(--lp-ink2);font-size:14px;font-weight:500;padding:6px 14px;text-decoration:none;transition:background .15s,color .15s}.lp-nav-links a:hover{background:#ede9fe;background:var(--lp-p-light);color:#7c3aed;color:var(--lp-p)}.lp-nav-cta{background:#7c3aed;background:var(--lp-p);border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--lp-font);font-size:14px;font-weight:600;padding:10px 22px;transition:background .15s,transform .15s}.lp-nav-cta:hover{background:#6d28d9;background:var(--lp-p-dark);transform:translateY(-1px)}.lp-hero{align-items:center;background:linear-gradient(150deg,#faf9ff,#f0ebff 50%,#eef2ff);display:flex;min-height:92vh;overflow:hidden;position:relative}.lp-hero-bg{inset:0;pointer-events:none;position:absolute}.lp-blob{border-radius:50%;filter:blur(80px);opacity:.55;position:absolute}.lp-blob-1{background:radial-gradient(circle,#c4b5fd,#7c3aed22);height:600px;right:-150px;top:-200px;width:600px}.lp-blob-2{background:radial-gradient(circle,#bfdbfe,#3b82f622);bottom:-100px;height:400px;left:-100px;width:400px}.lp-blob-3{background:radial-gradient(circle,#fde68a44,#f59e0b11);height:300px;left:40%;top:40%;width:300px}.lp-hero-inner{align-items:center;display:flex;gap:64px;margin:0 auto;max-width:1200px;padding:80px 32px;position:relative;width:100%;z-index:2}.lp-hero-text{flex:1 1;max-width:560px}.lp-pill{align-items:center;background:#ede9fe;background:var(--lp-p-light);border-radius:100px;color:#7c3aed;color:var(--lp-p);display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.02em;margin-bottom:24px;padding:6px 14px}.lp-hero-h1{color:#0f0e17;color:var(--lp-ink);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 20px}.lp-hero-sub{color:#3d3a50;color:var(--lp-ink2);font-size:1.1rem;font-weight:400;line-height:1.7;margin:0 0 28px}.lp-trust{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.lp-trust span{align-items:center;background:#ffffffe6;border:1px solid #e4e1f0;border:1px solid var(--lp-border);border-radius:100px;color:#3d3a50;color:var(--lp-ink2);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px}.lp-check{color:#16a34a;font-weight:700}.lp-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.lp-btn-primary{align-items:center;background:linear-gradient(135deg,#7c3aed,#9333ea);background:linear-gradient(135deg,var(--lp-p),#9333ea);border:none;border-radius:12px;box-shadow:0 4px 20px #7c3aed59;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--lp-font);font-size:15px;font-weight:700;gap:8px;letter-spacing:-.01em;padding:14px 28px;transition:transform .18s,box-shadow .18s}.lp-btn-primary:hover{box-shadow:0 8px 28px #7c3aed73;transform:translateY(-2px)}.lp-btn-white{background:#fff;box-shadow:0 4px 20px #0000001f;color:#7c3aed;color:var(--lp-p)}.lp-btn-white:hover{box-shadow:0 8px 28px #0000002e}.lp-btn-ghost{align-items:center;background:#0000;border:1.5px solid #e4e1f0;border:1.5px solid var(--lp-border);border-radius:12px;color:#3d3a50;color:var(--lp-ink2);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--lp-font);font-size:15px;font-weight:600;gap:6px;padding:14px 24px;transition:border-color .15s,color .15s,background .15s}.lp-btn-ghost:hover{background:#ede9fe;background:var(--lp-p-light);border-color:#7c3aed;border-color:var(--lp-p);color:#7c3aed;color:var(--lp-p)}.lp-btn-arrow{font-size:16px;transition:transform .15s}.lp-btn-ghost:hover .lp-btn-arrow,.lp-btn-primary:hover .lp-btn-arrow{transform:translateX(3px)}.lp-hero-visual{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:400px;position:relative}.lp-mockup{background:#fff;background:var(--lp-surface);border:1px solid #e4e1f0;border:1px solid var(--lp-border);border-radius:24px;border-radius:var(--lp-r-lg);box-shadow:0 16px 48px #7c3aed29;box-shadow:var(--lp-shadow-lg);max-width:480px;overflow:hidden;transition:transform .3s;width:100%}.lp-mockup:hover{transform:translateY(-6px)}.lp-mockup-bar{align-items:center;background:#f8f7ff;border-bottom:1px solid #e4e1f0;border-bottom:1px solid var(--lp-border);display:flex;gap:8px;height:48px;padding:0 16px}.lp-dot{border-radius:50%;flex-shrink:0;height:11px;width:11px}.lp-dot-r{background:#ff5f57}.lp-dot-y{background:#febc2e}.lp-dot-g{background:#28c840}.lp-mockup-url{background:#0000000d;border-radius:100px;color:#6b6880;color:var(--lp-ink3);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--lp-font);font-size:11px;margin-left:12px;padding:3px 12px}.lp-mockup-body{flex-direction:column;gap:0;padding:28px 24px}.lp-mockup-body,.lp-tree-gen{align-items:center;display:flex}.lp-tree-gen{gap:16px;justify-content:center}.lp-tree-connector{align-items:center;display:flex;gap:8px}.lp-heart-line{color:#e11d48;font-size:14px;padding:0 6px}.lp-tree-branch-line{background:linear-gradient(180deg,#d1d5db,#e5e7eb);height:28px;margin:0 auto;width:2px}.lp-tree-branch-line.lp-thin{height:20px}.lp-tree-node{align-items:center;border-radius:50%;color:#fff;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:6px;height:54px;justify-content:center;position:relative;width:54px}.lp-tree-node span{bottom:-18px;color:#6b6880;color:var(--lp-ink3);font-size:10px;font-weight:500;position:absolute;white-space:nowrap}.lp-node-p{background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 4px 12px #7c3aed4d}.lp-node-c{background:linear-gradient(135deg,#0d9488,#0891b2);box-shadow:0 4px 12px #0d94884d}.lp-node-g{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 12px #d977064d}.lp-tree-gen-1{margin-bottom:0}.lp-tree-gen-2{gap:32px;margin:28px 0 0}.lp-tree-gen-3{gap:20px;margin:28px 0 4px}.lp-mockup-badge{align-items:center;animation:lp-float 3s ease-in-out infinite;background:#fff;background:var(--lp-surface);border:1px solid #e4e1f0;border:1px solid var(--lp-border);border-radius:12px;box-shadow:0 8px 24px #0000001a;color:#3d3a50;color:var(--lp-ink2);display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;position:absolute;white-space:nowrap}.lp-badge-1{animation-delay:0s;right:-20px;top:10px}.lp-badge-2{animation-delay:1.5s;bottom:20px;left:-20px}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lp-stats{background:#fff;background:var(--lp-surface);border-bottom:1px solid #e4e1f0;border-bottom:1px solid var(--lp-border);border-top:1px solid #e4e1f0;border-top:1px solid var(--lp-border)}.lp-stats-inner{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;padding:48px 32px}.lp-stat{padding:8px;text-align:center}.lp-stat-value{color:#7c3aed;color:var(--lp-p);font-size:2.2rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:6px}.lp-stat-label{color:#6b6880;color:var(--lp-ink3);font-size:14px;font-weight:500}.lp-section{padding:96px 0}.lp-section-alt{background:#fff;background:var(--lp-surface)}.lp-section-inner{margin:0 auto;max-width:1200px;padding:0 32px}.lp-section-label{background:#ede9fe;background:var(--lp-p-light);border-radius:100px;color:#7c3aed;color:var(--lp-p);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:16px;padding:5px 12px;text-transform:uppercase}.lp-label-light{background:#fff3;color:#fff}.lp-section-h2{color:#0f0e17;color:var(--lp-ink);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin:0 0 16px}.lp-section-sub{color:#3d3a50;color:var(--lp-ink2);font-size:1.05rem;line-height:1.7;margin:0 0 56px;max-width:600px}.lp-feature-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.lp-feature-card{background:#fff;background:var(--lp-surface);border:1px solid #e4e1f0;border:1px solid var(--lp-border);border-radius:16px;border-radius:var(--lp-r);padding:32px 28px;transition:transform .2s,box-shadow .2s,border-color .2s}.lp-feature-card:hover{border-color:#c4b5fd;box-shadow:0 4px 24px #7c3aed1a;box-shadow:var(--lp-shadow);transform:translateY(-4px)}.lp-feature-icon{display:block;font-size:32px;margin-bottom:16px}.lp-feature-title{color:#0f0e17;color:var(--lp-ink);font-size:16px;font-weight:700;margin:0 0 10px}.lp-feature-desc{color:#6b6880;color:var(--lp-ink3);font-size:14px;line-height:1.65;margin:0}.lp-howto{background:linear-gradient(135deg,#faf9ff,#f0ebff 60%,#eef2ff);padding:96px 0}.lp-steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-top:0}.lp-step{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #e4e1f0;border:1px solid var(--lp-border);border-radius:16px;border-radius:var(--lp-r);display:flex;flex-direction:column;gap:16px;padding:28px;transition:transform .2s,box-shadow .2s}.lp-step:hover{box-shadow:0 4px 24px #7c3aed1a;box-shadow:var(--lp-shadow);transform:translateY(-3px)}.lp-step-num{color:#7c3aed;color:var(--lp-p);font-size:28px;font-weight:900;letter-spacing:-.04em;line-height:1;opacity:.25}.lp-step-body h3{color:#0f0e17;color:var(--lp-ink);font-size:15px;font-weight:700;margin:0 0 8px}.lp-step-body p{color:#6b6880;color:var(--lp-ink3);font-size:13.5px;line-height:1.6;margin:0}.lp-testimonial-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.lp-testimonial-card{background:#faf9ff;background:var(--lp-bg);border:1px solid #e4e1f0;border:1px solid var(--lp-border);border-radius:16px;border-radius:var(--lp-r);display:flex;flex-direction:column;gap:16px;padding:32px 28px;transition:transform .2s,box-shadow .2s}.lp-testimonial-card:hover{box-shadow:0 4px 24px #7c3aed1a;box-shadow:var(--lp-shadow);transform:translateY(-4px)}.lp-stars{color:#f59e0b;font-size:15px;letter-spacing:1px}.lp-testimonial-text{color:#3d3a50;color:var(--lp-ink2);flex:1 1;font-size:15px;font-style:italic;line-height:1.7;margin:0}.lp-testimonial-author{align-items:center;border-top:1px solid #e4e1f0;border-top:1px solid var(--lp-border);display:flex;gap:12px;margin-top:4px;padding-top:16px}.lp-testimonial-av{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:40px;justify-content:center;width:40px}.lp-testimonial-name{color:#0f0e17;color:var(--lp-ink);font-size:14px;font-weight:700}.lp-testimonial-role{color:#6b6880;color:var(--lp-ink3);font-size:12px;margin-top:2px}.lp-faq-inner{max-width:720px}.lp-faq-list{display:flex;flex-direction:column;gap:10px;margin-top:40px}.lp-faq-item{background:#fff;background:var(--lp-surface);border:1px solid #e4e1f0;border:1px solid var(--lp-border);border-radius:16px;border-radius:var(--lp-r);overflow:hidden;transition:border-color .15s,box-shadow .15s}.lp-faq-item.open{border-color:#c4b5fd;box-shadow:0 0 0 3px #7c3aed14}.lp-faq-q{align-items:center;background:none;border:none;color:#0f0e17;color:var(--lp-ink);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--lp-font);font-size:15px;font-weight:600;gap:16px;justify-content:space-between;padding:20px 24px;text-align:left;transition:color .15s;width:100%}.lp-faq-chevron,.lp-faq-item.open .lp-faq-q{color:#7c3aed;color:var(--lp-p)}.lp-faq-chevron{flex-shrink:0;font-size:20px;font-weight:400;line-height:1}.lp-faq-a{color:#3d3a50;color:var(--lp-ink2);font-size:14px;line-height:1.7;margin:0;padding:0 24px 20px}.lp-contact{background:linear-gradient(135deg,#0f0e17,#1e1b4b);color:#fff;padding:80px 0;text-align:center}.lp-contact-inner{margin:0 auto;max-width:640px;padding:0 32px}.lp-contact h2{font-size:2rem;font-weight:900;letter-spacing:-.03em;margin:0 0 28px}.lp-contact-grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:40px}.lp-contact-item{align-items:center;color:#fffc;display:flex;font-size:15px;gap:10px}.lp-contact-icon{font-size:18px}.lp-cta{background:linear-gradient(135deg,#7c3aed,#9333ea 50%,#2563eb);background:linear-gradient(135deg,var(--lp-p),#9333ea 50%,#2563eb);overflow:hidden;padding:120px 0;position:relative;text-align:center}.lp-cta:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.04' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.lp-cta-inner{margin:0 auto;max-width:700px;padding:0 32px;position:relative;z-index:2}.lp-cta-h2{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin:0 0 16px}.lp-cta-sub{color:#fffc;font-size:1.1rem;line-height:1.65;margin:0 0 40px}.lp-footer{background:#0f0e17;color:#ffffff80;padding:32px 0}.lp-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin:0 auto;max-width:1200px;padding:0 32px}.lp-footer-logo{align-items:center;color:#fffc;display:flex;font-size:16px;font-weight:700;gap:8px}.lp-footer-links{display:flex;gap:20px;margin-left:auto}.lp-footer-legal-btn,.lp-footer-links a{color:#ffffff73;font-size:13px;text-decoration:none;transition:color .15s}.lp-footer-legal-btn{background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.lp-footer-legal-btn:hover,.lp-footer-links a:hover{color:#ffffffe6}.lp-footer-copy{color:#ffffff4d;font-size:13px}@media (max-width:1024px){.lp-feature-grid,.lp-stats-inner,.lp-steps{grid-template-columns:repeat(2,1fr)}.lp-stats-inner{gap:16px}.lp-hero-inner{gap:40px}.lp-mockup{max-width:380px}}@media (max-width:768px){.lp-nav-inner{flex-wrap:wrap;gap:12px;height:auto;padding:14px 20px}.lp-nav-links{display:none}.lp-nav-cta{margin-left:auto}.lp-hero{min-height:auto}.lp-hero-inner{flex-direction:column;gap:40px;padding:60px 20px}.lp-hero-text{text-align:center}.lp-hero-h1{font-size:2.2rem}.lp-hero-sub{font-size:1rem}.lp-hero-actions,.lp-trust{justify-content:center}.lp-hero-visual{width:100%}.lp-mockup{max-width:100%}.lp-badge-1{right:0;top:-10px}.lp-badge-1,.lp-badge-2{font-size:11px;padding:7px 10px}.lp-badge-2{bottom:0;left:0}.lp-section{padding:64px 0}.lp-section-inner{padding:0 20px}.lp-section-sub{margin-bottom:36px}.lp-feature-grid,.lp-steps,.lp-testimonial-grid{grid-template-columns:1fr}.lp-stats-inner{grid-template-columns:repeat(2,1fr);padding:40px 20px}.lp-howto{padding:64px 0}.lp-cta{padding:80px 0}.lp-cta-h2{font-size:1.9rem}.lp-contact-inner,.lp-cta-inner{padding:0 20px}.lp-contact-grid{align-items:center;flex-direction:column;gap:16px}.lp-footer-inner{flex-direction:column;gap:16px;padding:0 20px;text-align:center}.lp-footer-links{margin-left:0}}@media (max-width:480px){.lp-hero-h1{font-size:1.9rem}.lp-section-h2{font-size:1.6rem}.lp-stat-value{font-size:1.8rem}.lp-cta-h2{font-size:1.6rem}.lp-btn-ghost,.lp-btn-primary{justify-content:center;width:100%}.lp-hero-actions{flex-direction:column}.lp-mockup-badge{display:none}}.lp-pricing-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:40px}.lp-pricing-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;display:flex;flex-direction:column;padding:28px 24px;position:relative;transition:box-shadow .2s}.lp-pricing-card:hover{box-shadow:0 8px 32px #00000014}.lp-pricing-card.featured{border-color:#7c3aed;border-width:2px}.lp-pricing-badge{background:#7c3aed;border-radius:20px;color:#fff;font-size:11px;font-weight:700;left:50%;letter-spacing:.05em;padding:3px 14px;position:absolute;top:-13px;transform:translateX(-50%);white-space:nowrap}.lp-pricing-name{color:#111827;font-size:15px;font-weight:700;margin-bottom:8px}.lp-pricing-price{color:#111827;font-size:32px;font-weight:800;line-height:1;margin-bottom:4px}.lp-pricing-period{color:#6b7280;font-size:14px;font-weight:400;margin-left:4px}.lp-pricing-desc{color:#6b7280;font-size:13px;line-height:1.5;margin:8px 0 16px}.lp-pricing-features{flex:1 1;list-style:none;margin:0 0 24px;padding:0}.lp-pricing-features li{align-items:flex-start;color:#374151;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:5px 0}.lp-pricing-features .lp-check{color:#7c3aed;flex-shrink:0;font-size:14px;margin-top:1px}.lp-btn-full{justify-content:center;width:100%}@media (max-width:768px){.lp-pricing-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:380px}}:root{--auth-p:#7c3aed;--auth-p-dark:#6d28d9;--auth-p-light:#ede9fe;--auth-ink:#0f0e17;--auth-ink2:#3d3a50;--auth-ink3:#7c7a8a;--auth-border:#e4e1f0;--auth-surface:#fff;--auth-bg:#faf9ff;--auth-error:#dc2626;--auth-success:#16a34a;--auth-warn:#d97706;--auth-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--auth-r:14px;--auth-r-lg:20px;--auth-transition:0.18s ease}*,:after,:before{box-sizing:border-box}.auth-shell{-webkit-font-smoothing:antialiased;background:#faf9ff;background:var(--auth-bg);display:grid;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--auth-font);grid-template-columns:1fr 1fr;min-height:100vh}.auth-left{align-items:center;background:linear-gradient(150deg,#4c1d95,#7c3aed 45%,#4f46e5);color:#fff;display:flex;justify-content:center;overflow:hidden;padding:60px 48px;position:relative}.auth-left:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.04' fill-rule='evenodd'/%3E%3C/svg%3E");inset:0}.auth-left:after,.auth-left:before{content:"";pointer-events:none;position:absolute}.auth-left:after{background:#ffffff0f;border-radius:50%;bottom:-200px;height:500px;right:-180px;width:500px}.auth-left-inner{max-width:420px;position:relative;z-index:2}.auth-brand{align-items:center;display:flex;gap:10px;margin-bottom:40px}.auth-brand-icon{font-size:28px}.auth-brand-name{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.5px}.auth-left-headline{color:#fff;font-size:clamp(1.7rem,2.5vw,2.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.15;margin-bottom:16px}.auth-left-sub{color:#ffffffbf;font-size:15px;line-height:1.7;margin-bottom:36px}.auth-features{display:flex;flex-direction:column;gap:12px;margin-bottom:36px}.auth-feature{align-items:center;color:#ffffffd9;display:flex;font-size:14px;font-weight:500;gap:12px}.auth-feature-icon{align-items:center;background:#ffffff1f;border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.auth-stats{display:flex;gap:16px;margin-bottom:36px}.auth-stat{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;flex:1 1;padding:14px 18px;text-align:center}.auth-stat-val{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.03em}.auth-stat-lbl{color:#fff9;font-size:11px;font-weight:500;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.auth-testimonial{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;border-radius:var(--auth-r);padding:20px}.auth-testimonial p{color:#ffffffd9;font-size:14px;font-style:italic;line-height:1.6;margin:0 0 14px}.auth-testimonial-author{align-items:center;display:flex;gap:10px}.auth-testimonial-av{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.auth-testimonial-name{color:#fff;font-size:13px;font-weight:700}.auth-testimonial-role{color:#ffffff8c;font-size:11px;margin-top:1px}.auth-right{align-items:center;background:#faf9ff;background:var(--auth-bg);display:flex;justify-content:center;padding:40px 32px}.auth-card{background:#fff;background:var(--auth-surface);border:1px solid #e4e1f0;border:1px solid var(--auth-border);border-radius:20px;border-radius:var(--auth-r-lg);box-shadow:0 8px 40px #00000014,0 1px 3px #0000000a;max-width:440px;padding:40px;width:100%}.auth-mobile-brand{align-items:center;color:#7c3aed;color:var(--auth-p);display:none;font-size:18px;font-weight:800;gap:8px;justify-content:center;margin-bottom:28px}.auth-banner{align-items:flex-start;animation:auth-slide-in .18s ease;animation:auth-slide-in var(--auth-transition);border-radius:14px;border-radius:var(--auth-r);display:flex;font-size:13.5px;font-weight:500;gap:10px;line-height:1.5;margin-bottom:20px;padding:13px 16px}.auth-banner-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;color:var(--auth-error)}.auth-banner-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;color:var(--auth-success)}.auth-banner-warning{background:#fffbeb;border:1px solid #fde68a;color:#d97706;color:var(--auth-warn)}.auth-banner-icon{flex-shrink:0;font-size:15px;font-weight:700;margin-top:1px}.auth-banner span:nth-child(2){flex:1 1}.auth-banner-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--auth-font);font-size:18px;line-height:1;opacity:.6;padding:0;transition:opacity .18s ease;transition:opacity var(--auth-transition)}.auth-banner-close:hover{opacity:1}@keyframes auth-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.auth-tabs{background:#f4f2fb;border-radius:10px;display:flex;gap:2px;margin-bottom:28px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:7px;color:#7c7a8a;color:var(--auth-ink3);cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--auth-font);font-size:14px;font-weight:600;padding:9px 12px;transition:background .18s ease,color .18s ease,box-shadow .18s ease;transition:background var(--auth-transition),color var(--auth-transition),box-shadow var(--auth-transition)}.auth-tab.active{background:#fff;background:var(--auth-surface);box-shadow:0 1px 4px #0000001a;color:#7c3aed;color:var(--auth-p)}.auth-heading{color:#0f0e17;color:var(--auth-ink);font-size:22px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px}.auth-subheading{color:#7c7a8a;color:var(--auth-ink3);font-size:14px;line-height:1.6;margin:0 0 28px}.auth-form{gap:0}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px;margin-bottom:18px}.auth-label{color:#3d3a50;color:var(--auth-ink2);font-size:13px;font-weight:600;letter-spacing:.01em}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{align-items:center;color:#7c7a8a;color:var(--auth-ink3);display:flex;left:14px;pointer-events:none;position:absolute}.auth-input{-webkit-appearance:none;background:#fff;background:var(--auth-surface);border:1.5px solid #e4e1f0;border:1.5px solid var(--auth-border);border-radius:14px;border-radius:var(--auth-r);color:#0f0e17;color:var(--auth-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--auth-font);font-size:14.5px;outline:none;padding:12px 14px 12px 42px;transition:border-color .18s ease,box-shadow .18s ease;transition:border-color var(--auth-transition),box-shadow var(--auth-transition);width:100%}.auth-input::placeholder{color:#bbb}.auth-input:hover{border-color:#c4b5fd}.auth-input:focus{border-color:#7c3aed;border-color:var(--auth-p);box-shadow:0 0 0 3px #7c3aed1f}.auth-field.has-error .auth-input{border-color:#dc2626;border-color:var(--auth-error);box-shadow:0 0 0 3px #dc262614}.auth-field-err{align-items:center;color:#dc2626;color:var(--auth-error);display:flex;font-size:12px;font-weight:500;gap:4px}.auth-field-err:before{content:"⚠ ";font-size:11px}.auth-eye-btn{align-items:center;background:none;border:none;border-radius:6px;color:#7c7a8a;color:var(--auth-ink3);cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;transition:color .18s ease;transition:color var(--auth-transition)}.auth-eye-btn:hover{color:#7c3aed;color:var(--auth-p)}.auth-pw-strength{align-items:center;display:flex;gap:8px;margin-top:6px}.auth-pw-bars{display:flex;flex:1 1;gap:4px}.auth-pw-bar{border-radius:100px;flex:1 1;height:4px;transition:background .25s}.auth-pw-label{font-size:11px;font-weight:700;min-width:42px;text-align:right}.auth-row-space{justify-content:flex-end;margin-top:-8px}.auth-cta,.auth-row-space{display:flex;margin-bottom:20px}.auth-cta{align-items:center;background:linear-gradient(135deg,#7c3aed,#9333ea);background:linear-gradient(135deg,var(--auth-p),#9333ea);border:none;border-radius:14px;border-radius:var(--auth-r);box-shadow:0 4px 16px #7c3aed4d;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--auth-font);font-size:15px;font-weight:700;gap:8px;justify-content:center;letter-spacing:-.01em;padding:13px 20px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;transition:transform var(--auth-transition),box-shadow var(--auth-transition),opacity var(--auth-transition);width:100%}.auth-cta:hover:not(:disabled){box-shadow:0 8px 24px #7c3aed66;transform:translateY(-2px)}.auth-cta:active:not(:disabled){box-shadow:0 2px 8px #7c3aed40;transform:translateY(0)}.auth-cta:disabled{cursor:not-allowed;opacity:.65;transform:none}.auth-spinner{animation:auth-spin .9s linear infinite;flex-shrink:0}@keyframes auth-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-divider{margin-bottom:20px;position:relative;text-align:center}.auth-divider:before{background:#e4e1f0;background:var(--auth-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#fff;background:var(--auth-surface);color:#7c7a8a;color:var(--auth-ink3);font-size:12px;font-weight:600;letter-spacing:.05em;padding:0 12px;position:relative;text-transform:uppercase}.auth-link-btn{background:none;border:none;color:#7c3aed;color:var(--auth-p);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--auth-font);font-size:14px;font-weight:500;padding:0;text-decoration:none;transition:color .18s ease,-webkit-text-decoration .18s ease;transition:color .18s ease,text-decoration .18s ease;transition:color .18s ease,text-decoration .18s ease,-webkit-text-decoration .18s ease;transition:color var(--auth-transition),-webkit-text-decoration var(--auth-transition);transition:color var(--auth-transition),text-decoration var(--auth-transition);transition:color var(--auth-transition),text-decoration var(--auth-transition),-webkit-text-decoration var(--auth-transition)}.auth-link-btn:hover{color:#6d28d9;color:var(--auth-p-dark);text-decoration:underline}.auth-link-bold{font-weight:700}.auth-switch{font-size:14px;margin:0;text-align:center}.auth-back-btn,.auth-switch{color:#7c7a8a;color:var(--auth-ink3)}.auth-back-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--auth-font);font-size:13px;font-weight:600;gap:4px;margin-bottom:20px;padding:0;transition:color .18s ease;transition:color var(--auth-transition)}.auth-back-btn:hover{color:#7c3aed;color:var(--auth-p)}.auth-legal{color:#7c7a8a;color:var(--auth-ink3);font-size:12px;line-height:1.6;margin-top:20px;text-align:center}.auth-legal-link{color:#7c3aed;color:var(--auth-p);font-weight:500;text-decoration:none}.auth-legal-link:hover{text-decoration:underline}.auth-legal-btn{background:none;border:none;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--auth-font);font-size:inherit;padding:0}.logout-btn{background:#ef4444;color:#fff}.logout-btn:hover{background:#dc2626}.user-email{background:#f3f4f6;border-radius:10px;color:#374151;font-size:14px;font-weight:600;padding:8px 14px}@media (max-width:960px){.auth-shell{grid-template-columns:1fr}.auth-left{display:none}.auth-right{align-items:flex-start;min-height:100vh;padding:48px 20px 24px}.auth-mobile-brand{display:flex}.auth-card{background:#0000;border:none;box-shadow:none;max-width:400px;padding:0}}@media (max-width:480px){.auth-right{padding:24px 16px}.auth-heading{font-size:20px}.auth-card{padding:0}.auth-cta{font-size:14px;padding:12px 16px}}@media (min-width:961px) and (max-width:1100px){.auth-left{padding:48px 32px}.auth-stats{gap:10px}.auth-stat{padding:10px 12px}.auth-testimonial{display:none}}.terms-overlay{align-items:center;animation:terms-fade-in .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f0e17a6;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes terms-fade-in{0%{opacity:0}to{opacity:1}}.terms-modal{animation:terms-slide-up .22s ease;background:#fff;border-radius:20px;box-shadow:0 32px 80px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}@keyframes terms-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.terms-header{align-items:center;border-bottom:1px solid #e4e1f0;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:18px 24px}.terms-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.terms-brand{color:#7c3aed;font-size:15px;font-weight:800;white-space:nowrap}.terms-tabs{background:#f4f2fb;border-radius:8px;display:flex;gap:2px;padding:3px}.terms-tab{background:#0000;border:none;border-radius:6px;color:#7c7a8a;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:7px 16px;transition:background .15s,color .15s,box-shadow .15s;white-space:nowrap}.terms-tab.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#7c3aed}.terms-close{align-items:center;background:#fff;border:1.5px solid #e4e1f0;border-radius:50%;color:#7c7a8a;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:36px}.terms-close:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.terms-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.terms-nav{background:#faf9ff;border-right:1px solid #e4e1f0;flex-shrink:0;overflow-y:auto;padding:20px 12px;width:220px}.terms-nav::-webkit-scrollbar{width:4px}.terms-nav::-webkit-scrollbar-track{background:#0000}.terms-nav::-webkit-scrollbar-thumb{background:#d1c9f0;border-radius:4px}.terms-nav-label{color:#bbb;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;padding:0 8px;text-transform:uppercase}.terms-nav-item{background:none;border:none;border-radius:8px;color:#6b6880;cursor:pointer;display:block;font-family:Inter,sans-serif;font-size:12px;font-weight:500;line-height:1.4;margin-bottom:2px;padding:8px 10px;text-align:left;transition:background .12s,color .12s;width:100%}.terms-nav-item.active,.terms-nav-item:hover{background:#ede9fe;color:#7c3aed}.terms-nav-item.active{font-weight:700}.terms-content{flex:1 1;overflow-y:auto;padding:32px 40px;scroll-behavior:smooth}.terms-content::-webkit-scrollbar{width:5px}.terms-content::-webkit-scrollbar-track{background:#0000}.terms-content::-webkit-scrollbar-thumb{background:#d1c9f0;border-radius:4px}.terms-doc-header{border-bottom:1px solid #e4e1f0;margin-bottom:36px;padding-bottom:28px}.terms-doc-title{color:#0f0e17;font-size:26px;font-weight:900;letter-spacing:-.04em;margin:0 0 8px}.terms-doc-meta{align-items:center;color:#9c9aaa;display:flex;font-size:12px;gap:8px;margin:0 0 14px}.terms-doc-intro{background:#f5f3ff;border-left:3px solid #7c3aed;border-radius:0 10px 10px 0;color:#4a4760;font-size:14.5px;line-height:1.7;margin:0;padding:14px 16px}.terms-section{margin-bottom:32px;scroll-margin-top:20px}.terms-section-title{color:#0f0e17;font-size:15px;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}.terms-section-body{color:#4a4760;font-size:14px;line-height:1.8;margin:0}.terms-footer-note{background:#f8f7ff;border:1px solid #e4e1f0;border-radius:12px;color:#6b6880;font-size:13.5px;margin-top:20px;padding:16px 20px}.terms-footer-note p{margin:0}.terms-link{color:#7c3aed;font-weight:600;text-decoration:none}.terms-link:hover{text-decoration:underline}.terms-footer{align-items:center;background:#faf9ff;border-top:1px solid #e4e1f0;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:14px 24px}.terms-footer-meta{color:#bbb;font-size:12px}.terms-accept-btn{background:linear-gradient(135deg,#7c3aed,#9333ea);border:none;border-radius:10px;box-shadow:0 3px 12px #7c3aed4d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:700;padding:9px 24px;transition:transform .15s,box-shadow .15s}.terms-accept-btn:hover{box-shadow:0 5px 16px #7c3aed66;transform:translateY(-1px)}@media (max-width:700px){.terms-overlay{align-items:flex-end;padding:0}.terms-modal{border-radius:20px 20px 0 0;max-height:92vh;max-width:100%}.terms-nav{display:none}.terms-content{padding:24px 20px}.terms-doc-title{font-size:20px}.terms-header{flex-wrap:wrap}.terms-tabs{order:3;width:100%}.terms-footer{align-items:stretch;flex-direction:column;gap:10px}.terms-accept-btn,.terms-footer-meta{text-align:center}}@media (min-width:701px) and (max-width:900px){.terms-nav{width:180px}.terms-content{padding:24px 28px}}
/*# sourceMappingURL=main.6f53d942.css.map*/