@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color-scheme:light}.startup-fallback,.runtime-error{min-height:100vh;display:grid;place-items:center;background:#f8f6ef;color:#173d38;text-align:center;padding:24px}.startup-fallback{align-content:center;gap:8px}.startup-fallback strong{font:700 32px Georgia,serif}.startup-fallback span{color:#60736e}.runtime-error>div{max-width:560px;background:#fff;border:1px solid #e5e2d9;border-radius:16px;padding:42px;box-shadow:0 18px 50px #173d3817}.runtime-error span{color:#b76b48;font-size:10px;font-weight:700;letter-spacing:2px}.runtime-error h1{font:700 34px Georgia,serif}.runtime-error p{color:#60736e;line-height:1.6}.runtime-error button{border:0;border-radius:8px;padding:12px 18px;background:#d97750;color:#fff;font-weight:700}:root{font-family:DM Sans,sans-serif;color:#263c38;background:#f7f6f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#173d38;color:#fff;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font:700 16px Playfair Display;letter-spacing:2px;margin:0 8px 45px}.brand>span{display:grid;place-items:center;background:#e7a47f;color:#173d38;width:39px;height:39px;border-radius:12px}.brand svg{width:20px}.brand small{display:block;font:600 9px DM Sans;letter-spacing:3px;color:#b8cdc8;margin-top:4px}nav{display:grid;gap:5px}nav button{position:relative;display:flex;align-items:center;gap:12px;border:0;background:none;color:#b8cdc8;padding:12px 14px;border-radius:9px;text-align:left}nav button svg{width:19px}nav button.active{background:#28534d;color:#fff}nav b{position:absolute;right:10px;background:#e9a17c;color:#173d38;border-radius:10px;padding:1px 7px}.safety{margin-top:auto;background:#214943;padding:17px;border-radius:12px}.safety svg{color:#efb08e}.safety strong{display:block;margin:8px 0 5px}.safety p{font-size:12px;line-height:1.55;color:#b8cdc8;margin:0}main{min-width:0}header{height:72px;border-bottom:1px solid #e5e2d9;background:#fff;display:flex;justify-content:flex-end;align-items:center;gap:25px;padding:0 42px}header>div{display:flex;flex-direction:column}header small{font-size:9px;letter-spacing:1.5px;color:#87938f}header strong{font-size:13px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#53a67d;margin-right:4px}.demo,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#b76b48}.demo{background:#f9e8dd;padding:7px 12px;border-radius:20px}.content{padding:38px 42px;max-width:1400px;margin:auto}.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.title p{font-size:10px;letter-spacing:2px;font-weight:700;color:#b76b48;margin:0 0 7px}.title h1{font:700 34px Playfair Display;margin:0;color:#173d38}.primary,.secondary,.danger{border:0;border-radius:8px;padding:11px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:#d97750;color:#fff}.secondary{background:#fff;color:#36564f;border:1px solid #d9ddd7}.danger{background:#bc4f43;color:#fff}.primary svg,.secondary svg{width:17px}.notice{display:flex;gap:13px;align-items:center;background:#eaf4ed;border:1px solid #cde2d3;padding:14px 18px;border-radius:10px;margin-bottom:24px}.notice svg{color:#4c8b68}.notice div{display:flex;flex-direction:column}.notice span{font-size:12px;color:#668077;margin-top:2px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border:1px solid #e8e5dd;border-radius:12px;padding:19px;display:grid;grid-template-columns:1fr auto}.stat>svg{grid-column:2;color:#cb805d;width:21px}.stat span{grid-row:1;align-self:center;font-size:12px;color:#71827d}.stat strong{grid-column:1/3;font:700 28px Playfair Display;margin:12px 0 3px}.stat small{color:#87938f}.section-head{display:flex;justify-content:space-between;align-items:end;margin:35px 0 15px}.section-head h2,.content>h2{font:700 21px Playfair Display;margin:0}.section-head p{font-size:13px;color:#7c8b87;margin:5px 0 0}.section-head button{border:0;background:none;color:#c66f4a;display:flex;align-items:center}.section-head svg{width:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sender-card{border:1px solid #e5e2db;background:#fff;border-radius:11px;padding:18px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;color:inherit}.sender-card>svg{width:17px}.sender-card div:nth-child(2){display:flex;flex-direction:column;min-width:0}.sender-card small,.sender small,.hog-list small,.queue-list small,.history small{font-size:11px;color:#81908c}.sender-card p{font-size:12px;margin:14px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender-card span{font-size:11px;color:#bd6e4b}.avatar,.sender i{flex:none;width:37px;height:37px;display:grid;place-items:center;background:#e8f0ec;color:#2c6258;border-radius:10px;font-style:normal;font-weight:700}.toolbar{display:flex;justify-content:space-between;margin-bottom:16px}.toolbar label{background:#fff;border:1px solid #dcded8;border-radius:8px;padding:8px 12px;display:flex;align-items:center;width:320px}.toolbar svg{width:17px;color:#86948f}.toolbar input{border:0;outline:0;margin-left:8px;width:100%}.toolbar select,.title select,.age select{padding:9px;border:1px solid #dcded8;border-radius:8px;background:#fff;color:#36564f}.table{background:#fff;border:1px solid #e4e3dc;border-radius:11px;overflow:hidden}.tr{width:100%;display:grid;grid-template-columns:2.2fr .7fr .6fr .7fr .7fr 1.2fr 25px;gap:12px;align-items:center;padding:13px 17px;border:0;border-bottom:1px solid #eeece6;background:#fff;color:inherit;text-align:left;font-size:12px}.tr:not(.th):hover{background:#faf8f2}.th{background:#f0efe9;color:#7a8984;text-transform:uppercase;font-size:9px;letter-spacing:1px}.sender{display:flex;align-items:center;gap:10px}.sender span{display:flex;flex-direction:column}.sender b{display:flex;gap:5px}.sender svg{width:14px;color:#52836b}.pills{display:flex;gap:4px;flex-wrap:wrap}.pills em{font-style:normal;background:#f3eee9;padding:3px 6px;border-radius:8px;font-size:9px}.storage-hero{background:#173d38;color:#fff;border-radius:14px;padding:25px 30px;display:flex;align-items:center;gap:17px;margin-bottom:28px}.storage-hero>svg{color:#eda67f}.storage-hero div{display:flex;flex-direction:column;border-right:1px solid #41645f;padding-right:30px}.storage-hero strong{font:700 32px Playfair Display}.storage-hero span,.storage-hero p{font-size:12px;color:#c1d1cc}.storage-hero p{max-width:400px}.hog-list{background:#fff;border:1px solid #e5e2dc;border-radius:10px;margin-top:14px}.hog-list button{width:100%;background:none;border:0;border-bottom:1px solid #eeeae4;padding:17px 20px;display:grid;grid-template-columns:1fr 200px 25px;text-align:left;color:inherit;align-items:center}.hog-list span{display:flex;flex-direction:column}.hog-list div{display:flex;flex-direction:column;align-items:end;gap:6px}.hog-list i{height:5px;background:#d9845e;display:block;border-radius:4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#173d38aa;z-index:5;display:flex;justify-content:flex-end}.drawer{height:100%;width:580px;background:#fbfaf6;padding:35px 40px;overflow:auto;position:relative}.close{position:absolute;right:25px;top:23px;background:#fff;border:1px solid #ddd;border-radius:50%;width:35px;height:35px}.close svg{width:17px}.identity{display:flex;align-items:center;gap:15px}.identity h2{font:700 27px Playfair Display;margin:0}.identity p{margin:3px 0;font-size:13px}.identity span{color:#87938f;font-size:11px}.identity em{margin-left:auto;background:#e5f1e8;color:#44785c;padding:6px 9px;border-radius:12px;font-size:10px;font-style:normal;display:flex;gap:4px}.identity em svg{width:12px}.large{width:52px;height:52px;font-size:20px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e4e2dc;margin:22px 0;border-radius:9px}.mini-stats span{padding:13px;border-right:1px solid #eee;display:flex;flex-direction:column;font-size:9px;color:#82908c}.mini-stats b{font-size:11px;color:#314d47;margin-bottom:3px}.drawer section{margin-top:25px}.drawer h3{font:700 16px Playfair Display}.examples{background:#fff;border:1px solid #e4e2dc;border-radius:9px}.examples>div{display:flex;gap:11px;padding:10px 13px;border-bottom:1px solid #eee}.examples svg{width:16px;color:#bd7b5e}.examples p{display:flex;flex-direction:column;margin:0;font-size:11px}.examples span{color:#81908c;margin-top:3px}.reason{display:flex;gap:11px;background:#edf5ee;padding:13px;border-radius:8px}.reason.warning{background:#fff3df}.reason svg{width:18px;color:#c1843f}.reason p{display:flex;flex-direction:column;margin:0;font-size:11px}.reason span{color:#71817c;margin-top:3px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button{padding:10px;text-align:left;border:1px solid #dfe1db;background:#fff;border-radius:7px;color:#35554e}.actions button.chosen{border:2px solid #d57952;background:#fff7f1}.age{display:block;background:#f5f2ea;padding:12px;margin-top:9px;font-size:12px}.age select{margin-left:8px}.inline-info,.inline-warn{padding:11px;background:#eaf2f5;font-size:11px}.inline-warn{background:#fff0db;display:flex;gap:6px}.inline-warn svg{width:17px;flex:none}.drawer-foot{position:sticky;bottom:-35px;background:#fbfaf6;border-top:1px solid #ddd;margin:30px -40px -35px;padding:17px 40px;display:flex;justify-content:flex-end;gap:8px}.queue-summary{display:grid;grid-template-columns:1.4fr repeat(5,1fr);background:#173d38;color:#fff;border-radius:12px;padding:22px}.queue-summary>strong{font:700 25px Playfair Display}.queue-summary small,.queue-summary span{display:flex;flex-direction:column;font:400 10px DM Sans;color:#c1d1cc}.queue-summary span{border-left:1px solid #42615d;padding-left:17px;justify-content:center}.queue-summary b{font-size:18px;color:#fff}.empty{text-align:center;background:#fff;border:1px dashed #d6d8d2;border-radius:12px;padding:65px 20px;margin-top:20px}.empty svg{color:#d28b69}.empty h2{font:700 20px Playfair Display}.empty p{font-size:12px;color:#7d8c87}.queue-list{background:#fff;margin-top:18px;border:1px solid #e2e1db;border-radius:11px}.queue-list>div:not(.queue-footer){display:grid;grid-template-columns:auto 1fr 1.2fr 130px 30px;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #eee}.queue-list p{display:flex;flex-direction:column;margin:0}.queue-list em{font-style:normal;font-size:12px;color:#b76747}.queue-list button{border:0;background:none}.queue-footer{display:flex;align-items:center;justify-content:space-between;padding:20px}.queue-footer p{display:flex;flex-direction:row;gap:9px;font-size:11px}.queue-footer p span{display:flex;flex-direction:column}.queue-footer svg{width:18px;color:#56866f}.confirm-bg{justify-content:center;align-items:center}.confirm{width:550px;max-height:90vh;overflow:auto;background:#fff;padding:34px;border-radius:15px;text-align:center}.confirm-icon{width:50px;height:50px;border-radius:50%;background:#f8e8df;color:#c66f4a;display:grid;place-items:center;margin:auto}.confirm h2{font:700 27px Playfair Display;margin:8px}.confirm>p:not(.eyebrow){font-size:12px;color:#72837e}.confirm-box{border:1px solid #e0e1dc;border-radius:8px;text-align:left;max-height:200px;overflow:auto}.confirm-box>div{display:flex;justify-content:space-between;padding:11px;border-bottom:1px solid #eee;font-size:11px}.confirm-box span{display:flex;flex-direction:column}.confirm-box small{color:#b76949}.trash-note{display:flex;text-align:left;gap:10px;background:#fff0e9;padding:13px;margin-top:14px;border-radius:8px}.trash-note svg{color:#bf6446}.trash-note p{display:flex;flex-direction:column;margin:0;font-size:11px}.trash-note span{margin-top:3px}.checkbox{display:block;text-align:left;font-size:11px;margin:15px 0}.confirm-buttons{display:flex;justify-content:space-between;margin-top:18px}.history{background:#fff;border:1px solid #e1e0da;border-radius:10px}.hr{display:grid;grid-template-columns:1.4fr 1.2fr 1.5fr .6fr .5fr;padding:13px 17px;border-bottom:1px solid #eee;font-size:11px;align-items:center}.hr.head{background:#efeee8;text-transform:uppercase;font-size:9px;letter-spacing:1px}.hr span:first-child{display:flex;flex-direction:column}.welcome{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f8f6ef}.welcome-card{padding:8vh 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-icon{background:#173d38;color:#efa27d;border-radius:16px;width:58px;height:58px;display:grid;place-items:center}.welcome h1{font:700 clamp(40px,5vw,68px) "Playfair Display";line-height:1;margin:11px 0 20px;color:#173d38;max-width:550px}.lede{font-size:17px;line-height:1.65;max-width:550px;color:#60736e}.lede em{color:#c36e4c;font-style:normal;font-weight:600}.promise{display:flex;gap:13px;background:#e9f2e9;padding:17px;border-radius:10px;max-width:550px;margin:13px 0 25px}.promise svg{color:#4d8869}.promise div{display:flex;flex-direction:column}.promise span{font-size:11px;color:#688078;margin-top:4px;line-height:1.5}.big{width:300px;margin-bottom:9px;padding:14px}.big small{margin-left:auto;opacity:.7}.fine{font-size:10px;color:#8c9994;width:300px;text-align:center}.welcome-art{background:#173d38;position:relative;padding:12vh 9vw;color:#fff;overflow:hidden}.welcome-art:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #39605a;border-radius:50%;right:-200px;top:-100px}.art-title{display:flex;justify-content:space-between;letter-spacing:2px;color:#a9c0ba}.art-title b{color:#efaa88}.fake-mail{height:84px;background:#fff;border-radius:12px;margin-top:14px;display:grid;grid-template-columns:45px 1fr 80px;gap:14px;align-items:center;padding:15px}.fake-mail i{width:40px;height:40px;border-radius:50%;background:#e3ece8}.fake-mail p,.fake-mail span{height:9px;background:#dce4e1;border-radius:5px}.fake-mail p:after{content:"";display:block;height:7px;width:70%;background:#edf0ef;margin-top:12px}.scan-card{position:absolute;right:6vw;bottom:9vh;background:#f8f5ed;color:#173d38;border-radius:13px;padding:18px 24px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;box-shadow:0 18px 50px #071d1966}.scan-card svg{grid-row:1/3;color:#4d8968}.scan-card span{font-size:11px;color:#78908a}@media (max-width:900px){.shell{grid-template-columns:74px 1fr}aside{padding:20px 10px}.brand>div,nav button:not(.active){font-size:0}.brand{margin-left:5px}.safety{display:none}.stats,.cards{grid-template-columns:1fr 1fr}.content{padding:25px 20px}.welcome{grid-template-columns:1fr}.welcome-art{display:none}.tr{grid-template-columns:2fr .7fr .7fr}.tr>*:nth-child(3),.tr>*:nth-child(4),.tr>*:nth-child(6){display:none}.queue-summary{grid-template-columns:1fr 1fr}.queue-summary span{padding:8px}.drawer{width:100%}}.protected-recommendation{display:flex;gap:10px;align-items:flex-start;margin:20px 0 10px;padding:13px;border:1px solid #b9d7c0;border-radius:9px;background:#eaf4ed;color:#285b42}.protected-recommendation p{margin:0}.protected-recommendation span{display:block;margin-top:4px;font-size:12px}.actions button.recommended{border-color:#6fa17c;background:#eff8f1}.actions button.recommended small{float:right;color:#39704c;font-size:9px;text-transform:uppercase}.actions button.caution{color:#765d57;background:#faf8f5}.inline-warn{display:flex;gap:9px}.inline-warn p{margin:4px 0}.inline-warn .checkbox{margin:10px 0 0;font-weight:700}