.state-view{display:none}.state-view.active{display:block}.fam-guest-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.fam-guest-hero-text{display:flex;flex-direction:column;gap:.875rem;max-width:36rem}.fam-guest-hero-title{font-size:2rem;font-weight:700;line-height:1.15}.fam-guest-hero-sub{font-size:.9375rem;color:hsl(var(--text2));line-height:1.55}.fam-guest-illo{flex-shrink:0;opacity:.85;font-size:5rem;line-height:1;width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,hsl(var(--color1) / .12),hsl(var(--color2) / .1));border:1px solid hsl(var(--color1) / .2);border-radius:50%}.fam-guest-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;margin-bottom:1.5rem}.fam-guest-perk{padding:1.125rem;display:flex;flex-direction:column;gap:.5rem}.fam-guest-perk-icon{width:36px;height:36px;border-radius:.625rem;background:hsl(var(--color1) / .12);display:flex;align-items:center;justify-content:center}.fam-guest-perk-icon svg{color:hsl(var(--color1));width:18px;height:18px}.fam-guest-perk-title{font-family:Rubik,sans-serif;font-weight:600;font-size:.9rem}.fam-guest-perk-desc{font-size:.8rem;color:hsl(var(--text3));line-height:1.4}.fam-guest-pricing{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.5rem 1.75rem;background:linear-gradient(135deg,hsl(var(--color1) / .07),hsl(var(--text) / .025) 60%);border-color:hsl(var(--color1) / .25)}.fam-guest-pricing-left{display:flex;align-items:baseline;gap:6px}.fam-guest-pricing-num{font-family:Rubik,sans-serif;font-size:2.25rem;font-weight:700;color:hsl(var(--color1))}.fam-guest-pricing-per{font-size:.9rem;color:hsl(var(--text3))}.fam-guest-pricing-meta{font-size:.8125rem;color:hsl(var(--text3));margin-top:4px}@media (max-width:680px){.fam-guest-perks{grid-template-columns:1fr}.fam-guest-illo{display:none}}.fam-h{margin-bottom:1.5rem}.fam-h h1{font-size:1.75rem;font-weight:700}.fam-h p{margin-top:5px;font-size:.9375rem;color:hsl(var(--text2))}.fam-summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;background:linear-gradient(135deg,hsl(var(--color1) / .07),hsl(var(--text) / .025) 60%);border-color:hsl(var(--color1) / .2);padding:1.5rem 1.75rem}.fam-summary-left{display:flex;align-items:center;gap:1rem}.fam-summary-emoji{font-size:2.25rem;line-height:1;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:hsl(var(--text) / .05);border:1px solid hsl(var(--text) / .08);border-radius:50%}.fam-summary-title{font-family:Rubik,sans-serif;font-size:1.25rem;font-weight:700}.fam-summary-meta{font-size:.875rem;color:hsl(var(--text2));margin-top:3px}.fam-summary-meta strong{color:hsl(var(--text))}.fam-counter{font-size:.78rem;color:hsl(var(--text3));background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .08);padding:3px 10px;border-radius:99px}.fam-list{display:flex;flex-direction:column;gap:.625rem}.fam-member{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem}.fam-member-owner{border-color:hsl(var(--color1) / .25);background:linear-gradient(135deg,hsl(var(--color1) / .05),hsl(var(--text) / .025))}.fam-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Rubik,sans-serif;font-weight:700;font-size:1rem}.fam-avatar-accent{background:linear-gradient(135deg,hsl(var(--color1) / .25),hsl(var(--color2) / .2));color:hsl(var(--text));border:1px solid hsl(var(--color1) / .3)}.fam-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.fam-info-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fam-name{font-weight:600;font-size:.9375rem}.fam-handle{font-size:.8125rem;color:hsl(var(--text3))}.fam-slot{display:flex;align-items:center;gap:5px;font-size:.8rem;color:hsl(var(--text3))}.fam-slot svg{width:12px;height:12px;flex-shrink:0;opacity:.7}.fam-remove{width:32px;height:32px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:0 0;border:1px solid transparent;color:hsl(var(--text3));cursor:pointer;transition:.15s;flex-shrink:0}.fam-remove:hover{color:hsl(0 70% 65%);background:hsl(0 70% 65% / .08);border-color:hsl(0 70% 65% / .25)}.fam-remove svg{width:15px;height:15px}.fam-empty{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;border:1px dashed hsl(var(--text) / .12);border-radius:2rem;background:hsl(var(--text) / .015);flex-wrap:wrap}.fam-empty-label{flex:1;display:flex;align-items:center;gap:8px;font-size:.9rem;color:hsl(var(--text3))}.fam-empty-label svg{width:16px;height:16px;color:hsl(var(--text3))}.fam-info-block{display:flex;align-items:flex-start;gap:10px;margin-top:2rem;padding:1rem 1.25rem;background:hsl(var(--text) / .025);border:1px solid hsl(var(--text) / .07);border-radius:1rem}.fam-info-block svg{width:16px;height:16px;flex-shrink:0;color:hsl(var(--text3));margin-top:2px}.fam-info-block p{font-size:.875rem;color:hsl(var(--text2));line-height:1.6;text-wrap:pretty}.fam-modal-tabs{display:flex;gap:0;border-bottom:1px solid hsl(var(--text) / .08);margin-bottom:1.125rem}.fam-modal-tab{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:hsl(var(--text3));background:0 0;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:.15s}.fam-modal-tab:hover{color:hsl(var(--text))}.fam-modal-tab.active{color:hsl(var(--color1));border-bottom-color:hsl(var(--color1))}.fam-modal-desc{font-size:.875rem;color:hsl(var(--text2));line-height:1.5;text-wrap:pretty}.fam-modal-content{display:flex;flex-direction:column;gap:.875rem}.fam-nick-wrap{display:flex;align-items:center;background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .1);border-radius:.75rem;padding:0 .875rem;transition:border-color .2s}.fam-nick-wrap:focus-within{border-color:hsl(var(--color1) / .5)}.fam-nick-at{font-weight:700;color:hsl(var(--text3));margin-right:2px}.fam-nick-input{flex:1;background:0 0;border:none;outline:0;color:hsl(var(--text));font-family:inherit;font-size:.9375rem;padding:.7rem 0}.fam-modal-msg{font-size:.875rem;min-height:18px}.fam-modal-submit{width:100%}.fam-modal-submit .knp-text{padding:.7rem 1rem;justify-content:center}.fam-link-row{display:flex;gap:8px;align-items:center}.fam-link-input{flex:1;min-width:0;padding:.625rem .875rem;background:hsl(var(--text) / .04);border:1px solid hsl(var(--text) / .1);border-radius:.75rem;color:hsl(var(--color1));font-family:'Courier New',monospace;font-size:.8rem;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fam-link-input:focus{outline:0}.fam-regen-link{font-size:.8125rem;color:hsl(var(--text3));display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:color .2s;background:0 0;border:none;padding:0}.fam-regen-link:hover{color:hsl(var(--text))}.fam-regen-link svg{width:12px;height:12px}@media (max-width:680px){.fam-summary{padding:1.25rem}.fam-empty-label{width:100%}}