@font-face{font-family:Inter HQ;src:url(/demos/family-hq/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations"),url(/demos/family-hq/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.hq-app{--ground:#f5f2ec;--paper:#fff;--sunk:#ede8df;--line:#e7e1d6;--line-2:#d6cec0;--edge:#8a8174;--ink:#1e1a16;--ink-press:#3a342d;--ink-2:#4d463e;--ink-3:#686056;--amber:#e9a23b;--amber-deep:#9a6206;--alert:#b3261e;--alert-wash:#fbeae7;--r-chip:8px;--r-ctl:12px;--r-card:18px;--r-sheet:24px;--g:16px;--tabs-h:82px;--status-h:50px;--d-press:var(--dur-1,.12s);--d-ui:var(--dur-2,.2s);--d-data:var(--dur-4,.52s);--ease-out:var(--ease-out-quint,cubic-bezier(.16, 1, .3, 1));--ease-in:var(--ease-in-quint,cubic-bezier(.7, 0, .84, 0));--ease-io:var(--ease-in-out-quint,cubic-bezier(.65, 0, .35, 1));background:var(--ground);width:100%;height:100%;color:var(--ink);font-optical-sizing:auto;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss03";-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:Inter HQ,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:24px;display:flex;position:relative;overflow:clip}.hq-app :where(*){box-sizing:border-box;margin:0;padding:0}.hq-app :where(button,select){font:inherit;color:inherit;cursor:pointer;letter-spacing:inherit;text-align:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.hq-app :where(input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit}.hq-app :where(h1,h2,h3,p){font:inherit}.hq-app :where(h1,h2){text-wrap:balance}.hq-app :where(p,.hq-row-title,.hq-check-title,.hq-ag-title,.hq-next-title,.hq-brief,.hq-row-sub,.hq-check-meta,.hq-ag-sub,.hq-hero-sub,.hq-hint,.hq-next-sub,.hq-next-drive,.hq-line,.t-sub,.hq-toast-text,.hq-chore .t-head){text-wrap:pretty}.hq-app :focus-visible{outline:2px solid var(--ink);outline-offset:2px}.hq-app :focus-visible:where(:not(:-webkit-any(.hq-btn,.hq-chip,.hq-addbar,.hq-seg button,.hq-x,.hq-me,.hq-step-b))){border-radius:8px}.hq-app :focus-visible:where(:not(:is(.hq-btn,.hq-chip,.hq-addbar,.hq-seg button,.hq-x,.hq-me,.hq-step-b))){border-radius:8px}.hq-card :focus-visible{outline-offset:-3px}.hq-card:focus-visible{outline-offset:-3px}.hq-panel-body .hq-radio:focus-visible{outline-offset:-3px}.hq-nights :focus-visible{outline-offset:-3px}.hq-card :focus-visible:where(:not(:-webkit-any(.hq-btn,.hq-chip,.hq-x))){border-radius:inherit}.hq-card :focus-visible:where(:not(:is(.hq-btn,.hq-chip,.hq-x))){border-radius:inherit}.hq-card:focus-visible{border-radius:inherit}.hq-panel-body .hq-radio:focus-visible{border-radius:inherit}.hq-nights :focus-visible{border-radius:inherit}.hq-card .hq-btn:focus-visible{outline-offset:2px}.hq-card .hq-chip:focus-visible{outline-offset:2px}.hq-list>:first-child:focus-visible{border-radius:calc(var(--r-card) - 1px) calc(var(--r-card) - 1px) 4px 4px}.hq-list>:last-child:focus-visible{border-radius:4px 4px calc(var(--r-card) - 1px) calc(var(--r-card) - 1px)}.hq-toast :focus-visible{outline-color:#fff}.hq-app [inert] :focus-visible{outline:none}.hq-icon{flex:none;display:block}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tab,.hq-num{font-variant-numeric:tabular-nums}.p-dad{--pc:#2d6cb0;--pt:#e8eff8;--pi:#1f4f86}.p-nora{--pc:#b8437a;--pt:#f9e9f0;--pi:#8c2d5a}.p-theo{--pc:#177a76;--pt:#e2f1f0;--pi:#0f5450}.p-ada{--pc:#6e52bf;--pt:#eee9f9;--pi:#53379c}.p-finn{--pc:#5e7a14;--pt:#eef2dc;--pi:#46600c}.p-all{--pc:#4d463e;--pt:#ede8df;--pi:#1e1a16}.p-over{--pc:var(--alert);--pt:var(--alert-wash)}.t-display{letter-spacing:-.028em;font-size:34px;font-weight:680;line-height:40px}.t-title1{letter-spacing:-.022em;font-size:28px;font-weight:680;line-height:34px}.t-title2{letter-spacing:-.016em;font-size:21px;font-weight:640;line-height:28px}.t-title3{letter-spacing:-.012em;font-size:18px;font-weight:620;line-height:24px}.t-head{letter-spacing:-.008em;font-size:16px;font-weight:600;line-height:22px}.t-body{letter-spacing:-.006em;font-size:16px;font-weight:400;line-height:24px}.t-call{letter-spacing:-.004em;font-size:15px;font-weight:500;line-height:21px}.t-sub{letter-spacing:-.002em;font-size:14px;font-weight:400;line-height:20px}.t-foot{letter-spacing:0;font-size:13px;font-weight:500;line-height:18px}.t-cap{letter-spacing:.004em;font-size:12px;font-weight:560;line-height:16px}.t-micro{letter-spacing:.01em;font-size:11px;font-weight:600;line-height:14px}.c-2{color:var(--ink-2)}.c-3{color:var(--ink-3)}.c-alert{color:var(--alert)}.hq-who{color:var(--pi);font-weight:600}.hq-status{height:var(--status-h);letter-spacing:-.01em;font-variant-numeric:tabular-nums;z-index:6;background:var(--ground);flex:none;justify-content:space-between;align-items:center;padding:14px 26px 0 34px;font-size:16px;font-weight:600;display:flex;position:relative}.hq-status-glyphs{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='13' viewBox='0 0 75 13' fill='%231E1A16'%3E%3Cpath d='M0 9.5h3v3H0zM5 7h3v5.5H5zM10 4.5h3v8h-3zM15 1.5h3v11h-3zM29 12l2.4-2.9a3.7 3.7 0 0 0-4.8 0zM24.6 6.7a6.8 6.8 0 0 1 8.8 0l1.5-1.8a9.2 9.2 0 0 0-11.8 0zM21.6 3.2a11.4 11.4 0 0 1 14.8 0l.6-.7a12.3 12.3 0 0 0-16 0z'/%3E%3Crect x='48.5' y='.5' width='23' height='12' rx='3.5' stroke='%231E1A16' stroke-opacity='.4' fill='none'/%3E%3Crect x='50' y='2' width='15' height='9' rx='2'/%3E%3Cpath d='M73 4.5v4a2 2 0 0 0 0-4z' fill-opacity='.45'/%3E%3C/svg%3E") no-repeat;width:75px;height:13px}.hq-mark{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 6.2L42 19v23H6V19z' fill='%231E1A16' stroke='%231E1A16' stroke-width='6' stroke-linejoin='round'/%3E%3Crect x='21.4' y='11.4' width='5.2' height='5.2' rx='1.4' fill='%23E9A23B'/%3E%3Cpath d='M19.6 45V34.4a4.4 4.4 0 0 1 8.8 0V45z' fill='%23F5F2EC'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:28px;height:28px}.hq-joiner-u{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100'%3E%3Cpath fill='%230F1419' d='M0 0H36V40A24 24 0 0 0 60 64V81H64V100H60A60 60 0 0 1 0 40Z'/%3E%3Cpath fill='%2334D399' d='M84 0H120V40A60 60 0 0 1 64.8 99.807692V78.6H61.6V63.946607A24 24 0 0 0 84 40Z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:34px;height:28px;display:block}.hq-main{flex:1;min-height:0;position:relative}.hq-stack{position:absolute;top:0;bottom:0;left:0;right:0}.hq-screen{background:var(--ground);transition:transform var(--d-ui) var(--ease-out), opacity var(--d-ui) var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hq-screen.is-right{transform:translate(100%)}.hq-screen.is-under{opacity:0;transition-timing-function:var(--ease-in);transform:translate(-24%)}.hq-screen.is-popping{transition:transform var(--d-ui) var(--ease-in);transform:translate(100%)}.hq-screen.is-fade{opacity:0;transform:translateY(6px)}.hq-screen.is-tabin{transition:transform .16s var(--ease-out), opacity .16s var(--ease-out)}.hq-scroll{--fold:calc(100% - var(--tabs-h) - var(--dock-h,0px));overscroll-behavior:contain;scrollbar-width:none;padding-bottom:calc(var(--tabs-h) + var(--dock-h,0px) + 28px);scroll-padding:64px 0 calc(var(--tabs-h) + var(--dock-h,0px) + 28px);-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--fold) - 16px), transparent var(--fold));-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--fold) - 16px), transparent var(--fold));mask-image:linear-gradient(to bottom, #000 calc(var(--fold) - 16px), transparent var(--fold));position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.hq-scroll::-webkit-scrollbar{display:none}[data-screen=calendar] .hq-scroll{scroll-padding-top:132px}.is-kid .hq-scroll{--fold:100%;padding-bottom:40px;scroll-padding-bottom:24px}.hq-top{height:52px;padding:0 var(--g);align-items:center;gap:10px;display:flex}.hq-top-name{letter-spacing:-.03em;font-size:18px;font-weight:720;line-height:22px}.hq-top-name>span{color:var(--ink-2);letter-spacing:-.01em;margin-left:3px;font-weight:460}.hq-sp{flex:1}.hq-me{width:44px;height:44px;transition:transform var(--d-press) var(--ease-out);border-radius:50%;place-items:center;margin-right:-8px;display:grid}.hq-me:active{transform:scale(.94)}.hq-sample{background:var(--sunk);height:22px;color:var(--ink-2);letter-spacing:.005em;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 8px 0 7px;font-size:11.5px;font-weight:600;line-height:14px;display:inline-flex}.hq-sample:before{content:"";background:var(--edge);border-radius:50%;width:6px;height:6px}.hq-nav{z-index:4;background:var(--ground);border-bottom:1px solid #0000;grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;column-gap:12px;height:52px;padding:0 8px;display:grid;position:sticky;top:0}.is-scrolled .hq-nav{border-bottom-color:var(--line)}.hq-back{white-space:nowrap;border-radius:12px;justify-self:start;align-items:center;gap:2px;min-width:44px;height:44px;padding:0 12px 0 2px;font-size:16px;font-weight:500;display:inline-flex}.hq-back:active{background:var(--sunk)}.hq-nav-title{letter-spacing:-.01em;opacity:0;transition:opacity .16s var(--ease-in), transform .16s var(--ease-in);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:600;overflow:hidden;transform:translateY(4px)}.is-scrolled .hq-nav-title{opacity:1;transition-duration:var(--d-ui);transition-timing-function:var(--ease-out);transform:none}.hq-nav-end{justify-self:end;padding-right:8px}.hq-done-kid{min-width:44px;height:44px;color:var(--pi,var(--ink));transition:transform var(--d-press) var(--ease-out);border-radius:12px;justify-self:start;padding:0 8px;font-size:16px;font-weight:650}.hq-done-kid:active{background:#1e1a1614;transform:scale(.97)}.hq-hero{padding:8px var(--g) 20px}.hq-hero.has-lead{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.hq-hero-sub{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-top:2px;font-size:15px;font-weight:500;line-height:21px}.hq-hero-time{display:none}.hq-hero .t-title1:focus{outline:none}.is-kidview .hq-nav,.is-kidview .hq-hero{background:var(--pt)}.is-kidview .hq-hero{margin-bottom:20px;padding-bottom:22px}.is-kidview .hq-hero .t-title1{color:var(--pi)}.is-kidview .hq-hero-sub{color:var(--ink-2)}.is-kidview.is-scrolled .hq-nav{border-bottom-color:#0000}.hq-sec{padding:0 var(--g);margin-bottom:24px}.hq-sec-head{justify-content:space-between;align-items:center;gap:12px;min-height:28px;padding:0 2px 8px;display:flex}.hq-sec-head h2{letter-spacing:-.012em;align-items:center;gap:6px;font-size:17px;font-weight:640;line-height:22px;display:flex}.hq-sec-head .hq-link{margin:-8px -10px -8px 0}.hq-count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:2px;font-size:15px;font-weight:500}.hq-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}.hq-card.hq-list{isolation:isolate;background:0 0;border:0;padding:1px;position:relative}.hq-card.hq-list:before{content:"";z-index:-1;border:1px solid var(--line);border-radius:inherit;background:var(--paper);transform-origin:50% 0;transform:scaleY(var(--sy,1));transition:transform .24s var(--ease-io);position:absolute;top:0;bottom:0;left:0;right:0}.hq-card.hq-list.is-flip{overflow:visible}.hq-card.hq-list.is-snap:before{transition:none}.hq-pad{padding:16px}.hq-list>*+*{border-top:1px solid var(--line)}.hq-quiet{padding:0 var(--g) 16px;color:var(--ink-3);align-items:center;gap:8px;font-size:13px;font-weight:500;line-height:18px;display:flex}.hq-row{isolation:isolate;text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px 10px 16px;display:grid;position:relative}button.hq-row:active,.hq-row.is-press{background:var(--sunk)}.hq-row-main{min-width:0;display:grid}.hq-row-title{letter-spacing:-.008em;font-size:16px;font-weight:600;line-height:22px}.hq-row-sub{color:var(--ink-2);font-size:14px;line-height:20px}.hq-row-sub .hq-icon{vertical-align:-3px;color:var(--ink-3);margin-right:4px;display:inline-block}.hq-row-end{color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.hq-row-end .hq-amt{color:var(--ink)}.hq-row>.hq-icon.chev{color:var(--edge)}.hq-irow{grid-template-columns:24px 1fr auto;gap:14px}.hq-irow>.hq-icon:first-child{color:var(--ink-2);align-self:start;margin-top:1px}.hq-irow>.hq-icon.c-alert:first-child{color:var(--alert)}.hq-irow[data-fixed]>.hq-icon:first-child{margin-top:.5px}.hq-av{background:var(--pc);color:#fff;letter-spacing:-.01em;border-radius:50%;flex:none;place-items:center;font-weight:640;line-height:1;display:inline-grid}.hq-av.s20{width:20px;height:20px;font-size:11px}.hq-av.s28{width:28px;height:28px;font-size:13px}.hq-av.s36{width:36px;height:36px;font-size:16px}.hq-av.s40{width:40px;height:40px;font-size:17px}.hq-av.is-more{background:var(--sunk);color:var(--ink);letter-spacing:-.02em;font-size:11px;font-weight:700}.hq-avs{vertical-align:middle;display:inline-flex}.hq-avs .hq-av{box-shadow:0 0 0 2px var(--paper)}.hq-avs .s20+.hq-av{margin-left:-3px}.hq-avs .s28+.hq-av{margin-left:-5px}.hq-btn{border-radius:var(--r-ctl);letter-spacing:-.01em;white-space:nowrap;width:100%;height:52px;transition:transform var(--d-press) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex;position:relative}.hq-btn:active{transform:scale(.98)}.hq-btn-primary{background:var(--ink);color:#fff}.hq-btn-primary:active{background:var(--ink-press)}.hq-btn-secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line-2)}.hq-btn-secondary:active{background:var(--sunk)}.hq-btn-person{background:var(--pc);color:#fff}.hq-btn-person:active{background:var(--pi)}.hq-btn-danger{color:var(--alert);width:auto;height:44px;padding:0 14px}.hq-btn-danger:active{background:var(--alert-wash)}.hq-btn-sm{height:44px;padding:0 16px;font-size:15px}.hq-btn[disabled],.hq-btn.is-busy{pointer-events:none}.hq-btn.is-busy{background:var(--ink-press)}.hq-link{min-width:44px;min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px;border-radius:12px;justify-content:center;align-items:center;gap:2px;padding:0 10px;font-size:15px;font-weight:600;text-decoration-thickness:1.5px;display:inline-flex}.hq-link:active{background:var(--sunk)}.hq-btn-row{gap:10px;display:flex}.hq-btn-row>*{flex:1}.hq-btn-row>.hq-btn-danger{flex:none}.hq-btn-row.is-wrap{flex-wrap:wrap}.hq-dots{clip-path:inset(-.6em -1em -.6em .9em);flex-wrap:wrap;min-width:0;margin-left:-.9em;display:flex}.hq-dots>span:first-child{padding-left:.9em}.hq-dots i{text-align:center;width:.9em;font-style:normal;display:inline-block}.hq-actions,.hq-dock,.hq-composer{left:0;right:0;bottom:var(--tabs-h);z-index:3;background:var(--ground);border-top:1px solid var(--line);position:absolute}.hq-actions{padding:12px var(--g);transition:transform var(--d-ui) var(--ease-out), opacity var(--d-ui) var(--ease-out)}.is-kid .hq-actions{opacity:0;pointer-events:none;transition-timing-function:var(--ease-in);transform:translateY(24px)}.hq-dock{padding:10px var(--g)}.hq-addbar{border-radius:var(--r-ctl);background:var(--paper);border:1px solid var(--line-2);text-align:left;white-space:nowrap;width:100%;height:48px;transition:transform var(--d-press) var(--ease-out);align-items:center;gap:10px;padding:0 14px 0 8px;display:flex}.hq-addbar:active{background:var(--sunk);transform:scale(.985)}.hq-addbar-plus{background:var(--ink);color:#fff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.hq-addbar-l{letter-spacing:-.01em;font-size:16px;font-weight:600}.hq-tabs{z-index:5;height:var(--tabs-h);background:var(--ground);border-top:1px solid var(--line);transition:transform var(--d-ui) var(--ease-out);grid-template-columns:repeat(5,1fr);padding:6px 4px 24px;display:grid;position:absolute;bottom:0;left:0;right:0}.is-kid .hq-tabs{transition-timing-function:var(--ease-in);transform:translateY(100%)}.hq-tab{isolation:isolate;min-height:48px;color:var(--ink-3);letter-spacing:.01em;transition:transform var(--d-press) var(--ease-out);border-radius:12px;align-content:center;justify-items:center;gap:3px;font-size:11px;font-weight:600;line-height:14px;display:grid;position:relative}.hq-tab:before{content:"";z-index:-1;background:var(--line);opacity:0;width:56px;height:30px;transition:opacity .16s var(--ease-in), transform .16s var(--ease-in);border-radius:999px;margin-left:-28px;position:absolute;top:1px;left:50%;transform:scale(.6,.8)}.hq-tab:active{transform:scale(.94)}.hq-tab[aria-current=page]{color:var(--ink)}.hq-tab[aria-current=page]:before{opacity:1;transition-duration:var(--d-ui);transition-timing-function:var(--ease-out);transform:none}.hq-seg{background:var(--sunk);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;height:44px;padding:0 2px;display:grid;position:relative}.hq-seg button{z-index:1;text-align:center;min-width:44px;min-height:44px;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:10px;font-size:14px;font-weight:600;position:relative}.hq-seg button[aria-pressed=true]{color:#fff}.hq-seg button:active{opacity:.7}.hq-seg-thumb{width:calc((100% - 4px) / var(--n));background:var(--ink);transition:transform var(--d-ui) var(--ease-io);border-radius:9px;position:absolute;top:3px;bottom:3px;left:2px}.hq-seg-wrap{padding:0 var(--g) 16px}.hq-check{isolation:isolate;text-align:left;width:100%;min-height:56px;transition:opacity .16s var(--ease-in);grid-template-columns:26px 1fr auto;align-items:center;gap:14px;padding:10px 16px;display:grid;position:relative}.hq-check:active{background:var(--sunk)}.hq-box{border:1.5px solid var(--edge);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;display:grid;position:relative}.hq-box:before{content:"";background:var(--pc);opacity:0;transition:transform var(--d-ui) var(--ease-in), opacity var(--d-ui) var(--ease-in);border-radius:8px;position:absolute;top:-1.5px;bottom:-1.5px;left:-1.5px;right:-1.5px;transform:scale(.6)}.hq-box .hq-icon{opacity:0;transition:opacity var(--d-ui) var(--ease-in), transform var(--d-ui) var(--ease-in);position:relative;transform:scale(.7)}.is-on>.hq-box{border-color:#0000}.is-on>.hq-box:before,.is-on>.hq-box .hq-icon{opacity:1;transition-timing-function:var(--ease-out);transform:none}.hq-check-main{min-width:0;display:grid}.hq-check-title{letter-spacing:-.008em;font-size:16px;font-weight:600;line-height:22px}.hq-check-title>span{position:relative}.hq-check-title>span:after{content:"";transform-origin:0;height:1.5px;transition:transform var(--d-ui) var(--ease-in);background:currentColor;margin-top:-.75px;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.hq-check.is-on .hq-check-title{color:var(--ink-3)}.hq-check.is-on .hq-check-title>span:after{transition-timing-function:var(--ease-out);transform:scaleX(1)}.hq-check-meta{color:var(--ink-2);font-size:14px;line-height:20px}.hq-check-end{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:15px;font-weight:600}.hq-check.is-big{grid-template-columns:32px 1fr auto;min-height:68px}.hq-check.is-big .hq-box{border-radius:9px;width:32px;height:32px}.hq-check.is-big .hq-box:before{border-radius:9px}.hq-check.is-big .hq-check-title{font-size:17px}.is-kidview .hq-check.is-big{min-height:76px}.is-kidview .hq-check.is-big .hq-box{border-width:2px;border-radius:10px;width:36px;height:36px}.is-kidview .hq-check.is-big .hq-check-title{font-size:18px;line-height:24px}.hq-check.is-leaving{opacity:0}.is-arriving{animation:hq-arrive var(--d-ui) var(--ease-out) both}@keyframes hq-arrive{0%{opacity:0;transform:translateY(-6px)}}[data-sync]{isolation:isolate;position:relative}[data-sync]:before{content:"";z-index:-1;background:var(--sync);opacity:0;pointer-events:none;animation:.2s cubic-bezier(.16,1,.3,1) both hq-sync-in,.52s cubic-bezier(.65,0,.35,1) forwards hq-sync-out;animation-delay:calc(var(--se,0s) * -1), calc(1.2s - var(--se,0s));position:absolute;top:0;bottom:0;left:0;right:0}@keyframes hq-sync-in{0%{opacity:0}to{opacity:1}}@keyframes hq-sync-out{0%{opacity:1}to{opacity:0}}[data-sync=dad]{--sync:#e8eff8}[data-sync=nora]{--sync:#f9e9f0}[data-sync=theo]{--sync:#e2f1f0}[data-sync=ada]{--sync:#eee9f9}[data-sync=finn]{--sync:#eef2dc}.hq-field{gap:6px;display:grid}.hq-label{color:var(--ink-2);font-size:13px;font-weight:600;line-height:18px}.hq-input{border-radius:var(--r-ctl);border:1.5px solid var(--edge);background:var(--paper);width:100%;height:48px;color:var(--ink);-webkit-appearance:none;appearance:none;padding:0 14px;font-size:16px;line-height:24px}.hq-input:focus{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);outline:none}.hq-input[aria-invalid=true]{border-color:var(--alert)}.hq-input-money{border-radius:var(--r-ctl);border:1.5px solid var(--edge);background:var(--paper);align-items:center;height:48px;padding-left:14px;display:flex}.hq-input-money:focus-within{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.hq-input-money.is-bad{border-color:var(--alert)}.hq-input-money span{color:var(--ink-2);font-size:18px;font-weight:600}.hq-input-money input:focus-visible{outline:none}.hq-input-money input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;min-width:0;height:44px;padding:0 12px 0 4px;font-size:18px;font-weight:600}.hq-err{min-height:0;color:var(--alert);align-items:flex-start;gap:6px;font-size:14px;font-weight:500;line-height:20px;display:flex}.hq-err:empty{display:none}.hq-err .hq-icon{margin-top:1px}.hq-hint{color:var(--ink-3);font-size:13px;font-weight:500;line-height:18px}.hq-chips{flex-wrap:wrap;gap:8px;display:flex}.hq-chips.is-2{grid-template-columns:1fr 1fr;display:grid}.hq-chips.is-2 .hq-chip{justify-content:center}.hq-chip{border:1px solid var(--line-2);background:var(--paper);min-height:44px;transition:transform var(--d-press) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:15px;font-weight:600;display:inline-flex}.hq-chip:active{transform:scale(.97)}.hq-chip.is-text{padding:0 14px}.hq-chip.is-text[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.hq-chip[class*=p-][aria-pressed=true]{background:var(--pt);border-color:var(--pc);color:var(--pi);box-shadow:inset 0 0 0 1px var(--pc)}.hq-switch{background:var(--paper);border:1.5px solid var(--edge);border-radius:999px;flex:none;width:51px;height:31px;position:relative}.hq-switch:after{content:"";background:var(--edge);width:23px;height:23px;transition:transform var(--d-ui) var(--ease-io);border-radius:50%;position:absolute;top:2.5px;left:2.5px}[aria-checked=true]>.hq-switch{background:var(--ink);border-color:var(--ink)}[aria-checked=true]>.hq-switch:after{background:#fff;transform:translate(20px)}.hq-swrow{grid-template-columns:1fr auto;padding:12px 16px}.hq-odo{font-variant-numeric:tabular-nums;display:inline-flex}.hq-odo-in{display:inline-flex}.hq-odo-col{height:1.18em;line-height:1.18em;display:inline-block;overflow:hidden}.hq-odo-strip{transition:transform var(--d-data) var(--ease-out);flex-direction:column;display:flex}.hq-odo-strip>span{text-align:center;height:1.18em;display:block}.hq-odo-x{height:1.18em;line-height:1.18em;display:inline-block}.hq-bar{background:var(--pt);border-radius:3px;height:6px;display:block;overflow:hidden}.hq-bar>i{background:var(--pc);transform-origin:0;height:100%;transition:transform var(--d-data) var(--ease-out);border-radius:3px;display:block}.hq-next{flex-direction:column;min-height:184px;display:flex;position:relative}.hq-next-main{text-align:left;flex:1;width:100%;padding:2px 16px 12px;display:block}.hq-next-main:active{background:var(--sunk)}.hq-next-top{justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 16px 0;display:flex}.hq-next-top>span:first-child{color:var(--amber-deep);font-variant-numeric:tabular-nums;font-size:14px;font-weight:650;line-height:20px}.hq-next-top:has(.hq-next-kid){padding-right:8px}.hq-next-title{letter-spacing:-.016em;font-size:21px;font-weight:650;line-height:28px;display:block}.hq-next-sub{color:var(--ink-2);margin-top:2px;font-size:15px;line-height:21px;display:block}.hq-next-drive{border-top:1px solid var(--line);align-items:flex-start;gap:10px;margin:0 16px;padding:10px 0 12px;font-size:15px;font-weight:500;line-height:21px;display:flex}.hq-next-drive .hq-icon{color:var(--ink-2);margin-top:0}.hq-next-kid{height:44px;color:var(--ink);transition:transform var(--d-press) var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}.hq-next-kid:active{background:var(--sunk);transform:scale(.97)}.hq-next-kid .hq-icon{color:var(--edge);margin-left:-2px}.hq-chart{padding:10px 16px 0;display:block}.hq-plot{margin-left:30px;display:block;position:relative}.hq-axis-t{height:20px;color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;line-height:14px;display:block;position:relative}.hq-axis-t>span{white-space:nowrap;position:absolute;top:0}.hq-axis-t .is-mid,.hq-axis-t .is-now,.hq-axis-t .is-din{transform:translate(-50%)}.hq-axis-t .is-end{transform:translate(-100%)}.hq-axis-t .is-now{color:var(--amber-deep);font-weight:700}.hq-axis-t .is-din{color:var(--ink-2);top:-1px}.hq-grid{position:absolute;top:20px;bottom:6px;left:0;right:0}.hq-grid i{background:var(--line);width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0}.hq-ln{align-items:center;height:28px;display:flex;position:relative}.hq-ln>.hq-av{position:absolute;top:4px;left:-30px}.hq-ln-t{background:var(--sunk);border-radius:6px;flex:1;height:12px;display:block;position:relative}.hq-ln-t i{background:var(--pc);border-radius:6px;position:absolute;top:0;bottom:0}.hq-ln-t i.is-leg{box-shadow:0 0 0 1.5px var(--paper);top:2px;bottom:2px}.hq-ln-t i.is-cook{background:var(--paper);box-shadow:inset 0 0 0 2px var(--pc)}.hq-ln-t i.is-past{opacity:.4}.hq-nowl{background:var(--amber-deep);width:2px;box-shadow:0 0 0 1.5px var(--paper);border-radius:1px;margin-left:-1px;position:absolute;top:16px;bottom:4px}.hq-ribbon .hq-key{color:var(--ink-3);flex-wrap:wrap;gap:4px 16px;padding:9px 0 12px;font-size:12px;font-weight:560;line-height:16px;display:flex}.hq-key span{align-items:center;gap:6px;display:inline-flex}.hq-key i{background:var(--ink-2);border-radius:5px;width:20px;height:10px}.hq-key i.is-leg{border-radius:3px;width:10px;height:6px}.hq-key i.is-cook{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink-2)}.hq-key b{background:var(--amber-deep);border-radius:1px;width:2px;height:14px}.hq-lane{grid-template-columns:1fr 18px;padding:12px 14px 12px 31px}.hq-lane:before{content:"";background:var(--pc);border-radius:2px;width:3px;position:absolute;top:14px;bottom:14px;left:16px}.hq-track{background:var(--sunk);border-radius:4px;height:8px;margin-top:8px;display:block;position:relative}.hq-track i{background:var(--pc);border-radius:4px;position:absolute;top:0;bottom:0}.hq-lines{gap:10px;padding:14px 16px 16px;display:grid}.hq-line{color:var(--ink);grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:15px;line-height:21px;display:grid}.hq-line .hq-icon{color:var(--ink-3);margin-top:.5px}.hq-line.is-priv .hq-icon{color:var(--ink-2)}.hq-done-note{color:var(--ink-2);align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:500;display:flex}.hq-ring{place-items:center;width:48px;height:48px;display:grid;position:relative}.hq-ring svg{position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.hq-ring circle{fill:none;stroke-width:3.5px;stroke-linecap:round;stroke:var(--pc);opacity:0;transition:opacity var(--d-ui) var(--ease-in)}.hq-ring circle.t{stroke:var(--line-2);opacity:1}.hq-ring circle.is-on{opacity:1;transition-timing-function:var(--ease-out)}.is-kidview .hq-ring circle.t{stroke:var(--paper)}.hq-earn{padding:16px}.hq-earn-row{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.hq-earn-of{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.hq-earn-foot{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:10px;font-size:13px;font-weight:500;line-height:18px;display:flex}.hq-allset{background:var(--pt)}.hq-allset .hq-empty{grid-template-columns:32px 1fr;padding:14px 16px}.hq-allset .hq-empty>.hq-icon{background:var(--pc);color:#fff;border-radius:9px;width:32px;height:32px;padding:6px}.hq-compose{align-items:flex-end;gap:8px;display:flex}.hq-compose .hq-field{flex:1;min-width:0}.hq-compose .hq-btn{flex:none;width:auto;height:48px;padding:0 18px}.hq-notice{border-radius:var(--r-ctl);background:var(--paper);border:1px solid var(--line-2);color:var(--ink);animation:hq-arrive var(--d-ui) var(--ease-out) both;text-wrap:pretty;grid-template-columns:20px 1fr;gap:10px;margin-bottom:10px;padding:12px 14px;font-size:14px;line-height:20px;display:grid}.hq-notice .hq-icon{color:var(--ink-2);margin-top:0}.hq-ag{isolation:isolate;text-align:left;grid-template-columns:60px 3px 1fr auto;align-items:stretch;gap:0 12px;width:100%;min-height:56px;padding:10px 14px;display:grid;position:relative}button.hq-ag:active{background:var(--sunk)}.hq-ag-time{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;align-content:start;padding-top:2px;font-size:13px;font-weight:600;line-height:18px;display:grid}.hq-ag-time span+span{color:var(--ink-3);font-weight:500}.hq-ag-time .hq-icon{color:var(--ink-3);margin-top:3px}.hq-ag-bar{border-radius:2px;flex-direction:column;gap:0;display:flex;overflow:hidden}.hq-ag-bar i{background:var(--pc);flex:1}.hq-ag-bar.is-thing i{background:var(--line-2)}.hq-ag-main{align-content:center;min-width:0;display:grid}.hq-ag-title{letter-spacing:-.008em;align-items:flex-start;gap:6px;font-size:16px;font-weight:600;line-height:22px;display:flex}.hq-ag-title .hq-icon{color:var(--ink-3);margin-top:3px}.hq-ag-title .hq-icon.c-alert{color:var(--alert)}.hq-ag-title.c-3{color:var(--ink-3);font-weight:500}.hq-ag-sub{min-width:0;color:var(--ink-2);align-items:flex-start;gap:8px;margin-top:2px;font-size:14px;line-height:20px;display:flex}.hq-ag-end{color:var(--edge);align-self:center}.hq-ag.is-past .hq-ag-title,.hq-ag.is-past .hq-ag-time span{color:var(--ink-3)}.hq-ag.is-past .hq-ag-bar{opacity:.4}.hq-ag.is-past .hq-ag-sub{color:var(--ink-3)}.hq-ag.is-alert{background:var(--alert-wash)}.hq-ag>.hq-link{align-self:center;margin:-8px -6px -8px 0}.hq-now{z-index:1;height:0;color:var(--amber-deep);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:0 14px;font-size:12px;font-weight:650;display:flex;position:relative}.hq-now:before{content:"";background:var(--amber-deep);border-radius:50%;flex:none;width:7px;height:7px;margin-left:66px}.hq-now:after{content:"";background:var(--amber-deep);flex:1;height:1.5px}.hq-now span{background:var(--paper);white-space:nowrap;padding-right:4px;line-height:18px;position:absolute;top:-9px;left:0}.hq-list>.hq-now+*{border-top:0}.hq-strip{z-index:3;background:var(--ground);border-bottom:1px solid #0000;padding:5px 12px 8px;position:sticky;top:-1px}.is-scrolled .hq-strip{border-bottom-color:var(--line)}.hq-strip-days{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.hq-sday{border-radius:14px;justify-items:center;gap:4px;min-height:64px;padding:4px 0 6px;display:grid}.hq-sday:active{background:var(--sunk)}.hq-sday-l{letter-spacing:.01em;color:var(--ink-3);font-size:11px;font-weight:600;line-height:14px}.hq-sday-d{font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;width:34px;height:28px;font-size:16px;font-weight:600;display:grid}.hq-sday.is-today .hq-sday-d{background:var(--amber);color:var(--ink);font-weight:680}.hq-sday.is-past .hq-sday-d{color:var(--ink-3)}.hq-ticks{align-items:center;gap:3px;height:6px;display:flex}.hq-ticks i{background:var(--ink-2);border-radius:50%;width:4px;height:4px}.hq-ticks b{width:6px;height:6px;position:relative}.hq-ticks b:before,.hq-ticks b:after{content:"";background:var(--ink-2);border-radius:1px;width:6px;height:1.5px;position:absolute;top:2.25px;left:0}.hq-ticks b:after{transform:rotate(90deg)}.hq-sday.is-past .hq-ticks i,.hq-sday.is-past .hq-ticks b:before,.hq-sday.is-past .hq-ticks b:after{background:var(--edge)}.hq-sday.is-clash .hq-ticks i,.hq-sday.is-clash .hq-ticks b:before,.hq-sday.is-clash .hq-ticks b:after{background:var(--alert)}.hq-day{padding:0 var(--g);margin-bottom:16px;scroll-margin-top:96px}.hq-day-head{z-index:2;background:var(--ground);letter-spacing:-.008em;align-items:baseline;gap:6px;padding:10px 2px 8px;font-size:15px;font-weight:640;line-height:20px;display:flex;position:sticky;top:76px}.hq-day-head span{color:var(--ink-3);font-weight:500}.hq-brief{padding:0 var(--g) 22px;letter-spacing:-.012em;color:var(--ink-2);font-size:19px;font-weight:450;line-height:27px}.hq-brief b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:660}.hq-clashes .hq-sec-head h2{color:var(--alert)}.hq-clashes .hq-card+.hq-card{margin-top:12px}.hq-clash{border-color:#efc9c3}.hq-clash-h{padding:14px 16px 4px}.hq-cl{isolation:isolate;gap:10px;margin:8px 16px 0;padding:0 0 22px;display:grid;position:relative}.hq-cl-lane{gap:6px;display:grid}.hq-cl-l{color:var(--ink-2);font-size:14px;line-height:20px}.hq-cl .hq-track{margin-top:0}.hq-cl .hq-track .hq-cl-x{background:var(--alert-wash);border-radius:4px;position:absolute;top:-4px;bottom:-4px;box-shadow:inset 0 0 0 1px #e3a39b}.hq-cl-axis{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;font-weight:560;line-height:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.hq-clash .hq-btn-row{padding:14px 16px 16px}.hq-wday{padding:12px 0 8px}.hq-wday+.hq-wday{border-top:1px solid var(--line)}.hq-wday-h{justify-content:space-between;padding:0 16px 4px;font-size:14px;font-weight:640;display:flex}.hq-wrow{grid-template-columns:64px 3px 1fr;align-items:stretch;gap:10px;padding:5px 16px;font-size:14px;line-height:20px;display:grid;position:relative}.hq-wrow .tm{color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:500}.hq-wrow .bar{border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.hq-wrow .bar i{background:var(--pc);flex:1}.hq-wrow .bar.is-thing i{background:var(--line-2)}.hq-wrow .what{align-items:flex-start;gap:6px;min-width:0;display:flex}.hq-wrow .what>.hq-dots{flex:1}.hq-wrow .what .hq-icon{color:var(--ink-3);margin-top:2px}.hq-wrow.c-alert .what .hq-icon{color:var(--alert)}.hq-wrow .what em{color:var(--ink-2);font-style:normal}.hq-wrow.is-dinner .what{color:var(--ink-2)}.hq-skel i{background:var(--sunk);border-radius:7px;height:14px;display:block}.hq-skel .hq-sec.hq-pad{gap:10px;padding-top:0;display:grid}.hq-skel .hq-sec.hq-pad i{height:20px}.hq-skel .hq-card.hq-pad{gap:10px;display:grid}.hq-kid-card .hq-kid-top{grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:16px 16px 12px;display:grid}.hq-kid-card .hq-bar{margin:0 16px 14px}.hq-chore{border-top:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) auto;align-items:start;column-gap:6px;padding:10px 16px 12px 6px;display:grid}.hq-chore-end{padding-left:14px}.hq-chore .t-head{text-wrap:balance;display:block}.hq-chore-main{min-width:0;padding-top:2px}.hq-chore-meta{color:var(--ink-2);font-size:14px;line-height:20px;display:block}.hq-chore-end{font-variant-numeric:tabular-nums;color:var(--ink-2);padding-top:2px;font-size:15px;font-weight:600;line-height:22px}.hq-week7{grid-template-columns:repeat(7,26px);gap:4px;margin-top:8px;display:grid}.hq-week7 span{color:var(--ink-3);justify-items:center;gap:3px;font-size:11px;font-weight:600;line-height:13px;display:grid}.hq-week7 i{border-radius:50%;width:14px;height:14px;display:block}.hq-week7 .is-done i{background:var(--pc)}.hq-week7 .is-missed i{border:1.5px solid var(--pc)}.hq-week7 .is-today i{border:2px solid var(--ink)}.hq-week7 .is-today.is-done i{background:var(--pc);box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--ink);border:0}.hq-week7 .is-later i{border:1.5px solid var(--line-2)}.hq-week7 .is-off i{background:var(--line-2);border-radius:1px;width:6px;height:1.5px;margin:6px 0}.hq-mini{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.hq-mini.is-none .hq-box{border:1.5px dashed var(--line-2)}.hq-mini:active{background:var(--sunk)}.hq-bell{color:var(--ink-3);align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:500;line-height:18px;display:flex}.hq-rot{color:var(--ink-2);text-wrap:pretty;gap:8px;margin-top:-4px;padding:0 16px 14px 56px;font-size:13px;font-weight:500;line-height:18px;display:flex}.hq-rot .hq-icon{color:var(--ink-3);margin-top:1px}.hq-low{grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:0 10px;min-height:60px;padding:8px 4px 8px 16px;display:grid}.hq-low>.hq-icon{color:var(--ink-2);align-self:start;margin-top:3px}.hq-low .hq-link{padding:0 8px}.hq-low .hq-link+.hq-link{margin-left:-8px}.hq-link.is-quiet{color:var(--ink-2);font-weight:500;text-decoration:none}.hq-mb{margin-bottom:12px}.hq-sect-h{color:var(--ink-2);padding:12px 16px 4px;font-size:13px;font-weight:640;line-height:18px}.hq-list>.hq-sect-h{border-top:0}.hq-list>.hq-sect-h:not(:first-child){border-top:1px solid var(--line);margin-top:0}.hq-composer{padding:10px var(--g) 12px}.hq-inline{position:relative}.hq-inline .hq-input{padding-top:16px}.hq-inl{color:var(--ink-3);pointer-events:none;transform-origin:0 0;transition:transform var(--d-ui) var(--ease-in);font-size:16px;line-height:22px;position:absolute;top:13px;left:15.5px}.hq-inline:focus-within .hq-inl,.hq-inline.has-value .hq-inl{transition-timing-function:var(--ease-out);transform:translateY(-8px)scale(.75)}.hq-composer .hq-notice{margin-bottom:10px}.hq-left{padding:16px}.hq-left-top{color:var(--ink-3);justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;font-weight:500;line-height:18px;display:flex}.hq-left-amt{align-items:baseline;gap:8px;margin:6px 0 12px;display:flex}.hq-left .p-all{--pc:var(--ink);--pt:var(--sunk)}.hq-left .p-over{--pc:var(--alert);--pt:var(--alert-wash)}.hq-left .hq-btn{height:44px;margin-top:14px}.hq-oct{padding:14px 16px}.hq-oct p{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-bottom:10px}.hq-oct p>span{color:var(--ink);font-weight:650}.hq-oct .p-all{--pc:var(--ink);--pt:var(--sunk)}.hq-group-h{color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;padding:12px 14px 2px 16px;font-size:13px;font-weight:640;line-height:18px;display:flex}.hq-group-h>span:last-child{margin-right:24px}.hq-group-h.c-alert{color:var(--alert)}.hq-list>.hq-group-h{border-top:0}.hq-list>.hq-group-h:not(:first-child){border-top:1px solid var(--line)}.hq-disclose{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 14px 0 16px;font-size:15px;font-weight:600;display:flex}.hq-disclose:active{background:var(--sunk)}.hq-disclose .hq-icon{color:var(--ink-3);transition:transform var(--d-ui) var(--ease-io)}.hq-disclose[aria-expanded=true] .hq-icon{transform:rotate(180deg)}.hq-addrow .t-call{font-weight:600}.hq-spend{grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px 16px;display:grid;position:relative}.hq-spend-d{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:16px}.hq-spend-d span{color:var(--ink-3);font-weight:500;display:block}.hq-sum{font-variant-numeric:tabular-nums;background:var(--ground);justify-content:space-between;padding:12px 14px 12px 16px;font-size:15px;font-weight:600;display:flex}.hq-list .hq-spend~.hq-sum{padding-right:16px}.hq-member{grid-template-columns:28px 1fr auto;align-items:center;gap:12px;min-height:52px;padding:12px 16px;display:grid}.hq-member .r{color:var(--ink-3);text-align:right;font-size:14px}.hq-built{grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:16px;display:grid}.hq-sheet{z-index:20;visibility:hidden;pointer-events:none;transition:visibility 0s linear .2s;position:absolute;top:0;bottom:0;left:0;right:0}.hq-sheet.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.hq-scrim{opacity:0;transition:opacity var(--d-ui) var(--ease-in);background:#1e1a165c;position:absolute;top:0;bottom:0;left:0;right:0}.hq-sheet.is-open .hq-scrim{opacity:1;transition-timing-function:var(--ease-out)}.hq-panel{background:var(--paper);border-radius:var(--r-sheet) var(--r-sheet) 0 0;max-height:calc(100% - 44px);transition:transform var(--d-ui) var(--ease-in);outline:none;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.hq-sheet.is-open .hq-panel{transition-timing-function:var(--ease-out);transform:none}.hq-panel.is-dragging{transition:none}.hq-sheet-in{flex-direction:column;flex:1;min-height:0;display:flex}.hq-grab{cursor:grab;touch-action:none;flex:none;place-items:center;height:22px;display:grid}.hq-grab:before{content:"";background:var(--line-2);border-radius:3px;width:36px;height:5px}.hq-panel-body{overscroll-behavior:contain;min-height:0;padding:0 var(--g) 20px;scrollbar-width:none;flex:1;scroll-padding:12px 0 16px;overflow-y:auto}.hq-panel-body::-webkit-scrollbar{display:none}.hq-panel-bar{padding:12px var(--g) 28px;border-top:1px solid var(--line);background:var(--paper);flex:none}.hq-sheet-head{touch-action:none;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.hq-sheet-head h2{padding-top:6px}.hq-x{width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;margin:0 -8px 0 0;display:grid}.hq-x:active{background:var(--sunk)}.hq-facts{border-top:1px solid var(--line);margin:12px 0 0}.hq-fact{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr;gap:12px;padding:12px 0;font-size:15px;line-height:21px;display:grid}.hq-fact .hq-icon{color:var(--ink-3)}.hq-fact .k{color:var(--ink-3);margin-bottom:1px;font-size:12px;font-weight:560;line-height:16px;display:block}.hq-fact .hq-seg{margin-top:10px}.hq-stamp{color:var(--ink-3);margin-top:14px;font-size:13px;font-weight:500;line-height:18px}.hq-form{gap:18px;display:grid}.hq-grid14{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.hq-grid14 .wl{text-align:center;color:var(--ink-3);padding-bottom:4px;font-size:11px;font-weight:600;line-height:14px}.hq-gday{font-variant-numeric:tabular-nums;place-items:center;height:48px;font-size:15px;font-weight:600;display:grid}.hq-gday span{width:40px;height:40px;transition:transform var(--d-press) var(--ease-out);border-radius:12px;place-items:center;line-height:1;display:grid;position:relative}.hq-gday.is-today span:after{content:"";background:var(--amber);border-radius:2px;width:12px;height:3px;margin-left:-6px;position:absolute;bottom:6px;left:50%}.hq-gday:active span{background:var(--sunk);transform:scale(.94)}.hq-gday[aria-pressed=true] span{background:var(--ink);color:#fff}.hq-gday[aria-pressed=true]:active span{background:var(--ink-press)}.hq-gday:disabled{color:var(--ink-3);cursor:default;font-weight:450}.hq-step{border-radius:var(--r-ctl);border:1.5px solid var(--edge);background:var(--paper);grid-template-columns:48px 1fr 48px;align-items:center;height:52px;display:grid}.hq-step-b{width:48px;height:49px;color:var(--ink);transition:transform var(--d-press) var(--ease-out);border-radius:10px;place-items:center;display:grid}.hq-step-b:active{background:var(--sunk);transform:scale(.94)}.hq-step-v{font-variant-numeric:tabular-nums;justify-content:center;font-size:17px;font-weight:600;line-height:22px;display:flex}.hq-step-v .hq-dots>span+span{color:var(--ink-3);font-size:15px;font-weight:500}.hq-mail{border:1px solid var(--line);background:var(--paper);border-radius:14px;margin-top:14px;padding:16px;font-size:14px;line-height:20px}.hq-mail-top{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.hq-mail-top .hq-mark{width:24px;height:24px}.hq-mail-top .hq-top-name{font-size:16px}.hq-mail-when{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:500}.hq-mail-t{letter-spacing:-.014em;font-size:19px;font-weight:660;line-height:25px}.hq-mail-s{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:2px}.hq-mail h3{color:var(--ink-2);margin:16px 0 4px;font-size:13px;font-weight:650;line-height:18px}.hq-mail h3.c-alert{color:var(--alert)}.hq-mail p{color:var(--ink)}.hq-mail-l{grid-template-columns:66px minmax(0,1fr);align-items:start;padding:2px 0;display:grid}.hq-mail-w{align-items:flex-start;gap:8px;min-width:0;display:flex}.hq-mail-w .hq-avs{flex:none;margin-top:0}.hq-mail-l .tm{color:var(--ink-2);font-variant-numeric:tabular-nums}.hq-mail-l.is-din{color:var(--ink-2)}.hq-mail-l.is-din .hq-icon{color:var(--ink-3);margin:2px 2px 0}.hq-mail-b{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;padding:2px 0;display:flex}.hq-mail-b.is-sum{border-top:1px solid var(--line);margin-top:4px;padding-top:6px;font-weight:600}.hq-meta{gap:2px;margin-top:8px;font-size:15px;line-height:22px;display:grid}.hq-meta b{font-weight:600}.hq-radio{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:1fr 22px;align-items:center;gap:12px;width:100%;min-height:56px;padding:6px 2px;font-size:16px;font-weight:500;display:grid;position:relative}.hq-radio>span{display:grid}.hq-radio>i{border:1.5px solid var(--edge);border-radius:50%;width:22px;height:22px;position:relative}.hq-radio[aria-checked=true]>i{border:7px solid var(--ink)}.hq-radio:active{background:var(--sunk)}.hq-nights{border-top:1px solid var(--line);margin-top:12px}.hq-nights .hq-notice{margin:10px 0}.hq-night{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto;min-height:60px;padding-left:2px;padding-right:0}.hq-night-d{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;line-height:20px;display:grid}.hq-night-d span+span{color:var(--ink-3);font-size:13px;font-weight:500;line-height:18px}.hq-night-pick{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:20px;overflow:hidden}.hq-night-pick.is-empty{color:var(--ink-3);font-weight:500}.hq-night .chev{color:var(--edge)}.hq-fill{width:100%;margin-top:12px}.hq-amt-line{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hq-amt-big{letter-spacing:-.022em;font-variant-numeric:tabular-nums;margin:8px 0 2px;font-size:28px;font-weight:680;line-height:34px}.hq-amt-line .hq-link{margin-right:-10px}.hq-edit{margin:10px 0 8px}.hq-ing{gap:6px;margin-top:8px;display:grid}.hq-ing-row{grid-template-columns:20px 1fr;gap:10px;font-size:15px;line-height:21px;display:grid}.hq-ing-row .hq-icon{color:var(--ink-3);margin-top:.5px}.hq-ing-by{color:var(--ink-3);font-size:13px;font-weight:500;line-height:18px;display:block}.hq-status-pill{background:var(--sunk);color:var(--ink);border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:4px 12px 4px 9px;font-size:14px;font-weight:560;line-height:20px;display:inline-flex}.hq-repeat{align-items:center;gap:6px;margin-top:2px;display:flex}.hq-tag{background:var(--sunk);height:24px;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.hq-tag.is-due{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--edge);color:var(--ink)}.hq-inv{isolation:isolate;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:60px;padding:8px 6px 8px 16px;display:grid;position:relative}.hq-inv .hq-link{justify-self:start;margin:0 0 -6px -10px}.hq-sw{border-radius:12px;place-items:center;width:64px;height:48px;display:grid}.hq-sw:active{background:var(--sunk)}.hq-sec-note{color:var(--ink-2);text-wrap:pretty;padding:0 2px 10px;font-size:14px;line-height:20px}.hq-week{padding:8px 16px 14px}.hq-week ul{list-style:none}.hq-week li{grid-template-columns:48px minmax(0,1fr);align-items:baseline;padding:4px 0;font-size:15px;line-height:20px;display:grid}.hq-week li b{font-variant-numeric:tabular-nums;font-weight:600}.hq-week li span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hq-week p{border-top:1px solid var(--line);color:var(--ink-2);text-wrap:pretty;grid-template-columns:16px 1fr;gap:8px;margin-top:10px;padding-top:10px;font-size:14px;line-height:20px;display:grid}.hq-week p+p{border-top:0;margin-top:6px;padding-top:0}.hq-week p .hq-icon{color:var(--ink-3);margin-top:2px}.hq-menu-link{gap:8px;margin:12px 0 0 -10px}.hq-menu-link .hq-icon{color:var(--ink-2)}.hq-sect-h.is-flat{padding:16px 2px 2px}.hq-gday.is-set span:after{content:"";background:var(--ink-3);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:5px;left:50%}.hq-gday.is-set[aria-pressed=true] span:after{background:#fff}.hq-ag-clash{background:var(--alert-wash);color:var(--alert);align-items:flex-start;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;line-height:20px;display:flex}.hq-ag-clash .hq-icon{margin-top:2px}.hq-list>.hq-ag-clash+*{border-top-color:#efc9c3}.hq-next-clash{border-top:1px solid var(--line);color:var(--alert);align-items:flex-start;gap:10px;margin:0 16px;padding:10px 0 12px;font-size:15px;font-weight:550;line-height:21px;display:flex}.hq-toast{left:12px;right:12px;bottom:calc(var(--tabs-h) + 8px);z-index:30;background:var(--ink);color:#fff;min-height:52px;transition:transform var(--d-ui) var(--ease-out), opacity var(--d-ui) var(--ease-out);border-radius:16px;align-items:center;gap:10px;padding:9px 8px 9px 14px;display:flex;position:absolute}.hq-toast:after{content:"";height:var(--band,8px);background:var(--ground);position:absolute;top:100%;left:-12px;right:-12px}.hq-app:has(>.hq-sheet.is-open) .hq-toast:after{background:var(--paper)}.hq-toast.is-hidden{opacity:0;pointer-events:none;transition-duration:.16s;transition-timing-function:var(--ease-in);transform:translateY(12px)}.hq-toast-main{flex:1;min-width:0;display:grid}.hq-toast-text{font-size:14px;font-weight:550;line-height:20px}.hq-toast-sync{color:#d9d2c7;align-items:center;gap:6px;font-size:12.5px;font-weight:500;line-height:17px;display:flex}.hq-toast-sync .hq-icon{color:#d9d2c7}.hq-toast>.hq-icon{color:#fff}.hq-toast button{color:#fff;text-underline-offset:3px;border-radius:10px;flex:none;min-width:64px;height:44px;padding:0 12px;font-size:15px;font-weight:650;-webkit-text-decoration:underline #ffffff73;text-decoration:underline #ffffff73}.hq-toast button:active{background:#ffffff24}.hq-banner{left:12px;right:12px;top:calc(var(--status-h) + 1px);z-index:25;border:1px solid var(--line-2);background:var(--paper);height:46px;color:var(--ink);text-align:left;opacity:0;pointer-events:none;transition:transform var(--d-ui) var(--ease-in), opacity var(--d-ui) var(--ease-in);border-radius:14px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:0 12px 0 9px;display:grid;position:absolute;transform:translateY(-120%)}.hq-banner.is-in{opacity:1;pointer-events:auto;transition-timing-function:var(--ease-out);transform:none}.hq-banner:active{background:var(--sunk)}.hq-banner-main{min-width:0;display:grid}.hq-banner-t{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:620;line-height:19px;overflow:hidden}.hq-banner-s{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;line-height:17px;overflow:hidden}.hq-banner-k{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:start;align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:560;line-height:16px;display:flex}.hq-empty{text-align:left;grid-template-columns:24px 1fr;align-items:start;gap:14px;padding:16px;display:grid}.hq-empty>.hq-icon{color:var(--ink-2)}.hq-empty .t-sub{margin-top:2px}.hq-empty .hq-btn{width:auto;margin-top:12px}.hq-row[data-2]{grid-template-columns:1fr auto}.hq-row[data-lead]{grid-template-columns:24px 1fr}.hq-member[data-2]{grid-template-columns:1fr auto}.hq-quiet.is-tight{margin-top:-8px}.hq-sec.is-tight{margin-bottom:16px}.hq-strip+.hq-quiet{padding-top:12px}.hq-strip+.hq-sec{margin-top:12px}.hq-tmrw{text-align:left;width:100%;display:block}.hq-tmrw:active{background:var(--sunk)}.hq-tmrw-h{justify-content:space-between;align-items:center;padding:14px 14px 0 16px;display:flex}.hq-tmrw-h .hq-icon{color:var(--edge)}.hq-who-line{align-items:center;gap:8px;display:flex}.hq-fact .hq-notice{margin:10px 0 0}.hq-notice .hq-link{padding:0 6px}.hq-notice.is-alert{background:var(--alert-wash);border-color:#efc9c3}.hq-notice .hq-btn-row{flex-wrap:wrap;margin-top:10px}.hq-swrow.is-flat{min-height:56px;padding:6px 0}.hq-hint .hq-icon{vertical-align:-2px;margin-right:4px;display:inline}.hq-hint.is-note{margin-top:12px}.hq-hint.is-after{margin-top:6px}.t-sub>.hq-icon{vertical-align:-2px;display:inline}.hq-lede{color:var(--ink-2);margin-bottom:8px;font-size:14px;line-height:20px}.hq-sheet-sub{margin-top:2px}.hq-prep{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0 0}.hq-prep .hq-check{padding-left:0;padding-right:0}.hq-h3{letter-spacing:-.008em;margin-top:18px;font-size:16px;font-weight:600;line-height:22px}.hq-done-note.is-flat{padding:14px 0 0}.hq-err.is-block{margin-top:12px}.hq-form.is-top{margin-top:8px}@media (min-width:600px) and (max-height:500px){.hq-scroll>*,.hq-dock>*,.hq-composer>*,.hq-actions>*{max-width:560px;margin-inline-start:auto;margin-inline-end:auto}.hq-scroll>.hq-nav,.hq-scroll>.hq-strip{max-width:none}}@media (prefers-reduced-motion:reduce){.hq-app *,.hq-app :before,.hq-app :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}:root{--page:#e9e5dd;--ink:#1e1a16;--ink-2:#4d463e;--line-2:#d6cec0;--io:cubic-bezier(.65, 0, .35, 1);--side:max(16px, env(safe-area-inset-left));--side-r:max(16px, env(safe-area-inset-right))}html,body{min-height:100%;margin:0}body{background:var(--page);color:var(--ink);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;font-family:Inter HQ,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.demo-bar{z-index:2;min-height:44px;padding:6px var(--side-r) 6px var(--side);background:var(--ink);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;font-size:13px;line-height:18px;display:flex;position:sticky;top:0}.demo-bar-line{text-wrap:pretty;flex:260px;margin:0}.demo-bar b{font-weight:650}.demo-back,.demo-reset,.demo-story{color:#fff;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 14px;font-weight:600;text-decoration:none;transition:transform .12s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff4d}.demo-back:hover,.demo-reset:hover,.demo-story:hover{box-shadow:inset 0 0 0 1px #ffffff9e}.demo-back:active,.demo-reset:active,.demo-story:active{background:#ffffff24;transform:scale(.97)}.demo-bar :focus-visible{outline-offset:2px;outline:2px solid #e9a23b}.demo-back{order:2;gap:0}.demo-to{white-space:pre}.demo-back-i{display:none}[data-layout=full] .demo-back-i{display:block}.demo-tools{display:contents}.demo-reset{order:1;margin-left:auto}.demo-switch{background:#ffffff1a;border-radius:12px;flex:1;gap:4px;padding:0 2px;display:none}.demo-switch button{color:#d9d2c7;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;font-size:14px;font-weight:600}.demo-switch button[aria-selected=true]{color:var(--ink);background:#fff}.demo-switch button:active{opacity:.8}.demo-tip{display:none}.demo-stage{justify-content:center;align-items:flex-start;gap:40px;padding:24px 24px 20px;display:flex}.demo-phones{gap:40px;display:flex}.demo-phone{--s:1;width:calc(410px * var(--s));height:calc(864px * var(--s) + 40px);transition:opacity .28s var(--io), transform .28s var(--io);flex:none;margin:0;position:relative}.demo-phone-inner{box-sizing:border-box;width:410px;height:864px;transform:scale(var(--s));transform-origin:0 0;background:var(--ink);border-radius:58px;padding:10px;position:absolute;top:0;left:0;box-shadow:0 28px 56px -34px #1e1a1680}.demo-phone .hq-app{border-radius:48px;width:390px;height:844px}.demo-phone figcaption{text-align:center;color:var(--ink-2);font-size:13px;font-weight:500;line-height:18px;position:absolute;bottom:6px;left:0;right:0}.demo-phone.is-off{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--io), transform .28s var(--io), visibility 0s linear .28s;transform:translate(-6%)}.demo-phone.is-from{opacity:0;transform:translate(6%)}.demo-notes{width:260px;color:var(--ink-2);padding-top:96px;font-size:15px;line-height:22px}.demo-notes h2{letter-spacing:-.016em;color:var(--ink);margin:0 0 8px;font-size:21px;font-weight:650;line-height:28px}.demo-notes p{text-wrap:pretty;margin:0 0 16px}.demo-notes ol{counter-reset:s;gap:14px;margin:0;padding:0;list-style:none;display:grid}.demo-notes li{counter-increment:s;text-wrap:pretty;grid-template-columns:26px 1fr;gap:10px;display:grid}.demo-notes li:before{content:counter(s);width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:13px;font-weight:650;display:grid}.demo-notes .built{border-top:1px solid var(--line-2);margin-top:28px;padding-top:16px;font-size:13px;line-height:19px}.demo-one,.demo-short,[data-layout=full] .demo-long{display:none}[data-layout=full] .demo-short{display:inline}[data-layout=full] .demo-bar-line{flex:1 1 0;min-width:0}[data-layout=below] .demo-stage{flex-direction:column;align-items:center;gap:24px}[data-layout=below] .demo-notes{width:auto;max-width:560px;padding:0 0 24px}:-webkit-any([data-layout=one],[data-layout=full]) .demo-tools{flex:1 0 100%;order:3;gap:8px;margin:2px 0 4px;display:flex}:is([data-layout=one],[data-layout=full]) .demo-tools{flex:1 0 100%;order:3;gap:8px;margin:2px 0 4px;display:flex}:-webkit-any([data-layout=one],[data-layout=full]) .demo-switch{display:flex}:is([data-layout=one],[data-layout=full]) .demo-switch{display:flex}:-webkit-any([data-layout=one],[data-layout=full]) .demo-reset{margin-left:0}:is([data-layout=one],[data-layout=full]) .demo-reset{margin-left:0}[data-layout=one] .demo-stage{flex-direction:column;align-items:center;gap:16px;padding-top:16px}[data-layout=one] .demo-phones{display:grid}[data-layout=one] .demo-phone{height:calc(864px * var(--s));grid-area:1/1}[data-layout=one] .demo-phone figcaption{display:none}[data-layout=one] .demo-notes{width:auto;max-width:480px;padding:0 0 24px}[data-layout=one] .demo-one,[data-layout=full] .demo-one{display:inline}[data-layout=full]{flex-direction:column;height:100dvh;display:flex;overflow:hidden}[data-layout=full] .demo-bar{padding-top:4px;padding-bottom:4px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));flex-wrap:nowrap;flex:none;gap:6px;font-size:12px;line-height:16px}[data-layout=full] .demo-bar-line{white-space:nowrap;flex-direction:column;flex:none;align-items:flex-start;gap:2px;padding:0;display:flex}[data-layout=full] .demo-sample{background:#ffffff1a;border-radius:999px;align-items:center;gap:6px;height:20px;padding:0 8px 0 7px;font-weight:650;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24}[data-layout=full] .demo-sample:before{content:"";background:#e9a23b;border-radius:50%;flex:none;width:6px;height:6px}[data-layout=full] .demo-tip{color:#d9d2c7;padding-left:1px;font-weight:500;display:block}[data-layout=full] .hq-app .hq-sample{display:none}[data-layout=full] .demo-short,[data-layout=full] .demo-to,[data-layout=full] .demo-reset span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-layout=full] .demo-tools{display:contents}[data-layout=full] .demo-switch{flex:auto;order:1;min-width:0;margin:0}[data-layout=full] .demo-switch button{min-width:44px}[data-layout=full] .demo-pl{display:none}[data-layout=full] .demo-back{order:3;gap:2px;min-height:44px;padding:0 10px 0 6px}[data-layout=full] .demo-reset{flex:none;order:2;width:44px;margin:0;padding:0}[data-layout=full] .demo-stage{flex:1;min-height:0;padding:0;display:block}[data-layout=full] .demo-phones{height:100%;display:block;position:relative}[data-layout=full] .demo-phone{width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0}[data-layout=full] .demo-phone-inner{width:auto;height:auto;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);box-shadow:none;background:0 0;border-radius:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:none}[data-layout=full] .demo-phone .hq-app{--status-h:0px;--tabs-h:calc(58px + max(8px, env(safe-area-inset-bottom)));border-radius:0;width:100%;height:100%}[data-layout=full] .hq-status{display:none}[data-layout=full] .hq-hero-time{display:inline}[data-layout=full] .hq-tabs{padding-bottom:max(8px, env(safe-area-inset-bottom));padding-top:4px}[data-layout=full] .hq-panel-bar{padding-bottom:max(12px, env(safe-area-inset-bottom))}[data-layout=full] .demo-phone figcaption{display:none}[data-layout=full] .demo-notes{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:absolute;top:0;left:0;overflow:hidden}@media (min-aspect-ratio:1) and (max-height:500px){[data-layout=full] .demo-bar{flex-wrap:nowrap}[data-layout=full] .demo-bar-line{flex:0 auto;padding:0}[data-layout=full] .demo-long{display:none}[data-layout=full] .demo-switch{max-width:360px}[data-layout=full] .demo-phone .hq-app{--tabs-h:calc(48px + max(4px, env(safe-area-inset-bottom)))}[data-layout=full] .hq-tabs{padding-top:2px;padding-bottom:max(4px, env(safe-area-inset-bottom))}[data-layout=full] .hq-tab{grid-auto-flow:column;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:13px}[data-layout=full] .hq-tab:before{width:116px;margin-left:-58px;top:7px}[data-layout=full] .hq-dock{padding-top:6px;padding-bottom:6px}[data-layout=full] .hq-addbar{height:44px}}noscript p{margin:24px 16px;font-size:16px}.demo-phones{position:relative}.story-wait .hq-app>*{visibility:hidden}.demo-story{order:1;min-width:108px;margin-left:auto;display:none}:root:not(.no-story) .demo-story{display:inline-flex}:root:not(.no-story) .demo-reset,.demo-story>*{display:none}[data-story=playing] .demo-story>[data-i=pause],[data-story=done] .demo-story>[data-i=replay]{display:block}:-webkit-any([data-story=paused],[data-story=off]) .demo-story>[data-i=play]{display:block}:is([data-story=paused],[data-story=off]) .demo-story>[data-i=play]{display:block}[data-layout=full] .demo-story{flex:none;order:2;width:44px;min-width:44px;margin:0;padding:0}[data-layout=full] .demo-story>span{display:none!important}.demo-say{display:none}:-webkit-any([data-story=playing],[data-story=paused]) :-webkit-any(.demo-long,.demo-tip){display:none}:is([data-story=playing],[data-story=paused]) :is(.demo-long,.demo-tip){display:none}:-webkit-any([data-story=playing],[data-story=paused]) .demo-say{display:inline}:is([data-story=playing],[data-story=paused]) .demo-say{display:inline}:-webkit-any([data-story=playing],[data-story=paused]) [data-layout=full] .demo-say{text-overflow:ellipsis;color:#d9d2c7;max-width:100%;padding-left:1px;font-weight:500;display:block;overflow:hidden}:is([data-story=playing],[data-story=paused]) [data-layout=full] .demo-say{text-overflow:ellipsis;color:#d9d2c7;max-width:100%;padding-left:1px;font-weight:500;display:block;overflow:hidden}.story-on [data-layout=full] .demo-bar-line{flex:1 1 0;min-width:0}.story-on [data-layout=full] .demo-switch{display:none}.story-on [data-layout=one] .demo-tools{visibility:hidden}.story-cut .demo-stage *,.story-cut .demo-stage :before,.story-cut .demo-stage :after,.story-calm .hq-stack *,.story-calm .hq-stack :before,.story-calm .hq-stack :after,.story-still *{transition:none!important;animation:none!important}.story-still{z-index:3;pointer-events:none;margin:0!important;position:absolute!important}.story-ghost{pointer-events:none;position:absolute}.capture .demo-bar{display:none}.capture [data-layout=full] .demo-phone .hq-app{--status-h:50px}.capture [data-layout=full] .hq-status{display:flex}.hq-pin{display:none}.capture [data-layout] .hq-app .hq-pin{z-index:40;display:inline-flex;position:absolute;top:21px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.demo-phone,.demo-phone.is-off,.demo-switch button,.demo-back,.demo-reset,.demo-story{transition-duration:1ms}}