@font-face{font-family:system-rounded;src:local("Aptos"),local("Segoe UI")}
:root{--bg:#f7f8f4;--paper:#fff;--ink:#263e37;--muted:#68776e;--green:#244f46;--line:#e5e9e2;--coral:#bc6047;--sage:#edf3eb;--radius:20px;font-family:system-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #bc6047;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}button{border:0}html{scroll-behavior:smooth;scroll-padding-top:24px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:16px;padding:14px;background:var(--green);color:white;z-index:20}.skip-link:focus{top:10px}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:32px 20px 20px;background:#fcfcf9}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:36px;letter-spacing:-2px;padding:0 12px}.brand-dot{color:var(--coral)}.workspace-label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin:53px 14px 16px}.sidebar nav{display:grid;gap:7px}.nav-link{display:flex;gap:12px;align-items:center;padding:13px 15px;font-size:14px;border-radius:10px;color:var(--muted)}.nav-link>span:first-child{font-size:21px;line-height:1;width:22px;text-align:center}.nav-link:hover{background:#f0f3ec}.nav-link.active{background:#eaf0e7;color:var(--green);font-weight:650}.small-dot{width:6px;height:6px;background:#c68460;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.privacy-mini{border:1px solid var(--line);border-radius:14px;padding:18px 15px;background:#f5f6ef}.shield{display:block;font-size:29px;color:var(--green);margin-bottom:12px}.privacy-mini strong{font-size:12px}.privacy-mini p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0 14px}.text-button{background:transparent;font-size:12px;padding:0;font-weight:650;line-height:1.6;text-align:left;min-height:30px}.text-button:hover{text-decoration:underline}.text-button span{padding-left:7px}.workspace-profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.workspace-profile strong,.workspace-profile div>span{display:block;font-size:11px}.workspace-profile div>span{margin-top:4px;color:var(--muted)}.local-dot{background:#638e69;border:3px solid #e4eee2;width:11px;height:11px;border-radius:50%;margin-left:auto}.avatar{display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:24px;background:#e6ebdf;width:54px;height:54px}.avatar.tiny{font-size:17px;width:34px;height:34px}main{min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 40px;background:#fbfcf9}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb>span{margin:0 15px;color:#a5ada4}.breadcrumb strong{font-weight:500;color:var(--ink)}.topbar-right{display:flex;align-items:center;gap:16px}.pill{display:flex;align-items:center;gap:7px;font-size:11px;border:1px solid var(--line);background:white;border-radius:30px;padding:8px 11px}.status-dot{height:6px;width:6px;border-radius:50%;background:#939b8c}.pill[data-state=live] .status-dot{background:#53835e}.pill[data-state=error] .status-dot{background:#bc6047}.icon-button{width:36px;height:36px;flex-shrink:0;display:inline-grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:10px;font-size:19px}.icon-button:hover{background:var(--sage)}.page-content{max-width:1500px;margin:auto;padding:32px 40px 20px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:var(--muted);line-height:1.5}h1{font-size:clamp(28px,2.6vw,38px);font-weight:600;letter-spacing:-1.2px;line-height:1.25;margin:8px 0}.welcome>div>p:last-child{font-size:13px;line-height:1.6;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dbe2d8;background:white;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:600;white-space:nowrap;min-height:40px}.button:hover{background:var(--sage)}.button.compact{padding:7px 12px}.hero{position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background:#eaf0e4;border-radius:var(--radius);min-height:245px;padding:29px 35px;border:1px solid #e0e8d9}.hero-copy{z-index:1}.hero-kicker{font-size:9px;letter-spacing:1.6px;font-weight:700;display:flex;gap:8px;align-items:center}.hero-kicker>span{background:#728769;width:5px;height:5px;border-radius:50%}.hero h2{font-family:Georgia,"Times New Roman",serif;font-size:36px;font-weight:400;letter-spacing:-1.3px;line-height:1.13;margin:14px 0 12px}.hero p{font-size:12px;line-height:1.8;color:#5e7060}.hero-link{display:inline-flex;gap:20px;font-weight:650;font-size:12px;margin-top:18px;border-bottom:1px solid #8a9b7d;padding-bottom:5px}.hero-art{position:relative;width:315px;height:220px;flex-shrink:0;margin-right:10px}.orbit{position:absolute;border:1px solid #cfdbc8;border-radius:50%;height:330px;width:330px;left:25px;top:-55px}.orbit-two{width:400px;height:400px;left:-10px;top:-90px}.art-card{position:absolute;width:170px;height:145px;border-radius:13px;box-shadow:0 7px 18px #36502d0a}.card-back{top:16px;left:17px;background:#f5f4e8;transform:rotate(-12deg);padding:20px}.card-back>span{font-size:9px;font-weight:700;letter-spacing:1px;color:#77836b}.art-lines{height:7px;width:90px;background:#dce1ce;border-radius:3px;margin-top:17px}.art-lines.short{width:60px;margin-top:10px}.card-front{top:60px;left:117px;background:#fffdf7;transform:rotate(9deg);padding:17px;text-align:center}.art-heart{position:absolute;font-size:28px;top:-17px;right:14px;border-radius:50%;background:#eebfa8;width:39px;height:39px;display:grid;place-items:center}.card-front strong{display:block;font:18px Georgia,serif;margin-top:16px}.art-avatars{display:flex;justify-content:center;margin-top:20px}.art-avatars i{width:30px;height:30px;border-radius:50%;font-size:12px;font-style:normal;display:grid;place-items:center;background:#d6dfcd;border:2px solid #fffdf7;margin-left:-5px}.art-avatars i:nth-child(2){background:#f0cdb7}.art-avatars i:nth-child(3){background:#dcd5e5}.art-avatars i:nth-child(4){background:#ede0aa}.art-star{position:absolute;right:12px;top:5px;font-size:49px;color:#82986c;transform:rotate(15deg)}.art-flower{position:absolute;left:17px;bottom:0;font-size:69px;color:#ce8c6c;line-height:1}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:22px 0}.stat-card{border:1px solid var(--line);background:white;border-radius:14px;display:flex;gap:14px;align-items:center;padding:19px}.stat-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;font-size:23px}.sage{background:#edf2e9;color:#56734d}.peach{background:#faeee7;color:#a86f4e}.lavender{background:#f1eef7;color:#83729c}.stat-label{font-size:11px;color:var(--muted)}.stat-card strong{font-size:24px;font-weight:550;margin-right:8px;line-height:1.6}.stat-description{font-size:10px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 18px;gap:10px}h2{font-size:19px;font-weight:600;letter-spacing:-.4px}.panel-heading h2{margin-top:4px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px 12px}.calendar-toolbar h3{font-size:12px;font-weight:600}.calendar-arrows{display:flex;gap:6px}.calendar-arrows .icon-button{width:30px;height:30px;font-size:15px}.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:0 24px 18px}.day-button{border-radius:11px;background:transparent;padding:9px 0 7px;display:flex;align-items:center;flex-direction:column;gap:6px;border:1px solid transparent}.day-button>span{font-size:10px;color:var(--muted)}.day-button>strong{font-size:17px;font-weight:500}.day-button>i{width:4px;height:4px;background:transparent;border-radius:50%}.day-button.is-today>i{background:var(--coral)}.day-button[aria-pressed=true]{background:var(--green);color:white}.day-button[aria-pressed=true]>span{color:#dce9db}.day-button[aria-pressed=true]>i{background:#efc1a8}.day-button:hover{border-color:#8ca084}.data-notice{margin:0 24px 15px;background:#f8f1e9;border:1px solid #f0e3d2;border-radius:8px;padding:10px 12px;font-size:11px;color:#82603c;line-height:1.6}.data-notice[data-state=live]{background:#eff5ed;border-color:#e0ebdb;color:#506d49}.day-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 24px 15px}.day-heading h3{font-size:12px;font-weight:600}.legend{display:flex;gap:12px;font-size:9px;color:var(--muted)}.legend>span{display:flex;align-items:center;gap:5px}.legend i{height:6px;width:6px;border-radius:50%}.legend-shared{background:#83a28a}.legend-busy{background:#c7c9c2}.agenda-events{padding:0 24px 16px;min-height:198px}.event-row{display:grid;grid-template-columns:55px minmax(0,1fr);gap:10px;margin-bottom:12px}.event-time{font-size:11px;padding-top:15px;color:var(--muted);font-variant-numeric:tabular-nums}.event-card{background:#eef3ea;border:1px solid #e2eadd;border-left:3px solid #93a888;border-radius:9px;padding:12px 14px}.event-card h4{font-size:12px;font-weight:600;margin:0 0 6px;overflow-wrap:anywhere}.event-card p{font-size:10px;color:#687563;line-height:1.6}.event-card.busy{background:repeating-linear-gradient(135deg,#f7f7f4,#f7f7f4 6px,#f2f3ee 6px,#f2f3ee 7px);border-color:#e7e8e2;border-left-color:#bec4b7}.event-card.busy h4{color:#697364}.event-empty{text-align:center;border:1px dashed #d9e0d3;border-radius:12px;padding:26px 12px;color:var(--muted);font-size:12px;line-height:1.8}.event-empty strong{display:block;color:var(--ink);font-weight:500;font-size:16px;margin-bottom:6px}.agenda-footer{border-top:1px solid var(--line);padding:14px 24px;font-size:10px;line-height:1.7;color:var(--muted)}.agenda-footer>span:first-child{font-size:15px;margin-right:5px}.agenda-footer>span:last-child{display:block;font-size:9px;margin-top:2px}.chat-panel{display:flex;flex-direction:column}.chat-panel .panel-heading{padding:23px 20px 18px}.chat-identity{display:flex;align-items:center;gap:10px}.niles-avatar{width:36px;height:36px;display:grid;place-items:center;background:var(--green);color:#e7eddc;border-radius:11px;font-size:28px;flex-shrink:0}.chat-identity h2{font-size:15px;margin-top:0}.chat-identity p{font-size:10px;color:var(--muted);margin-top:5px}.beta-badge{font-size:8px;letter-spacing:1px;border:1px solid var(--line);border-radius:5px;padding:4px 5px;color:var(--muted)}.chat-context{padding:10px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbf7;color:var(--muted);font-size:10px}.chat-context>span{margin-right:5px}.chat-messages{padding:22px 20px;min-height:240px;max-height:360px;overflow-y:auto;overscroll-behavior:contain;flex:1}.message{max-width:95%;border-radius:0 13px 13px 13px;background:#f1f4ec;padding:15px;margin-bottom:15px;overflow-wrap:anywhere}.message-author{font-size:8px;font-weight:700;letter-spacing:1.4px;color:#648060}.message p{font-size:12px;line-height:1.8;margin-top:7px;white-space:pre-wrap}.message-meta{display:block;font-size:9px;color:var(--muted);line-height:1.6;margin-top:10px}.message.user{background:var(--green);color:#fff;margin-left:auto;border-radius:13px 0 13px 13px}.message.user .message-author{color:#d5e1c8}.message.error{background:#fcf2e8;border:1px solid #ebd7c3}.chat-controls{padding:0 20px 17px}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}.suggestions button{background:white;border:1px solid var(--line);border-radius:20px;font-size:10px;padding:9px 11px;color:#5d7158}.suggestions button:hover{background:var(--sage)}.suggestions button span{margin-left:7px}.message-input{display:flex;align-items:flex-end;gap:9px;padding:8px;border:1px solid #dfe5d8;border-radius:12px;background:#fdfefa}.message-input:focus-within{border-color:#79976d}.message-input textarea{background:transparent;border:0;resize:vertical;min-height:35px;max-height:120px;padding:9px 5px;font-size:12px;line-height:1.5;flex:1;min-width:0;color:var(--ink)}.message-input textarea::placeholder{color:#7b8475}.message-input button{width:35px;height:35px;border-radius:9px;background:var(--green);color:#fff;font-size:22px;flex-shrink:0}.chat-status{font-size:9px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.6}.family-section{margin-top:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.section-heading h2{margin-top:5px}.sample-label{font-size:8px;letter-spacing:1px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:6px 8px}.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.member-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px 18px;display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center}.member-card .avatar{grid-row:1/3;width:46px;height:46px;font-size:21px}.member-card h3{font-size:12px;font-weight:600}.member-card p{font-size:10px;color:var(--muted);margin-top:5px}.member-sage{background:#e5ecdf;color:#4b6740}.member-peach{background:#f5e2d6;color:#986342}.member-lavender{background:#ebe4f1;color:#816892}.member-yellow{background:#f4edcf;color:#8c7940}.member-permission{grid-column:1/-1;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:17px;border-top:1px solid var(--line);padding-top:12px}.member-permission i{width:5px;height:5px;border-radius:50%;background:#9aa78d}.permissions-banner{display:flex;align-items:center;gap:16px;border:1px solid #e1e6da;background:#f0f3e9;padding:19px 22px;margin-top:24px;border-radius:13px}.permissions-icon{font-size:30px;color:#697d5a}.permissions-banner strong{font-size:12px;font-weight:600}.permissions-banner p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:4px}.permissions-banner button{margin-left:auto;flex-shrink:0}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);margin-top:24px;font-size:9px;line-height:1.6}.page-footer>span:first-child{font-size:17px;font-weight:650;letter-spacing:-.7px}.page-footer>span:first-child>span{font-size:9px;letter-spacing:0;font-weight:400;margin-left:12px}.offline-banner{padding:13px 16px;margin-bottom:20px;border:1px solid #e5c9a8;background:#fff1df;color:#805529;border-radius:10px;font-size:12px;line-height:1.7}dialog{max-width:520px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:20px;padding:26px;color:var(--ink);box-shadow:0 20px 100px #152f3040}dialog::backdrop{background:#1c332c66;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}dialog h2{font:28px Georgia,serif;margin-bottom:18px}dialog p,dialog li{font-size:13px;line-height:1.8;color:var(--muted)}dialog ul{padding-left:20px}dialog li{margin:10px 0}dialog code{font-size:11px;overflow-wrap:anywhere}.dialog-note{background:var(--sage);padding:13px;border-radius:9px}.noscript{position:fixed;bottom:0;left:0;right:0;background:#fff0d9;color:#693f17;padding:20px;z-index:30;text-align:center}
@media(min-width:1600px){.page-content{padding-top:40px}.hero{min-height:280px}.hero h2{font-size:43px}.hero-art{margin-right:80px}.stat-card{padding:24px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}
@media(max-width:1190px){.app-shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:28px 12px 18px}.page-content{padding:27px 25px 20px}.topbar{padding:0 25px}.hero{padding:27px}.hero-art{width:260px;margin-right:-15px;transform:scale(.88);transform-origin:center}.stat-card{padding:15px;gap:10px}.stat-description{display:block}.stat-card strong{line-height:1.4}.member-card{display:flex;flex-direction:column;text-align:center;padding:18px 12px}.member-card h3{margin-top:12px}.member-permission{justify-content:center;width:100%}.chat-identity h2{font-size:13px}.panel-heading,.calendar-toolbar{padding-left:19px;padding-right:19px}.week-days,.agenda-events{padding-left:19px;padding-right:19px}.data-notice{margin-left:19px;margin-right:19px}.day-heading{padding-left:19px;padding-right:19px}.legend{gap:6px}}
@media(max-width:960px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:27px 10px}.brand{padding:0;justify-content:center}.brand>span,.workspace-label,.sidebar-bottom{display:none}.sidebar nav{margin-top:35px;gap:12px}.nav-link{font-size:0;padding:14px;justify-content:center}.nav-link>span:first-child{font-size:24px;flex-shrink:0}.nav-link .small-dot{display:none}.hero-art{width:240px;transform:scale(.8)}.hero h2{font-size:32px}.dashboard-grid{gap:17px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.chat-identity{gap:7px}.beta-badge{display:none}.niles-avatar{width:30px;height:30px;font-size:24px}.chat-panel .panel-heading{padding-left:15px;padding-right:15px}.chat-controls,.chat-messages{padding-left:15px;padding-right:15px}.day-heading{flex-wrap:wrap}.permissions-banner{gap:12px;padding:17px}.permissions-banner button{font-size:10px}}
@media(max-width:760px){.dashboard-grid{grid-template-columns:1fr}.hero-art{width:210px;transform:scale(.72);margin-left:-20px;margin-right:-30px}.hero{padding:25px}.hero p{max-width:260px}.desktop-break{display:none}.stats{gap:9px}.stat-card{padding:13px 10px;gap:8px}.stat-icon{width:31px;height:34px;font-size:20px}.stat-label{font-size:10px}.stat-description{font-size:9px}.stat-card strong{font-size:22px}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-card{display:grid;text-align:left;grid-template-columns:46px 1fr;padding:18px}.member-card h3{margin:0}.member-permission{justify-content:flex-start}.chat-messages{max-height:350px;min-height:200px}.chat-identity h2{font-size:15px}.page-content{padding:25px 21px 20px}.topbar{padding:0 21px;height:70px}.welcome .button{font-size:10px;padding:10px}.permissions-banner{flex-wrap:wrap}.permissions-banner>div{flex:1;min-width:180px}.permissions-banner button{margin-left:42px}.hero h2{font-size:31px}.week-days{gap:8px}.event-row{grid-template-columns:62px 1fr}.panel-heading{padding-top:22px}.chat-context{font-size:11px}.chat-status{font-size:10px}}
@media(max-width:540px){.app-shell{display:block}.sidebar{position:relative;z-index:2;width:100%;height:auto;padding:15px 18px 0;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{justify-content:flex-start;font-size:30px;gap:8px}.brand img{width:30px;height:30px}.brand>span{display:block}.sidebar nav{display:flex;justify-content:space-between;margin-top:15px;gap:3px;padding-bottom:9px}.nav-link{font-size:10px;display:flex;gap:5px;padding:10px 7px;white-space:nowrap;border-radius:7px}.nav-link>span:first-child{font-size:16px;width:17px}.topbar{height:56px;padding:0 18px}.topbar-right{gap:9px}.pill{font-size:9px;padding:7px 9px}.breadcrumb{font-size:10px}.breadcrumb>span{margin:0 7px}.topbar .icon-button{width:30px;height:30px}.page-content{padding:25px 17px 18px}.welcome{gap:8px;align-items:flex-start;position:relative;margin-bottom:20px}.welcome .button{position:absolute;top:-10px;right:0;min-height:28px;font-size:9px;padding:6px 8px}.welcome .eyebrow{font-size:8px;letter-spacing:1px;max-width:calc(100% - 100px)}h1{font-size:29px;margin-top:14px}.welcome>div>p:last-child{font-size:11px}.hero{min-height:240px;padding:24px 21px}.hero-copy{max-width:72%}.hero h2{font-size:30px}.hero p{font-size:11px;max-width:225px}.hero-kicker{font-size:7px;letter-spacing:1px}.hero-link{font-size:10px}.hero-art{position:absolute;right:-78px;bottom:-17px;transform:scale(.57);transform-origin:center;opacity:.8}.stats{margin:16px 0;gap:8px}.stat-card{display:block;padding:12px 10px;border-radius:12px}.stat-icon{width:29px;height:29px;font-size:18px;margin-bottom:7px;border-radius:8px}.stat-label{font-size:9px}.stat-card strong{font-size:23px;display:block}.stat-description{line-height:1.5;font-size:9px}.section-heading{align-items:flex-end}.sample-label{font-size:7px;letter-spacing:.5px;max-width:126px;line-height:1.6}.section-heading .eyebrow{font-size:8px;letter-spacing:1px}.member-card{padding:15px 12px;gap:8px;grid-template-columns:36px minmax(0,1fr)}.member-card .avatar{width:35px;height:35px;font-size:18px}.member-card h3{font-size:11px}.member-card p{font-size:9px;line-height:1.5}.member-permission{font-size:9px;margin-top:8px}.permissions-banner p{font-size:10px}.page-footer{align-items:flex-start;gap:10px}.page-footer>span:last-child{max-width:145px;text-align:right}.page-footer>span:first-child>span{display:block;margin-left:0;margin-top:4px}.calendar-toolbar h3{font-size:11px}.data-notice{font-size:10px}.agenda-footer{font-size:9px}.button.compact{font-size:9px;min-height:30px;padding:6px}.topbar:has(#install-button:not([hidden])) .breadcrumb{display:none}}
.demo-shortcut{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.demo-shortcut p{flex:1 1 220px}.demo-shortcut .button{max-width:100%;white-space:normal}
.family-demo{font-size:13px;line-height:1.7}.family-demo>p{margin-bottom:14px}.family-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.family-demo fieldset{min-width:0;border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--paper)}.family-demo legend{font-weight:650;padding:0 5px}.family-demo label{display:flex;align-items:flex-start;gap:10px;padding:10px 0;cursor:pointer}.family-demo input{flex-shrink:0;width:20px;height:20px;margin-top:3px;accent-color:var(--green)}.family-demo .button{margin:12px 0;white-space:normal;text-align:left}.family-demo h3{font-size:13px}.family-demo ul{padding-left:20px;overflow-wrap:anywhere}.family-demo [role=status]{margin-top:16px;padding:12px;background:var(--sage);border-radius:10px}
.calendar-demo label:has(select){flex-direction:column}.calendar-demo select{width:100%;min-width:0;min-height:44px;font:inherit;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:6px}.calendar-demo .button{display:block;width:100%;overflow-wrap:anywhere}.calendar-demo button:disabled,.calendar-demo select:disabled{opacity:.6;cursor:default}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}