/* A Christmas picture book: warm paper, painted characters and soft shapes. */
:root{--cream:#fff7e7;--ink:#364932;--muted:#76715e;--red:#bd3f35;--green:#426341;--line:#eadfc9;--pale:#f4ead5;--gold:#d5a549}body{font-family:Nunito,'Trebuchet MS',sans-serif;background-color:var(--cream);background-image:radial-gradient(#c5a97d13 .7px,transparent .7px);background-size:5px 5px;font-size:15px}.christmas-ribbon{background:#a93830;color:#fff2d7;text-align:center;padding:7px 15px;font-size:11px;font-weight:700;letter-spacing:1.1px;position:relative;z-index:2}.christmas-ribbon:after{content:'';height:7px;position:absolute;bottom:-6px;left:0;right:0;background:radial-gradient(circle at 7px 0,#a93830 7px,transparent 7.5px) 0 0/14px 7px repeat-x}.fairy-lights{height:22px;display:flex;justify-content:space-around;position:absolute;top:36px;left:0;right:0;pointer-events:none;z-index:1;overflow:hidden;border-top:1px solid #536443;transform:rotate(-.4deg)}.fairy-lights i{height:12px;width:7px;background:#e3ab46;border-radius:2px 2px 50% 50%;box-shadow:0 0 9px #e9b54a70;position:relative;margin-top:6px}.fairy-lights i:before{content:'';height:6px;width:1px;background:#536443;position:absolute;top:-6px;left:3px}.fairy-lights i:nth-child(3n){background:#be4c3c;box-shadow:0 0 8px #be4c3c44;margin-top:2px}.fairy-lights i:nth-child(3n+1){background:#6b8e60;box-shadow:0 0 8px #6b8e6044;margin-top:9px}.site-header{height:110px;border:0;max-width:1320px;padding:12px 54px 0}.brand{font-family:Bree,Georgia,serif;font-weight:400;font-size:32px;letter-spacing:-1px;gap:7px;color:#a93830}.brand-santa{object-fit:contain;width:42px;height:55px}.brand-dot{color:#d7a644}.small-brand{font-size:23px}.button{border-radius:100px;padding:14px 25px;font-family:Nunito,sans-serif;font-weight:800;font-size:14px;box-shadow:0 4px 0 #91362c;transition:background .15s,transform .15s,box-shadow .15s}.button:hover{background:#ad302c;transform:translateY(-2px);box-shadow:0 6px 0 #91362c}.button:active{transform:translateY(2px);box-shadow:0 1px 0 #91362c}.button.small{border-radius:50px;padding:10px 18px;font-size:12px}.outline{background:#fff9ed;border:1px solid #d8c9aa;box-shadow:0 3px 0 #e7dbc1}.outline:hover{background:#f8eed9;box-shadow:0 5px 0 #e7dbc1}.green{background:#4e7147;box-shadow:0 4px 0 #304c30}.green:hover{box-shadow:0 6px 0 #304c30}.button:disabled{box-shadow:none}.hero{max-width:1400px;grid-template-columns:.85fr 1.3fr;padding:32px 40px 26px 66px;gap:0;min-height:580px}.hero-copy{position:relative;z-index:1;padding-bottom:10px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#9c613d;font-weight:800}.eyebrow:before{display:none}h1,h2,h3{font-family:Bree,Georgia,serif;font-weight:400;letter-spacing:-.5px}h1{font-size:clamp(56px,5.7vw,83px);line-height:1.07;letter-spacing:-2px;color:#355337;margin:23px 0}h1 em{font-style:normal;color:var(--red);position:relative}h1 em:after{content:'';position:absolute;bottom:2px;left:4px;right:0;height:3px;background:#e8bb5e80;border-radius:100%;transform:rotate(-2deg)}p.lead{font-size:15px;max-width:360px;line-height:1.9;font-weight:500;color:#756e5a;margin-bottom:28px}.hero-sub{font-size:11px;color:#81745f;margin-top:21px}.hero-art{align-self:stretch;display:flex;align-items:center;position:relative;margin-right:-25px;margin-left:-35px}.hero-art>img{width:100%;height:100%;object-fit:cover;max-height:550px;border-radius:46% 43% 37% 42% / 40% 36% 42% 39%;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 58% 59% at 50% 50%,#000 64%,transparent 90%)}.art-note{background:#fff9e7;right:32px;bottom:18px;border:1px dashed #d8b780;border-radius:12px;transform:rotate(-6deg);box-shadow:0 7px 15px #7655260a;padding:12px 19px;font-family:Nunito,sans-serif}.art-note strong{font-size:13px}.art-note small{font-size:11px}.art-note span{color:#b33a30}.hero-star{position:absolute;color:#c2913e;font-size:47px;pointer-events:none}.star-one{top:20px;left:42px;transform:rotate(-12deg)}.star-two{right:16px;bottom:87px;font-size:56px}.benefits{max-width:1160px;border:0;border-radius:25px;background:#f1e7cf;padding:19px 27px;gap:28px;position:relative;font-size:12px;color:#71634d}.benefits b{color:var(--red);font-size:20px}.how{max-width:1130px;margin-top:61px;padding-bottom:57px}.section-heading .eyebrow{color:#a54f36}h2{font-size:36px;color:#3b5739}.section-heading>p{font-size:14px}.steps{gap:26px;margin-top:55px}.step{border:0;border-radius:25px 30px 23px 34px;background:#f6e7d1;box-shadow:0 8px 0 #eee0c7;padding:28px 28px 25px;position:relative}.step:nth-child(1){transform:rotate(-1.3deg);background:#f2e8d0}.step:nth-child(2){transform:rotate(1deg);background:#e9ecda;box-shadow:0 8px 0 #dce4cb}.step:nth-child(3){transform:rotate(-1deg);background:#f5e1d5;box-shadow:0 8px 0 #ecd5c5}.step-top{height:65px;margin-bottom:20px;align-items:flex-start}.step-character{height:125px;width:100px;object-fit:contain;position:relative;top:-63px;left:-3px;filter:drop-shadow(0 4px 2px #78542d0c)}.step:nth-child(2) .step-character{transform:rotate(-5deg)}.step-number{background:#fff7e6b3;height:30px;width:30px;display:grid;place-items:center;border-radius:50%;color:#9c7b52;font-size:11px;letter-spacing:0}.step h3{font-size:25px;margin-bottom:12px;color:#415436}.step p{font-size:13px;color:#77674f;line-height:1.8}.family-strip{max-width:1130px;border-radius:28px;background:#e9eddc;padding:28px 35px;gap:22px;min-height:150px;position:relative;overflow:visible;margin-bottom:60px;border:1px dashed #acbd92}.family-characters{display:flex;flex-shrink:0;align-self:flex-end;margin:-35px 0 -28px;width:168px;height:154px;position:relative}.family-characters img{height:160px;width:91px;object-fit:contain;position:relative}.family-characters img+img{left:-15px;transform:rotate(6deg)}.family-strip h3{font-size:28px;color:#3f5f3c;margin-bottom:7px}.family-strip p{font-size:13px;color:#71805f;max-width:630px}.family-strip .tag{background:#d6e1c7;color:#4b663e}.tag{border-radius:50px;background:#e6ebd7;color:#567346;font-size:11px;font-weight:800;padding:7px 13px}.family-strip .tag{font-size:10px;letter-spacing:0}footer{border-top:1px dashed #d4bea0;padding:25px 54px 30px;max-width:1320px;font-size:11px}.footer-note{color:#9d7354}.workspace{max-width:1160px;margin:20px auto 65px}.festive-banner{height:166px;position:relative;display:flex;align-items:center;padding:25px 40px;border-radius:28px;background:#f4e7cc;overflow:hidden;margin-bottom:26px;isolation:isolate}.festive-banner:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f2e6cd 26%,#f2e6cd00 72%)}.festive-banner>img{position:absolute;right:0;top:0;height:100%;width:66%;object-fit:cover;object-position:center 53%;z-index:-2;mix-blend-mode:multiply}.festive-banner>div>span{display:block;font:400 38px Bree,Georgia,serif;color:#ae3b31;transform:rotate(-2deg);margin-bottom:6px}.festive-banner small{font-size:13px;color:#896b45;font-weight:700}.banner-star{position:absolute;left:43%;top:25px;font-size:32px;color:#b59550;transform:rotate(12deg)}.breadcrumb{margin-bottom:20px;color:#99856a;font-size:11px}.breadcrumb a{text-decoration:none}.page-heading{margin-bottom:25px}.page-heading h1{color:var(--red);font-size:42px;letter-spacing:-1px;margin:5px 0 9px}.page-heading .eyebrow{color:#7d9160}.page-heading p{font-size:14px;color:#867759}.tabs{border:0;background:#f2e9d5;border-radius:50px;display:inline-flex;gap:5px;padding:5px;margin-bottom:26px;max-width:100%}.tab{border:0;border-radius:50px;padding:10px 22px;color:#887254;font-size:12px;font-weight:800}.tab.active{background:#fff9ec;box-shadow:0 2px 5px #6b482815;color:#a23d31}.dashboard-grid{grid-template-columns:1fr 320px;gap:26px}.panel{border:0;border-radius:25px;background:#fffdf5;box-shadow:0 5px 0 #e6d9bb55,0 2px 18px #95713b06;padding:28px;margin-bottom:24px}.panel h2{font-size:28px;color:#4e6541;margin-bottom:12px}.panel h3{color:#9e4d33;font-size:25px}.panel p{font-size:13px;color:#8b7a5d}.panel-heading{margin-bottom:25px}.panel-heading h2{margin:0}.person-row{border-top:1px dashed #e9dfc8;padding:14px 0;gap:17px;min-height:92px}.person-row:first-of-type{border-top:0}.person-info strong{font-size:16px;color:#4d5b3b;font-weight:800}.person-info small{font-size:11px;color:#928369}.avatar{background:#f3ebd9;border-radius:40% 47% 39% 46%;width:64px;height:68px;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center}.avatar img{width:82%;height:115%;object-fit:contain;position:relative;top:-4px}.person-row:nth-child(3n) .avatar{background:#e8eddb;transform:rotate(3deg)}.person-row:nth-child(3n+1) .avatar{background:#f7e5d7;transform:rotate(-3deg)}.icon-button{border-radius:50%;border:1px solid #e8dcc5;background:#fff9ec;color:#a98e6a;min-width:30px;min-height:30px;padding:3px 8px}.icon-button:hover{background:#f5e7d0;color:#a33e31}.empty{padding:25px 15px 32px}.empty-character{height:135px;width:105px;object-fit:contain;display:block;margin:0 auto 17px;filter:drop-shadow(0 4px 0 #f3e9d8)}.empty h3{font-size:28px}.empty p{font-size:13px;max-width:330px;line-height:1.8}.notice{background:#eaf0dd;border:1px dashed #becb9d;border-radius:17px;padding:17px 20px;font-size:12px;color:#708057;line-height:1.8;margin:18px 0}.notice strong{font-weight:800;color:#52643e;margin-bottom:4px}.notice.red{background:#f9e9db;border-color:#e7ba9b;color:#a0684a}.notice.red strong{color:#a64d38}.rule{font-size:12px;border-bottom:1px dashed #dac9a8;padding:14px 0;gap:12px}.rule strong{text-align:right;color:#6a6046}.rule span{color:#9d8664}.dashboard-grid>aside>.panel{background:#f4e8cb;border:1px dashed #dac092;transform:rotate(1deg);position:relative;overflow:hidden}.dashboard-grid>aside>.panel:after{content:'✧';position:absolute;right:20px;top:10px;color:#c0a46d;font-size:27px}.dashboard-grid>aside .eyebrow{font-size:9px;color:#9c7048;margin-bottom:9px}.dashboard-grid>aside h3{font-size:26px;color:#94683f}.privacy-foot{font-size:11px;color:#a08b6b}.field input,.field select,.field textarea{border:1px solid #e0d3b9;border-radius:12px;background:#fffcf3;padding:12px 15px;font-size:14px;font-weight:500}.field label,.field-label{color:#766344;font-weight:800;font-size:12px}.field small{color:#9a896c;font-size:11px}.field{margin:20px 0}.checkbox{color:#867356;line-height:1.7}.checkbox input{accent-color:var(--red)}dialog{border:0;border-radius:26px;background:#fff9ec;padding:32px;box-shadow:0 20px 100px #4b2d2250;overflow-x:hidden}dialog:before{content:'';height:7px;position:absolute;left:0;right:0;top:0;background:repeating-linear-gradient(45deg,#b33e34 0 12px,#fff5dd 12px 24px,#557447 24px 36px,#fff5dd 36px 48px)}dialog::backdrop{background:#3c452d66;backdrop-filter:blur(4px)}dialog h2{font-size:30px;color:#ac4333}dialog>div>p{color:#8d7959;font-size:13px}.close{color:#ab9272;background:#f3ead6;border-radius:50%;width:31px;height:31px;font-size:22px;line-height:1}.secure-link{border:1px dashed #b3c195;background:#edf0dd;border-radius:16px;padding:20px;font-size:13px}.secure-link input{border-radius:9px;border:1px solid #d5ddc1;background:#fffdf3;padding:12px}.text-button{font-weight:700;font-size:12px}.avatar-picker-preview{position:relative;height:108px;float:right;margin:15px 0 -22px 15px;display:grid;place-items:center}.avatar-picker-preview .avatar{width:85px;height:90px}.avatar-picker-preview+.field{padding-right:105px;min-height:108px}.saved-draws{background:#fffdf3;border:1px dashed #d9c39d;border-radius:24px;padding:25px 30px;max-width:1130px}.saved-draws h3{font-size:26px;color:#9e4d33}.saved-draws p{font-size:12px}.saved-item{border-top:1px dashed #e4d4b6}.saved-item a{font-weight:700;color:#6e6b46}.link-row{border-top:1px dashed #e7d9bc;padding:17px 0;gap:17px}.link-row strong{font-size:16px;font-weight:800}.link-row small{font-size:11px;color:#9a8667}.link-row .avatar{width:52px;height:64px}.participant-hero{background:#e7edda;border:1px dashed #aeba91;border-radius:27px;padding:34px;min-height:185px;overflow:visible;color:#455f3d}.participant-hero h2{color:#a73d30;font-size:40px;margin:8px 0}.participant-hero p{color:#7d865e;font-size:13px}.participant-hero:after{color:#c1cfaa;right:30px;top:18px;font-size:105px;transform:rotate(13deg)}.participant-hero .eyebrow{color:#8b9a67;font-size:10px}.participant-hero .avatar{height:128px;width:110px;background:#f9edcf;flex-shrink:0;margin-right:5px}.participant-hero .avatar img{height:133%;width:115%;top:-15px;max-width:none}.wish-row{border-top:1px dashed #e7d8bb;padding:20px 0}.wish-icon{border-radius:12px;background:#faead3;color:#ad4a34;height:46px;width:46px;font-size:26px}.wish-content strong{font-size:15px;font-weight:800;color:#64603e}.wish-content p{font-size:13px;color:#998367}.wish-content a{font-weight:800;font-size:12px}.price{font-size:12px;background:#edf0dc;padding:3px 9px;border-radius:50px}.helper-select{background:#f4ead4;border-radius:15px;padding:13px 18px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.helper-select label{color:#856c48;font-size:12px;font-weight:800}.helper-select select{border-radius:20px;padding:8px 14px;background:#fffaf0;border:1px solid #decba9;font-size:13px;color:#637348;margin:0}#toast{border-radius:50px;background:#587148;box-shadow:0 4px 0 #3f5633;color:#fff8df;font-weight:700}.form-actions{margin-top:27px}.full{white-space:normal}#app{min-height:60vh}.loading{font-family:Bree,serif;color:#a94d35;font-size:25px}
@media(min-width:1450px){.hero{padding-top:35px;padding-bottom:35px}.hero-art>img{max-height:590px}.hero{min-height:630px}.how{margin-top:65px}}
@media(max-width:1000px){.site-header{padding:12px 30px 0}.hero{padding:25px 28px 32px;grid-template-columns:1fr 1.1fr;min-height:500px}h1{font-size:62px}.hero-art{margin-left:-25px;margin-right:-10px}.hero-art>img{object-fit:cover;height:460px;max-height:100%}.hero-star{font-size:32px}.star-one{left:17px;top:30px}.art-note{right:0;bottom:13px;padding:10px 15px}.benefits{margin:0 28px;gap:15px;font-size:11px}.how,.family-strip,.saved-draws{margin-left:28px;margin-right:28px}.steps{gap:20px}.step{padding:25px 23px}.step h3{font-size:23px}.family-strip{padding:24px;gap:10px}.family-characters{width:140px}.family-characters img{width:80px}.dashboard-grid{grid-template-columns:1fr 285px;gap:23px}.panel{padding:24px}.tabs .tab{padding:10px 18px}.page-heading h1{font-size:38px}.festive-banner>div>span{font-size:33px}}
@media(max-width:650px){.christmas-ribbon{font-size:9px;letter-spacing:.8px;padding:6px}.fairy-lights{top:31px;height:17px}.fairy-lights i{height:8px;width:5px}.site-header{height:94px;padding:12px 20px 0}.brand{font-size:28px}.brand-santa{width:33px;height:45px}.site-header .button{font-size:11px;padding:9px 13px}.hero{padding:24px 24px 10px;grid-template-columns:1fr;min-height:0;gap:0}.hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center;padding:0}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:61px;letter-spacing:-1.5px;margin:18px 0 20px}.hero p.lead{font-size:14px;max-width:360px;margin-bottom:25px;line-height:1.8}.hero .button{padding:13px 22px;font-size:13px}.hero-sub{font-size:10px;margin-top:20px}.hero-art{width:calc(100% + 32px);max-width:none;margin:0 -16px;height:auto;min-height:295px;display:block}.hero-art>img{height:auto;width:100%;max-height:none;aspect-ratio:1.35;object-fit:cover;mask-image:radial-gradient(ellipse 62% 60% at 50% 50%,#000 60%,transparent 87%);border-radius:0}.art-note{right:10px;bottom:8px;transform:rotate(-4deg);padding:8px 13px}.art-note strong{font-size:11px}.art-note small{font-size:9px}.art-note span{font-size:21px}.hero-star{font-size:27px}.star-one{left:8px;top:35px}.star-two{right:10px;bottom:66px;font-size:40px}.benefits{margin:20px 20px 0;padding:17px 14px;gap:8px 15px;border-radius:20px;justify-content:center}.benefits span{font-size:10px;gap:6px}.benefits b{font-size:16px}.how{margin:40px 24px 0;padding-bottom:38px}.section-heading h2{font-size:32px;line-height:1.2}.section-heading>p{font-size:12px}.section-heading .eyebrow{font-size:9px}.steps{grid-template-columns:1fr;gap:27px;margin-top:38px}.step{padding:24px 24px 24px 125px;min-height:168px;border-radius:23px;transform:none!important}.step-top{position:absolute;left:16px;top:22px;width:90px;height:128px;margin:0}.step-character{position:absolute;left:0;top:0;width:90px;height:130px}.step-number{position:absolute;right:3px;top:-7px;z-index:1;width:24px;height:24px;font-size:9px}.step h3{font-size:25px;margin:0 0 8px}.step p{font-size:12px;line-height:1.8}.family-strip{margin:0 24px 40px;padding:28px 23px 28px 110px;min-height:180px;border-radius:25px;gap:0;align-items:center}.family-characters{position:absolute;left:-5px;bottom:14px;margin:0;width:115px;height:155px}.family-characters img{width:82px;height:130px;position:absolute;left:5px;top:10px}.family-characters img+img{left:35px;top:25px;height:145px;transform:rotate(5deg)}.family-strip h3{font-size:25px;line-height:1.2}.family-strip p{font-size:12px;line-height:1.8}.small-brand{font-size:21px}footer{padding:22px 24px}.workspace{padding:0 17px;margin-top:8px}.festive-banner{height:125px;padding:23px 22px;border-radius:22px;margin-bottom:23px}.festive-banner>img{width:77%;object-position:48% 55%}.festive-banner>div>span{font-size:28px}.festive-banner small{font-size:10px;max-width:150px;display:block}.festive-banner:before{background:linear-gradient(90deg,#f2e6cd 20%,#f2e6cd00 90%)}.banner-star{display:none}.breadcrumb{font-size:10px;margin-bottom:15px}.page-heading{gap:12px;flex-wrap:wrap;margin-bottom:19px}.page-heading h1{font-size:36px;line-height:1.18}.page-heading p{font-size:12px}.page-heading .eyebrow{font-size:8px}.page-heading>.tag{font-size:9px;padding:5px 10px}.tabs{display:flex;width:100%;gap:0;justify-content:space-between;padding:4px;border-radius:24px;margin-bottom:21px}.tabs .tab{font-size:11px;padding:10px 13px}.dashboard-grid{grid-template-columns:1fr;gap:0}.dashboard-grid>aside{order:0;margin-top:13px}.dashboard-grid>aside .panel{padding:23px;transform:rotate(.7deg)}.dashboard-grid>aside .notice{display:block}.panel{padding:23px 20px;border-radius:22px;margin-bottom:22px}.panel h2{font-size:25px}.panel-heading{gap:12px;margin-bottom:18px}.panel-heading .button{font-size:10px;padding:9px 13px;white-space:nowrap}.person-row{padding:14px 0;gap:15px;min-height:92px}.avatar{width:57px;height:64px}.person-info strong{font-size:15px}.person-info small{font-size:10px}.person-row .icon-button{min-width:27px;padding:1px 7px}.notice{font-size:11px;padding:15px 18px}.rule{font-size:12px}.participant-hero{padding:28px 19px;min-height:165px;gap:15px;border-radius:24px;overflow:hidden}.participant-hero .avatar{width:86px;height:110px;margin-right:0}.participant-hero .avatar img{height:129%;width:112%;top:-11px}.participant-hero h2{font-size:32px}.participant-hero p{font-size:11px}.participant-hero .eyebrow{font-size:8px;max-width:190px}.participant-hero:after{font-size:80px;right:16px;top:15px}.link-row{gap:12px;flex-wrap:wrap}.link-row .avatar{width:43px;height:58px}.link-row strong{font-size:15px}.link-row small{font-size:10px}.link-row .button{font-size:10px;padding:9px 12px}.wish-content strong{font-size:14px}.wish-icon{width:35px;height:40px;font-size:23px}.wish-row{gap:11px}.wish-content p{font-size:12px}.price{font-size:10px;padding:3px 7px}.saved-draws{margin:27px 24px 0;padding:23px}.saved-draws h3{font-size:25px}dialog{padding:29px 23px;border-radius:24px}dialog h2{font-size:27px}.form-actions .button{font-size:12px;padding:12px 19px}.field-pair{gap:12px}.helper-select{gap:8px;padding:13px 16px}.avatar-picker-preview+.field{padding-right:100px}}
/* The family sits together as illustrated cards, including larger gatherings. */
.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.people-grid>.empty{grid-column:1/-1}.people-grid .person-row{border:1px dashed #e2d1b0;border-radius:23px;padding:18px 12px 12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;min-width:0;background:#fbf2de;position:relative;min-height:193px}.people-grid .person-row:nth-child(3n+2){background:#edf0df;border-color:#d4ddbc;transform:rotate(1deg)}.people-grid .person-row:nth-child(3n){background:#faeade;border-color:#efd0b9;transform:rotate(-1deg)}.people-grid .person-row .avatar{width:85px;height:93px;background:transparent;transform:none;margin:0 auto 4px}.people-grid .person-row .avatar img{height:125%;width:100%;top:-4px}.people-grid .person-info{flex:auto;width:100%;text-align:center;overflow-wrap:anywhere}.people-grid .person-info strong{font-size:15px;line-height:1.3;margin-bottom:3px}.people-grid .person-info small{font-size:10px;line-height:1.5;display:block}.people-grid .person-row .icon-button{min-width:25px;min-height:25px;font-size:12px;padding:2px 7px;border-color:#dac8a6;background:#fffaf0aa}.people-grid .person-row>.icon-button:first-of-type{margin-left:calc(50% - 28px)}.people-grid .person-row>.icon-button:last-of-type{margin-right:calc(50% - 28px)}
@media(max-width:1000px) and (min-width:651px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.people-grid .person-row{padding:16px 8px 11px;min-height:190px;border-radius:20px}.people-grid .person-row .avatar{width:77px;height:86px}.people-grid .person-info strong{font-size:14px}.people-grid .person-info small{font-size:9px}}
.person-actions{display:flex;flex:0 0 100%;gap:7px;justify-content:center;margin-top:3px}.people-grid .person-row{align-content:start;gap:7px}.people-grid .person-info{min-height:43px}.people-grid .person-actions .icon-button{margin:0}
.invitation-panel{background:#edf0df;border:1px dashed #bcc8a0}.invite-actions{display:flex;gap:14px;flex-wrap:wrap}.invitation-panel .invite-note{margin:18px 0 0;font-size:12px}.waiting-person{display:flex;align-items:center;gap:24px}.waiting-person .avatar{width:90px;height:110px;flex-shrink:0}.waiting-person p{margin-bottom:0}.secure-link label{font-size:13px;font-weight:800}.secure-link input{display:block}
@media(max-width:650px){.invite-actions{gap:12px}.invite-actions .button{width:100%}.waiting-person{gap:16px;align-items:flex-start}.waiting-person .avatar{width:65px;height:90px}.waiting-person h2{font-size:24px}}