:root{--accent: #2e7d67;--canvas: #f7f8f5;--surface: #ffffff;--inset: #f6f4f0;--sunday: #d9826f;--on-accent: #ffffff;--toast: #2b2e2d;--toast-action: #80d6b0;--like: #e6614f;--danger: #d0342c;--text: #1c1f1d;--text-2: #6b716e;--text-3: #a0a5a2;--fill: rgba(118, 118, 128, .12);--separator: rgba(60, 60, 67, .14);--kakao: #fee500;--p-red: #e39a88;--p-blue: #8fb3d9;--p-green: #93b5a3;--p-purple: #b9a6d3;--p-orange: #f0b98d;--p-pink: #e3a4b8;--p-mint: #8cc9be;--p-yellow: #e8cf7e;--p-cyan: #86bccb;--p-indigo: #9aa0d6;--p-brown: #bfa08a;--p-gray: #a9a49c;--s-xxs: 2px;--s-xs: 4px;--s-s: 6px;--s-sm: 8px;--s-m: 12px;--s-inset: 14px;--s-l: 16px;--s-xl: 20px;--s-xxl: 24px;--s-xxxl: 32px;--s-tab-end: 72px;--h-touch: 44px;--h-field: 48px;--h-button: 52px;--h-row: 58px;--h-chip: 34px;--hairline: .5px;--r-bar: 2px;--r-s: 8px;--r-m: 12px;--r-l: 14px;--r-card: 20px;--o-tint: .14;--o-wash: .1;--o-wash-border: .25;--o-icon: .72;--o-dimmed: .45;--o-disabled: .4;--f-display: 28px;--f-title: 22px;--f-heading: 20px;--f-section: 17px;--f-card-title: 15px;--f-body: 17px;--f-row: 15px;--f-meta: 13px;--f-caption: 12px;--f-tiny: 11px;--m-fade: .18s ease-in-out;--m-intro: .3s ease-out;--font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", Pretendard, "Segoe UI", Roboto, "Noto Sans KR", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--accent: #6fbf9f;--canvas: #161a18;--surface: #262523;--inset: #1b1a19;--sunday: #e39a88;--on-accent: #10201a;--text: #f2f3f0;--text-2: #a7aca9;--text-3: #6f746f;--fill: rgba(118, 118, 128, .24);--separator: rgba(84, 84, 88, .6)}}:root[data-theme=dark]{--accent: #6fbf9f;--canvas: #161a18;--surface: #262523;--inset: #1b1a19;--sunday: #e39a88;--on-accent: #10201a;--text: #f2f3f0;--text-2: #a7aca9;--text-3: #6f746f;--fill: rgba(118, 118, 128, .24);--separator: rgba(84, 84, 88, .6)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font);font-size:var(--f-row);line-height:1.4;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:disabled{opacity:var(--o-disabled);cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}small{font-size:var(--f-caption);color:var(--text-2)}[role=alert]{color:var(--text);font-size:var(--f-meta);padding:var(--s-m) var(--s-inset);background:var(--inset);border-radius:var(--r-l)}.boot{height:100%;display:grid;place-items:center;color:var(--text-2);font-weight:700}.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;flex:none}.av-home{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.btn{height:var(--h-button);width:100%;border-radius:var(--r-l);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.btn-sec{background:var(--surface);color:var(--text);border:1px solid var(--separator);font-weight:600}.btn-kakao{background:var(--kakao);color:#191919;border:0}.btn-text{color:var(--text-2);font-size:var(--f-meta);height:var(--h-touch)}.field{height:var(--h-field);width:100%;border:0;border-radius:var(--r-l);background:var(--inset);padding:0 var(--s-l);font-size:16px;outline:none}.field:focus{box-shadow:0 0 0 2px var(--accent)}.hint{color:var(--text-2);font-size:var(--f-meta);line-height:1.5}.ib{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--separator);display:inline-flex;align-items:center;justify-content:center;color:var(--text-2)}.card{background:var(--surface);border-radius:var(--r-card);padding:var(--s-l) 18px}.card>h3{font-size:var(--f-card-title);font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:var(--s-sm)}.card>h3 .r{margin-left:auto;font-size:var(--f-caption);color:var(--text-2);font-weight:500}.row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:var(--hairline) solid var(--separator);font-size:14px;min-height:var(--h-touch)}.row:first-child{border-top:0}.row .t{flex:1;min-width:0}.row .t small{display:block;margin-top:1px}.row .time{color:var(--text-2);font-size:var(--f-caption);white-space:nowrap}.row.done .t{color:var(--text-2)}.chk{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--text-3);flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--on-accent)}.chk.on{background:var(--accent);border-color:var(--accent)}.empty{color:var(--text-2);font-size:14px;padding:var(--s-m) 0}.ev{border-radius:var(--r-l);padding:10px 12px;display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--ev-color, var(--accent)) 22%,transparent);text-align:left;width:100%}.ev.all{--ev-color: var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.ev b{display:block;font-size:14px}.ev .t{flex:1;min-width:0}.ev .time{color:var(--text-2);font-size:var(--f-caption);white-space:nowrap}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--s-xxxl) var(--s-l)}.login form,.login .box{width:400px;max-width:100%;display:flex;flex-direction:column;gap:var(--s-m)}.login .brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px}.login .brand p{color:var(--text-2)}.login h2{font-size:var(--f-heading);font-weight:800;margin-bottom:var(--s-xs)}.login .or{display:flex;align-items:center;gap:var(--s-m);color:var(--text-3);font-size:var(--f-caption);margin:var(--s-sm) 0}.login .or:before,.login .or:after{content:"";flex:1;height:var(--hairline);background:var(--separator)}.code{display:flex;gap:var(--s-sm);position:relative}.code i{flex:1;height:56px;border-radius:var(--r-m);background:var(--inset);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;font-style:normal;font-variant-numeric:tabular-nums}.code i.cur{box-shadow:0 0 0 2px var(--accent)}.code input{position:absolute;inset:0;opacity:0;width:100%;height:100%;font-size:24px}.shell{display:flex;height:100%;padding:14px;background:var(--canvas)}.win{flex:1;min-width:0;display:flex;background:var(--surface);border-radius:22px;overflow:hidden;box-shadow:0 1px #00000008,0 10px 30px #0000000f}.rail{width:72px;flex:none;border-right:1px solid var(--separator);display:flex;flex-direction:column;padding:14px 12px 12px;gap:var(--s-s);transition:width .18s ease}.rail.wide{width:200px}.rail{position:relative;z-index:4}.rail .rhead{display:flex;align-items:center;justify-content:flex-start;padding-left:6px;height:40px;margin-bottom:var(--s-m)}.rail .mark{width:40px;height:25px;display:block}.rail .mark.wide{width:auto;height:26px}.rail .fold{position:absolute;top:21px;right:-13px;width:26px;height:26px;border-radius:50%;border:1px solid var(--separator);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);z-index:3;box-shadow:0 1px 3px #00000014}.rail .fold:hover{color:var(--accent)}.rail .rnav{display:flex;flex-direction:column;gap:var(--s-xs)}.rail .rnav a,.rail .rset{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;border-radius:var(--r-m);color:var(--text-2);text-decoration:none;font-size:var(--f-row);font-weight:500;padding:0;width:100%}.rail.wide .rnav a,.rail.wide .rset{justify-content:flex-start;padding:0 12px;color:var(--text)}.rail .rnav a span,.rail .rset span{display:none}.rail.wide .rnav a span,.rail.wide .rset span{display:inline}.rail .rnav a:hover,.rail .rset:hover{background:var(--fill)}.rail .rnav a.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-weight:700}.rail .rbot{margin-top:auto}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:auto}.top{min-height:64px;display:flex;align-items:center;padding:0 20px;gap:var(--s-sm);border-bottom:1px solid var(--separator);position:sticky;top:0;background:var(--surface);z-index:2}.top .sp{flex:1}.top .me{display:flex;align-items:center;gap:var(--s-sm);height:38px;padding:0 12px 0 4px;border-radius:19px;border:1px solid var(--separator);font-size:var(--f-meta);font-weight:600;color:var(--text)}.content{flex:1;padding:var(--s-l) 20px 20px;display:flex;flex-direction:column;min-height:0}.pop{position:absolute;left:0;top:calc(100% + 6px);width:248px;background:var(--surface);border-radius:var(--r-l);box-shadow:0 12px 36px #00000029;padding:var(--s-sm);z-index:9;border:1px solid var(--separator)}.pop .it{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;width:100%;text-align:left;min-height:var(--h-touch);font-weight:500}.pop .it[aria-current=true]{background:color-mix(in srgb,var(--accent) 10%,transparent)}.pop .it .t{flex:1;min-width:0}.pop .it small{display:block;font-size:var(--f-tiny)}.pop .it .ck{margin-left:auto;color:var(--accent)}.pop .div{height:var(--hairline);background:var(--separator);margin:var(--s-s) var(--s-xs)}.pop .it.add{color:var(--accent);font-weight:600}.scrim{position:fixed;inset:0;z-index:8}.onboard{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--s-xxxl) var(--s-l)}.onboard .box{width:440px;max-width:100%;display:flex;flex-direction:column;gap:var(--s-m)}.onboard h2{font-size:var(--f-display);font-weight:800;margin:var(--s-sm) 0 var(--s-xs);font-size:24px}.onboard p{color:var(--text-2);margin-bottom:10px}.greet{background:var(--surface);border-radius:var(--r-card);padding:var(--s-xl) var(--s-xxl);display:flex;align-items:center;gap:18px}.greet .t{flex:1;min-width:0}.greet h3{font-size:24px;font-weight:800;letter-spacing:-.01em;margin-bottom:var(--s-xs)}.greet p{color:var(--text-2)}.qa{display:flex;gap:10px;flex:none}.qa button{background:var(--inset);border-radius:var(--r-l);padding:var(--s-m) var(--s-l);display:inline-flex;align-items:center;gap:var(--s-sm);font-weight:600;font-size:14px;color:var(--text);min-height:var(--h-field)}.qa button svg{color:var(--accent)}.home2{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--s-l);margin-top:var(--s-l)}.home2 .card{display:flex;flex-direction:column;min-width:0}.home2 .col{min-width:0}.home2 .col{display:flex;flex-direction:column;gap:var(--s-l)}.card>h3 button.r{margin-left:auto;color:var(--text-2);font-size:var(--f-caption);font-weight:500;min-height:var(--h-touch)}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--s-s);flex:1}.week .c{background:var(--inset);border-radius:var(--r-m);padding:var(--s-sm) var(--s-s);min-height:150px;font-size:var(--f-caption);min-width:0}.week .c b{display:block;font-size:var(--f-meta);margin-bottom:var(--s-s);white-space:nowrap}.week .c.today b{color:var(--accent)}.week .c.sun b{color:var(--sunday)}.bar{border-radius:6px;padding:3px 6px;margin-bottom:var(--s-xs);background:color-mix(in srgb,var(--ev-color, var(--accent)) 40%,transparent);font-size:var(--f-tiny);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.bar.all{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:600}.rec{display:flex;gap:10px;padding:var(--s-sm) 0;border-top:var(--hairline) solid var(--separator);align-items:center;width:100%;text-align:left}.rec:first-of-type{border-top:0}.rec .th{width:44px;height:44px;border-radius:10px;flex:none}.rec .th.txt{background:var(--inset);display:inline-flex;align-items:center;justify-content:center;color:var(--text-2)}.rec .t{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec .t small{display:block}.cal3{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s-l);align-items:stretch}.calpage{display:flex;flex-direction:column;min-height:0}.ctool{display:flex;align-items:center;gap:var(--s-xs);padding:0 0 var(--s-m)}.ctool .nb{width:30px;height:30px;border-radius:var(--r-s);display:inline-flex;align-items:center;justify-content:center;color:var(--text-2)}.ctool .nb:hover{background:var(--fill)}.ctool h3{font-size:var(--f-heading);font-weight:800;margin:0 var(--s-sm) 0 var(--s-xs)}.ctool .tbtn{height:30px;padding:0 var(--s-m);border-radius:var(--r-s);border:1px solid var(--separator);background:var(--surface);font-size:var(--f-meta);font-weight:600}.ctool kbd,.addrow-btn kbd{font-family:inherit;font-size:11px;color:var(--text-3);margin-left:var(--s-xs)}.ctool .hint{margin-left:var(--s-m)}.ctool .sp{flex:1}.seg.small{height:30px;padding:2px}.seg.small button{padding:0 var(--s-m);font-size:var(--f-meta);min-height:0}.cal3{flex:1;min-height:0}.mgrid{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--separator);border-radius:var(--r-l);overflow:hidden;min-height:560px}.mgrid .wk{display:grid;grid-template-columns:repeat(7,1fr);font-size:var(--f-caption);color:var(--text-2);border-bottom:1px solid var(--separator)}.mgrid .wk div{padding:var(--s-sm) 10px}.mgrid .wk div:first-child{color:var(--sunday)}.mgrid .days{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr}.mgrid .d{border-right:var(--hairline) solid var(--separator);border-bottom:var(--hairline) solid var(--separator);padding:6px 8px 4px;display:flex;flex-direction:column;gap:2px;min-width:0;cursor:pointer;text-align:left}.mgrid .d:nth-child(7n){border-right:0}.mgrid .d .n{display:flex;align-items:baseline;gap:5px;height:22px;font-size:var(--f-meta)}.mgrid .d .n b{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600}.mgrid .d .n small{font-size:10px;color:var(--text-3)}.mgrid .d.red .n b,.mgrid .d.red .n small{color:var(--sunday)}.mgrid .d.out .n b{color:var(--text-3)}.mgrid .d.today .n b{background:var(--accent);color:var(--on-accent);font-weight:800}.mgrid .d.sel{box-shadow:inset 0 0 0 1.5px var(--accent);border-radius:var(--r-s)}.mgrid .d.sel .n b{color:var(--accent)}.mgrid .d.sel.today .n b{color:var(--on-accent)}.e{display:flex;align-items:center;gap:5px;height:18px;font-size:var(--f-caption);line-height:18px;min-width:0;border-radius:4px;padding:0 4px;text-align:left;color:var(--text);width:100%}.e:hover{background:var(--fill)}.e i{width:6px;height:6px;border-radius:50%;flex:none;background:var(--ev-color, var(--accent))}.e em{font-style:normal;color:var(--text-2);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.e span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.e.band{background:color-mix(in srgb,var(--ev-color, var(--accent)) 28%,transparent);padding-left:6px;font-weight:600}.e.band.all{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.e.band.span{margin-right:-9px;border-radius:4px 0 0 4px}.e.band.mid{margin-left:-9px;margin-right:-9px;border-radius:0}.e.band.end{margin-left:-9px;border-radius:0 4px 4px 0}.e.band.mid span,.e.band.end span{visibility:hidden}.e.hol{color:var(--sunday);font-weight:600}.mgrid .more{font-size:11px;color:var(--text-2);padding-left:4px}.wgrid{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--separator);border-radius:var(--r-l);overflow:hidden;min-height:560px}.wgrid .wh{display:grid;grid-template-columns:52px repeat(7,1fr);border-bottom:1px solid var(--separator)}.wgrid .wh button{padding:var(--s-sm) var(--s-sm) var(--s-s);font-size:var(--f-caption);color:var(--text-2);text-align:left;min-width:0}.wgrid .wh button b{display:block;font-size:18px;font-weight:600;color:var(--text);line-height:1.1;margin-top:1px}.wgrid .wh button.red,.wgrid .wh button.red b{color:var(--sunday)}.wgrid .wh button.today b{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:800}.wgrid .wh button.sel:not(.today) b{color:var(--accent)}.wgrid .allday{display:grid;grid-template-columns:52px repeat(7,1fr);border-bottom:1px solid var(--separator);min-height:34px}.wgrid .allday>div{padding:4px 6px;border-right:var(--hairline) solid var(--separator);min-width:0;display:flex;flex-direction:column;gap:2px}.wgrid .allday>div:last-child{border-right:0}.wgrid .allday .lbl{font-size:11px;color:var(--text-3);padding-top:9px;margin:0}.wgrid .tg{flex:1;display:grid;grid-template-columns:52px repeat(7,1fr);grid-template-rows:repeat(var(--rows),1fr);position:relative;min-height:480px}.wgrid .hr{grid-column:1;font-size:11px;color:var(--text-3);text-align:right;padding-right:var(--s-sm);transform:translateY(-6px);border-right:var(--hairline) solid var(--separator)}.wgrid .col{grid-row:1 / -1;position:relative;border-right:var(--hairline) solid var(--separator);display:flex;flex-direction:column}.wgrid .col:last-child{border-right:0}.wgrid .col.today{background:color-mix(in srgb,var(--accent) 4%,transparent)}.wgrid .col i{flex:1;border-top:var(--hairline) solid var(--separator)}.blk{position:absolute;left:3px;right:3px;border-radius:6px;padding:3px 6px;font-size:var(--f-caption);line-height:1.25;overflow:hidden;text-align:left;background:color-mix(in srgb,var(--ev-color, var(--accent)) 30%,transparent);border-left:3px solid var(--ev-color, var(--accent));color:var(--text)}.blk.all{background:color-mix(in srgb,var(--accent) 14%,transparent);border-left-color:var(--accent)}.blk.shared{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ev-color, var(--accent)) 28%,transparent) 0 6px,color-mix(in srgb,var(--ev-color, var(--accent)) 12%,transparent) 6px 12px)}.blk b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blk em{font-style:normal;font-size:11px;color:var(--text-2)}.wgrid .now{position:absolute;left:52px;right:0;height:2px;background:var(--sunday);pointer-events:none}.wgrid .now:before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--sunday)}.rp{display:flex;flex-direction:column;gap:var(--s-m);min-height:0}.day.up h4{font-size:var(--f-meta);color:var(--text-2);font-weight:600;margin:0}.uprow{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:var(--hairline) solid var(--separator);font-size:var(--f-meta);text-align:left;width:100%;color:var(--text)}.uprow:first-of-type{border-top:0}.uprow i{width:6px;height:6px;border-radius:50%;background:var(--ev-color, var(--accent));flex:none}.uprow i.all{background:var(--accent)}.uprow .w{width:72px;color:var(--text-2);font-size:var(--f-caption);flex:none;font-variant-numeric:tabular-nums}.uprow .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uprow em{font-style:normal;color:var(--text-3);font-size:var(--f-caption)}.day{background:var(--surface);border-radius:var(--r-card);padding:18px;display:flex;flex-direction:column;gap:10px}.day .dh{display:flex;align-items:baseline;gap:var(--s-sm)}.day .dh b{font-size:18px}.day .dh span{color:var(--text-2);font-size:var(--f-meta)}.day .dh .r{margin-left:auto}.day .tasks{margin-top:var(--s-s);background:var(--inset);border-radius:var(--r-l);padding:var(--s-xs) var(--s-inset)}.day .tasks h4{font-size:var(--f-meta);color:var(--text-2);font-weight:600;padding:var(--s-sm) 0 var(--s-xxs)}.day .foot{margin-top:auto}.mhead,.strip,.tabbar{display:none}@media(max-width:768px){.side{display:none}.main{padding-bottom:96px}.top{display:none}.mhead{display:flex;align-items:center;gap:10px;padding:var(--s-m) var(--s-l) var(--s-sm);position:sticky;top:0;background:var(--canvas);z-index:6}.mhead .sp{flex:1}.mhead .ib{width:34px;height:34px}.mhead .maru-btn{margin:0;padding:6px 10px;width:auto;font-size:14px;border-radius:var(--r-m)}.mhead .maru-btn small{display:none}.content{padding:0 var(--s-l) var(--s-l)}.strip{display:flex;align-items:flex-start;flex:none;gap:var(--s-inset);padding:var(--s-xs) var(--s-xl) var(--s-m);overflow-x:auto;scrollbar-width:none}.strip>button{display:flex;flex-direction:column;align-items:center;gap:var(--s-xs);font-size:var(--f-tiny);color:var(--text-2);flex:none}.strip>button[aria-pressed=true]{color:var(--text);font-weight:700}.strip>button[aria-pressed=true] .av{box-shadow:0 0 0 2px var(--canvas),0 0 0 3.5px var(--accent)}.tabbar{position:fixed;left:var(--s-l);right:var(--s-l);bottom:18px;height:64px;background:var(--surface);border-radius:32px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 6px 20px #00000014;padding:0 var(--s-s);z-index:5}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--text-2);width:56px;height:52px;justify-content:center;border-radius:26px}.tabbar a.active{background:var(--inset);color:var(--text);font-weight:700}.tabbar a[aria-disabled=true]{opacity:var(--o-disabled)}.greet{flex-wrap:wrap;padding:18px;gap:var(--s-m)}.greet h3{font-size:var(--f-heading)}.qa{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-sm)}.qa button{padding:10px var(--s-sm);font-size:var(--f-caption);justify-content:center;gap:var(--s-s)}.home2,.week{grid-template-columns:minmax(0,1fr)}.week .c{min-height:0;display:flex;gap:var(--s-sm);align-items:baseline;flex-wrap:wrap}.week .c b{margin:0;width:44px}.cal3{grid-template-columns:1fr}.cal{padding:10px var(--s-sm)}.cal .hd{font-size:17px}.cal .d{min-height:50px;font-size:14px}.cal .d .n{width:28px;height:28px}.cal .d .bar,.cal .d .more,.cal .d .lb{display:none}.cal .d .dots{display:flex}.pop{position:fixed;left:var(--s-l);right:var(--s-l);top:auto;bottom:0;width:auto;border-radius:var(--r-card) var(--r-card) 0 0;padding:var(--s-inset) 10px var(--s-xxl);box-shadow:0 -10px 30px #0000001f}.pop:before{content:"";display:block;width:36px;height:5px;border-radius:3px;background:var(--separator);margin:0 auto var(--s-m)}.scrim{background:#1c1f1d33}.login form,.login .box{width:100%}}.scrim.dark{background:#1c1f1d2e;z-index:10}.pane{position:fixed;right:0;top:0;bottom:0;width:440px;max-width:100%;background:var(--surface);box-shadow:-12px 0 36px #0000001a;display:flex;flex-direction:column;z-index:11;animation:slide-in var(--m-intro)}@keyframes slide-in{0%{transform:translate(24px);opacity:0}}.pane .ph{display:flex;align-items:center;padding:var(--s-inset) 18px;gap:10px;border-bottom:var(--hairline) solid var(--separator)}.pane .ph .x{color:var(--text-2);font-size:14px;width:var(--h-touch);height:var(--h-touch);text-align:left}.pane .ph h3{flex:1;text-align:center;font-size:var(--f-section);font-weight:800}.pane .ph .sp{width:var(--h-touch)}.pane .body{flex:1;overflow:auto;padding:var(--s-inset) 18px;display:flex;flex-direction:column;gap:var(--s-m)}.pane .pf{padding:var(--s-m) 18px 18px;border-top:var(--hairline) solid var(--separator)}.scrim{z-index:10;background:#1c1f1d2e;animation:fade-in var(--m-fade)}@keyframes fade-in{0%{opacity:0}}.grp{background:var(--inset);border-radius:var(--r-l);padding:0 var(--s-inset);display:block}.grp .f{display:flex;align-items:center;min-height:var(--h-field);border-top:var(--hairline) solid var(--separator);font-size:var(--f-row);gap:10px}.grp .f:first-child{border-top:0}.grp .f .lb{flex:1}.pill{background:var(--surface);border-radius:var(--r-s);padding:5px 10px;font-size:14px;font-variant-numeric:tabular-nums;border:var(--hairline) solid var(--separator);color:var(--text);font-family:inherit;min-height:32px}select.pill{appearance:none;padding-right:24px;background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%),linear-gradient(135deg,var(--text-2) 50%,transparent 50%);background-position:calc(100% - 13px) 55%,calc(100% - 9px) 55%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}input.tog{appearance:none;width:44px;height:26px;border-radius:13px;background:#d8dad6;position:relative;margin:0;cursor:pointer;flex:none}input.tog:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left var(--m-fade)}input.tog:checked{background:var(--accent)}input.tog:checked:after{left:21px}.seg{display:flex;background:var(--inset);border-radius:var(--r-m);padding:3px}.seg button{flex:1;text-align:center;padding:var(--s-sm);font-size:14px;border-radius:9px;color:var(--text-2);min-height:38px}.seg button[aria-checked=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000000f}.chips{display:flex;flex-wrap:wrap;gap:var(--s-sm);align-items:center}.chip{display:inline-flex;align-items:center;gap:var(--s-s);height:var(--h-chip);padding:0 12px 0 6px;border-radius:17px;background:var(--inset);font-size:14px;border:1px solid transparent;color:var(--text)}.chip.txt{padding:0 12px}.chip[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);font-weight:600}.lbl{font-size:var(--f-caption);color:var(--text-2);font-weight:600;margin:var(--s-xs) 0 calc(-1 * var(--s-xs))}.ta{background:var(--inset);border-radius:var(--r-l);padding:var(--s-m) var(--s-inset);min-height:72px;border:0;font-size:var(--f-row);resize:vertical;outline:none;width:100%}.ta:focus{box-shadow:0 0 0 2px var(--accent)}.dlg{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:360px;max-width:calc(100% - 32px);background:var(--surface);border-radius:var(--r-card);padding:var(--s-xl);z-index:12;box-shadow:0 20px 60px #0003}.dlg h3{font-size:var(--f-section);font-weight:800;margin-bottom:var(--s-xs)}.dlg p{color:var(--text-2);font-size:14px;margin-bottom:var(--s-inset)}.dlg .o{height:var(--h-field);display:flex;align-items:center;padding:0 var(--s-inset);border-radius:var(--r-m);background:var(--inset);font-size:var(--f-row);margin-top:var(--s-sm);font-weight:600;width:100%;text-align:left}.dlg .o.danger{color:var(--danger)}.dlg .c{display:block;width:100%;text-align:center;color:var(--text-2);font-size:14px;margin-top:var(--s-m);min-height:var(--h-touch)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--toast);color:#fff;border-radius:16px;padding:var(--s-inset) 18px;display:flex;align-items:center;gap:18px;min-width:320px;max-width:calc(100% - 32px);box-shadow:0 4px 12px #00000040;z-index:20;font-size:14px;animation:rise var(--m-intro)}@keyframes rise{0%{transform:translate(-50%,10px);opacity:0}}.toast .t{flex:1}.toast small{display:block;color:#aab0ad}.toast .u{color:var(--toast-action);font-weight:700;min-height:var(--h-touch);padding:0 var(--s-xs)}.toast .bar{position:absolute;left:18px;right:18px;bottom:6px;height:3px;border-radius:2px;background:#ffffff26;overflow:hidden}.toast .bar i{display:block;height:100%;background:var(--toast-action);animation:countdown linear forwards}@keyframes countdown{0%{width:100%}to{width:0}}.popover{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;max-width:calc(100% - 32px);background:var(--surface);border-radius:var(--r-l);box-shadow:0 12px 36px #00000029;padding:var(--s-inset);z-index:11;border:1px solid var(--separator);display:flex;flex-direction:column;gap:10px}.popover .acts{display:flex;gap:var(--s-sm);margin-top:var(--s-xs)}.popover .acts .btn{height:var(--h-touch)}.btn-text.danger{color:var(--danger);width:100%}.addrow{display:flex;align-items:center;padding:10px 0 var(--s-xs)}.addrow .in,.addrow-btn{flex:1;min-height:40px;border-radius:var(--r-m);background:var(--surface);border:var(--hairline) solid var(--separator);display:flex;align-items:center;gap:var(--s-s);padding:0 var(--s-m);color:var(--text-2);font-size:14px;text-align:left;width:100%}.addrow-btn{background:var(--inset);border:0;color:var(--accent);font-weight:600;margin-top:auto}.row .t{text-align:left;min-height:var(--h-touch);display:flex;flex-direction:column;justify-content:center}.det .back{color:var(--text-2);font-size:var(--f-meta);display:inline-flex;align-items:center;gap:var(--s-xs);min-height:var(--h-touch)}.det .ttl{font-size:var(--f-title);font-weight:800;letter-spacing:-.01em}.det .meta{color:var(--text-2);font-size:14px;margin-top:var(--s-xs)}.det .notes{font-size:14px;white-space:pre-wrap}.det .acts{display:flex;gap:var(--s-sm)}.det .acts button{height:36px;padding:0 var(--s-inset);border-radius:var(--r-m);border:1px solid var(--separator);display:inline-flex;align-items:center;gap:var(--s-s);font-size:14px;font-weight:600;background:var(--surface)}.det .acts .danger{color:var(--danger)}.dcell{position:relative}.dcell .hov{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:none;align-items:center;justify-content:center}@media(hover:hover){.dcell:hover .hov{display:inline-flex}}.ev{cursor:pointer}@media(max-width:768px){.pane{top:56px;width:100%;border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:0 -10px 30px #00000026;animation:rise-up var(--m-intro)}@keyframes rise-up{0%{transform:translateY(24px);opacity:0}}.mhead-slot{display:flex;gap:var(--s-sm)}.dcell .hov{display:none!important}.toast{left:var(--s-l);right:var(--s-l);transform:none;bottom:96px;min-width:0}@keyframes rise{0%{transform:translateY(10px);opacity:0}}}.filters{display:flex;gap:var(--s-sm);margin-bottom:var(--s-inset)}.filters button{height:var(--h-chip);padding:0 var(--s-inset);border-radius:17px;background:var(--inset);font-size:14px;color:var(--text)}.filters button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:700}.mh{font-size:var(--f-section);font-weight:800;margin:var(--s-s) 0 10px}.mh small{font-weight:400;margin-left:var(--s-s)}.month-sec+.month-sec{margin-top:var(--s-xxl)}.feed{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-l);align-items:start}.rc{background:var(--surface);border-radius:var(--r-card);padding:var(--s-inset) var(--s-l) var(--s-l);display:flex;flex-direction:column;gap:10px}.rc .wh{display:flex;align-items:center;gap:10px}.rc .wh b{display:block;font-size:var(--f-row)}.rc .wh .m{margin-left:auto;color:var(--text-2);letter-spacing:1px;font-weight:700;min-width:var(--h-touch);min-height:var(--h-touch)}.photo{border-radius:var(--r-l);overflow:hidden;background:var(--inset)}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo[role=button]{cursor:pointer}.rc .photo-wrap{position:relative}.rc .photo-wrap .photo{height:300px}.rc .photo-wrap .photo.wide{height:210px}.rc .photo-wrap .n{position:absolute;right:10px;top:10px;background:#0000008c;color:#fff;font-size:var(--f-caption);padding:3px var(--s-sm);border-radius:10px}.rc .photo-wrap .arr{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#ffffffd9;display:flex;align-items:center;justify-content:center;color:#1c1f1d}.rc .photo-wrap .arr.l{left:var(--s-sm)}.rc .photo-wrap .arr.r{right:var(--s-sm)}.rc .dots{display:flex;gap:var(--s-xs);justify-content:center}.rc .dots i{width:5px;height:5px;border-radius:50%;background:var(--separator)}.rc .dots i.on{background:var(--text)}.rc .react{display:flex;align-items:center;gap:var(--s-sm);font-size:var(--f-meta);color:var(--text-2)}.rc .react .h{font-size:22px;color:var(--text);line-height:1;min-width:var(--h-touch);min-height:var(--h-touch);display:inline-flex;align-items:center;margin-left:calc(-1 * var(--s-sm));padding-left:var(--s-sm)}.rc .react .h.on{color:var(--like)}.rc .body{font-size:var(--f-row);line-height:1.5;white-space:pre-wrap}.rc .with{color:var(--text-2);font-size:var(--f-meta)}.rc .link{display:flex;align-items:center;gap:var(--s-s);font-size:var(--f-caption);color:var(--text-2);border-top:var(--hairline) solid var(--separator);padding-top:var(--s-sm)}.gal{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s-s)}.gal .photo{aspect-ratio:1;border-radius:var(--r-s)}.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-sm)}.pcell,.padd{aspect-ratio:1;border-radius:var(--r-m);position:relative;overflow:hidden;background:var(--inset)}.pcell .photo,.pcell>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.pcell .x{position:absolute;right:var(--s-s);top:var(--s-s);width:22px;height:22px;border-radius:50%;background:#0000008c;color:#fff;font-size:var(--f-caption);display:flex;align-items:center;justify-content:center}.pcell .pct{position:absolute;inset:0;background:#ffffff8c;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--f-caption);color:#1c1f1d}.pcell .ok,.pcell .bad{position:absolute;right:var(--s-s);bottom:var(--s-s);width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:var(--f-tiny);display:flex;align-items:center;justify-content:center}.pcell .bad{background:var(--danger);font-weight:800}.pcell.wait{opacity:.85}.padd{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1.5px dashed color-mix(in srgb,var(--accent) 40%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent);font-size:var(--f-meta);font-weight:600;gap:var(--s-xs)}.padd b{font-size:22px;font-weight:400}.upl{display:flex;flex-direction:column;gap:var(--s-s);font-size:var(--f-meta)}.prog{height:4px;border-radius:var(--r-bar);background:var(--separator);overflow:hidden;display:block}.prog i{display:block;height:100%;background:var(--accent);transition:width var(--m-fade)}.grp .f>svg{color:var(--text-2)}.viewer{position:fixed;inset:0;background:#0b0c0b;z-index:30;display:flex;flex-direction:column;color:#fff}.viewer .vh{display:flex;align-items:center;padding:var(--s-l) var(--s-xl);gap:var(--s-m)}.viewer .vh .c{width:36px;height:36px;border-radius:50%;background:#ffffff24;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.viewer .vh .n{flex:1;text-align:center;font-size:var(--f-row)}.viewer .img{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:0 80px}.viewer .img img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.viewer .img .arr{position:absolute;top:50%;transform:translateY(-50%);width:var(--h-touch);height:var(--h-touch);border-radius:50%;background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center}.viewer .img .arr.l{left:24px}.viewer .img .arr.r{right:24px}.viewer .vf{padding:var(--s-l) var(--s-xxl) 22px;font-size:var(--f-row)}.viewer .vf small{display:block;color:#aab0ad;margin-top:3px}@media(max-width:768px){.feed{grid-template-columns:1fr}.rc .photo-wrap .photo,.rc .photo-wrap .photo.wide{height:auto;aspect-ratio:4 / 5}.rc .photo-wrap .photo.wide{aspect-ratio:16 / 9}.gal{grid-template-columns:repeat(3,1fr)}.viewer .img{padding:0}.viewer .img .arr{display:none}}.scopes{display:flex;gap:var(--s-sm);margin-bottom:var(--s-inset)}.scopes button{height:var(--h-chip);padding:0 var(--s-inset);border-radius:17px;background:var(--inset);display:inline-flex;align-items:center;gap:var(--s-s);font-size:14px;color:var(--text)}.scopes button i{font-style:normal;font-size:var(--f-tiny);background:#00000014;border-radius:9px;padding:1px 6px}.scopes button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:700}.scopes button[aria-selected=true] i{background:var(--accent);color:var(--on-accent)}.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-l);align-items:start}.two.cols section+section{margin-top:0}.gh{font-size:var(--f-meta);color:var(--text-2);font-weight:600;margin:var(--s-inset) 0 var(--s-s);display:flex;gap:var(--s-s);align-items:baseline}.gh:first-child{margin-top:0}.gh span{font-weight:400}.sum{font-size:var(--f-row);margin-bottom:var(--s-m)}.evl{display:flex;gap:10px;padding:10px 0;border-top:var(--hairline) solid var(--separator)}.card>div:first-child>.evl{border-top:0}.evl .tm{width:44px;color:var(--text-2);font-size:var(--f-caption);padding-top:2px;font-variant-numeric:tabular-nums}.evl .b{width:3px;border-radius:var(--r-bar);background:var(--accent)}.evl .t{flex:1}.evl .t b{display:block;font-size:14px}.nest .row{padding-left:54px}.band{font-size:var(--f-row);font-weight:800;margin:18px 0 var(--s-sm)}section>.band:first-child,.two>section:first-child>.band{margin-top:0}.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-m)}.pcard{background:var(--surface);border-radius:var(--r-card);padding:var(--s-l);display:flex;flex-direction:column;align-items:center;gap:var(--s-sm);text-align:center;min-height:150px;color:var(--text)}.pcard b{font-size:var(--f-row)}.pcard .tag{font-size:var(--f-tiny);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:var(--r-s);padding:2px var(--s-sm)}.pcard .tag.muted{background:var(--inset);color:var(--text-2)}.pcard.add{justify-content:center;gap:var(--s-s);flex-direction:row;border:1.5px dashed color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--accent);font-weight:600}.pcard.add.alt{background:var(--surface);border-style:solid;border-color:var(--separator);color:var(--text)}.lst .row{width:100%;text-align:left}.lst .row .t b{display:block;font-size:14px}.lst .row .ck{color:var(--accent)}.colors{display:flex;gap:10px;flex-wrap:wrap}.colors button{width:32px;height:32px;border-radius:50%;position:relative}.colors button[aria-checked=true]:after{content:"";position:absolute;inset:-4px;border:2px solid var(--accent);border-radius:50%}.colors button.taken{opacity:var(--o-taken, .25)}.linkbox{background:var(--inset);border-radius:var(--r-l);padding:var(--s-inset);display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.linkbox .qr{width:140px;height:140px;border-radius:var(--r-s);background:#fff;border:8px solid #fff}.linkbox .url{font-family:ui-monospace,Menlo,monospace;font-size:var(--f-meta);background:var(--surface);border-radius:var(--r-s);padding:var(--s-sm) var(--s-m);width:100%;border:0;text-align:center}.peek{background:var(--inset);border-radius:var(--r-l);padding:var(--s-l);display:flex;flex-direction:column;align-items:center;gap:var(--s-s);text-align:center}.code.eight i{height:48px;font-size:20px;border-radius:10px}.join .box{display:flex;flex-direction:column;gap:var(--s-m)}.join h2{font-size:var(--f-heading);font-weight:800}@media(max-width:768px){.two,.two.cols{grid-template-columns:1fr}.pgrid{grid-template-columns:repeat(3,1fr);gap:var(--s-sm)}.pcard{padding:var(--s-m) var(--s-s);min-height:0}.pcard.add{min-height:96px;font-size:var(--f-meta)}.pcard small{display:none}}.ib.bell{position:relative}.ib.bell .dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--like)}.cm{display:flex;gap:10px;align-items:flex-start}.cm .t{flex:1;min-width:0}.cm .t b{font-size:var(--f-meta);margin-right:var(--s-s)}.cm .t small{color:var(--text-3);font-size:var(--f-tiny)}.cm .t p{font-size:14px;line-height:1.45;margin-top:var(--s-xxs);white-space:pre-wrap;word-break:break-word}.cm .m{color:var(--text-3);font-size:var(--f-caption);min-height:var(--h-touch)}.cbar{display:flex;gap:var(--s-sm);align-items:center}.cbar .field{flex:1;height:var(--h-touch)}.cbar .send{width:var(--h-touch);height:var(--h-touch);border-radius:50%;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;flex:none}.rc .react .c{display:inline-flex;align-items:center;gap:var(--s-xs);color:var(--text);font-size:var(--f-meta);min-height:var(--h-touch);margin-left:auto}.nt{display:flex;gap:var(--s-m);padding:var(--s-m) 0;border-top:var(--hairline) solid var(--separator);align-items:flex-start;width:100%;text-align:left}.nt:first-child{border-top:0}.nt .tile{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#fff}.nt .t{flex:1;min-width:0}.nt .t b{font-size:var(--f-meta);display:block}.nt .t>span{font-size:14px;display:block;margin-top:1px}.nt .t small{display:block}.nt .n{font-style:normal;font-size:var(--f-tiny);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:var(--r-s);padding:1px 6px;margin-left:var(--s-s)}.nt .when{color:var(--text-3);font-size:var(--f-tiny);white-space:nowrap}.sgrp{background:var(--inset);border-radius:var(--r-l);padding:0 var(--s-inset)}.srow{display:flex;align-items:center;gap:var(--s-m);min-height:56px;padding:var(--s-xs) 0;border-top:var(--hairline) solid var(--separator);width:100%;text-align:left}.srow:first-child{border-top:0}.srow>svg{color:var(--text);opacity:var(--o-icon);flex:none}.srow .t{flex:1;min-width:0}.srow .t b{display:block;font-size:var(--f-row);font-weight:600}.srow .t b.danger{color:var(--danger)}.srow .v{color:var(--text-2);font-size:14px}.srow .pill{max-width:180px}.themes{display:flex;gap:10px}.themes button{flex:1;text-align:center;font-size:var(--f-caption);color:var(--text-2)}.themes i{display:block;height:64px;border-radius:var(--r-m);border:1.5px solid var(--separator);margin-bottom:var(--s-s)}.themes button[aria-checked=true] i{border:2px solid var(--accent)}.themes button[aria-checked=true]{color:var(--text);font-weight:700}.th-light{background:#f7f8f5}.th-dark{background:#161a18}.th-system{background:linear-gradient(90deg,#f7f8f5 50%,#161a18 50%)}@media(max-width:768px){.pane.half{top:46%}}.asks{display:flex;flex-direction:column;gap:var(--s-m);margin-bottom:var(--s-l)}.ask{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:var(--r-card);padding:var(--s-inset) var(--s-l);display:flex;flex-direction:column;gap:var(--s-xs);max-width:560px}.ask b{font-size:var(--f-row)}.ask .tag{font-size:var(--f-tiny);color:var(--text-2);background:var(--inset);border-radius:var(--r-s);padding:2px var(--s-sm);margin-left:var(--s-s);font-weight:500}.ask .acts{display:flex;gap:var(--s-sm);margin-top:var(--s-sm)}.dlg .o[aria-pressed]{display:flex;align-items:center}.chip small{color:var(--text-2);font-size:var(--f-tiny)}.grp .f.remind{position:relative;flex-wrap:wrap}.grp .f.remind .lb,.grp .f.remind .v{min-height:var(--h-field);text-align:left}.grp .f.remind .v{color:var(--accent);font-weight:600}.grp .menu{position:absolute;right:0;top:calc(100% - 4px);width:220px;background:var(--surface);border-radius:var(--r-l);box-shadow:0 12px 36px #00000029;border:1px solid var(--separator);padding:var(--s-sm);z-index:12;display:flex;flex-direction:column}.grp .menu small{padding:var(--s-xs) 10px var(--s-sm)}.grp .menu button{display:flex;align-items:center;gap:var(--s-sm);padding:var(--s-sm) 10px;border-radius:10px;font-size:14px;min-height:40px;text-align:left}.grp .menu button[aria-selected=true]{color:var(--accent);font-weight:700}.grp .menu button[aria-selected=true]:before{content:"✓";font-size:var(--f-caption)}.grp .menu button[aria-selected=false]:before{content:"";width:10px}.graph .hint.center{text-align:center}.graph .gen{display:flex;flex-direction:column;align-items:center;gap:var(--s-sm)}.graph .gen>small{font-size:var(--f-tiny);font-weight:600;color:var(--text-2)}.graph .gen .none{color:var(--text-3)}.graph .nodes{display:flex;gap:var(--s-l);max-width:100%;overflow-x:auto;padding:4px 0}.graph .node{display:flex;flex-direction:column;align-items:center;gap:2px;width:72px;flex:none;background:none;border:0;padding:0;color:var(--text);cursor:pointer}.graph .node .av{box-sizing:content-box;border:2.5px solid transparent}.graph .node[aria-current=true] .av{border-color:var(--accent);box-shadow:0 0 0 4px var(--surface)}.graph .node[aria-current=true]{cursor:default}.graph .node[data-pending] .av{opacity:.5}.graph .node b{font-size:var(--f-meta);font-weight:600;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph .node span{font-size:var(--f-tiny);color:var(--text-2);max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph .conn{display:block;width:2px;height:var(--s-l);margin:0 auto;background:color-mix(in srgb,var(--accent) 25%,transparent)}.pill.wide{width:100%}.who{display:flex;align-items:center;gap:var(--s-m);margin-bottom:var(--s-m)}.who b{display:block;font-size:var(--f-title)}.who small{color:var(--text-2)}.av-home{overflow:hidden;background:none}.av-home img{width:100%;height:100%;object-fit:cover;display:block}:root[data-theme=dark] .av-home img,:root:not([data-theme=light]) .av-home img{filter:brightness(.88) saturate(.85)}:root[data-theme=light] .av-home img{filter:none}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .av-home img{filter:none}}.sethead{display:flex;flex-direction:column;align-items:center;gap:var(--s-xs);padding:var(--s-sm) 0 var(--s-m)}.sethead .pic{position:relative;background:none;border:0;padding:0;border-radius:50%;cursor:pointer}.sethead .pic:disabled{cursor:default;opacity:1}.sethead .pic .av{box-shadow:0 0 0 2.5px var(--accent)}.sethead .pic .cam{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:var(--inset);border:2px solid var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text)}.sethead h4{margin:var(--s-xs) 0 0;font-size:var(--f-title)}.sethead small{color:var(--text-2)}.artpick .big{display:flex;justify-content:center;padding:var(--s-sm) 0 var(--s-m)}.artpick .stack{display:flex;flex-direction:column;align-items:center;gap:var(--s-sm);margin-top:var(--s-m)}.artpick .stack .btn{width:100%}.arts{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-m);margin-top:var(--s-m)}.arts button{background:none;border:0;padding:3px;border-radius:50%;cursor:pointer;aspect-ratio:1;box-shadow:0 0 0 2.5px transparent}.arts button[aria-selected=true]{box-shadow:0 0 0 2.5px var(--accent)}.arts img{width:100%;height:100%;display:block}.hint .chg{display:block;color:var(--text-2)}.calv8{flex:1;display:flex;gap:var(--s-l);min-height:0}.calv8 .cmain{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.cal3.v8{grid-template-columns:minmax(0,1fr)}.lc{width:264px;flex:none;display:flex;flex-direction:column;gap:var(--s-m);overflow:auto}.pc{background:var(--surface);border:1px solid var(--separator);border-radius:var(--r-l);padding:var(--s-inset) var(--s-l)}.pc.mini .hd{display:flex;align-items:center;gap:2px;margin-bottom:var(--s-sm)}.pc.mini .hd b{flex:1;font-size:var(--f-row);font-weight:800}.pc.mini .hd .nb{width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2)}.pc.mini .g{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;text-align:center;font-size:var(--f-caption)}.pc.mini .g .h{color:var(--text-3);font-size:10px;padding:2px 0 4px}.pc.mini .g button{height:28px;display:flex;align-items:center;justify-content:center;color:var(--text);border-radius:0}.pc.mini .g button b{font-weight:500;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.pc.mini .g button.red b{color:var(--sunday)}.pc.mini .g button.out b{color:var(--text-3)}.pc.mini .g button.wk{background:color-mix(in srgb,var(--accent) 10%,transparent)}.pc.mini .g button.wk:first-child,.pc.mini .g button.wk.start{border-radius:14px 0 0 14px}.pc.mini .g button.sel b{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}.pc.mini .g button.today b{background:var(--accent);color:var(--on-accent);font-weight:800;box-shadow:none}.nx{background:var(--accent);color:var(--on-accent);border-radius:var(--r-l);padding:var(--s-l) var(--s-l) var(--s-inset);text-align:left;display:flex;flex-direction:column;gap:2px;width:100%}.nx.empty{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.nx small{font-size:var(--f-caption);opacity:.8}.nx b{font-size:var(--f-section)}.nx .tm{font-size:var(--f-meta);opacity:.9}.nx .ft{display:flex;align-items:center;margin-top:var(--s-m);gap:0}.nx .ft .av{border:2px solid var(--accent);margin-right:-8px;box-sizing:content-box}.nx .ft .n{margin-left:14px;font-size:var(--f-caption);opacity:.9}.nx .ft .tk{margin-left:auto;background:#ffffff2e;border-radius:10px;padding:3px 9px;font-size:var(--f-caption);font-weight:600;white-space:nowrap}.pc.pp h4{font-size:var(--f-row);font-weight:800;display:flex;align-items:center;margin:0 0 var(--s-s)}.pc.pp h4 .r{margin-left:auto;color:var(--text-2);font-size:var(--f-caption);font-weight:500}.pc.pp .p{display:flex;align-items:center;gap:10px;height:34px;font-size:var(--f-row);cursor:pointer}.pc.pp .p .ck{margin-left:auto;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--text-3);appearance:none;background:var(--surface);position:relative}.pc.pp .p .ck:checked{background:var(--accent);border-color:var(--accent)}.pc.pp .p .ck:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.pc.pp.fold h4{margin:0}.ctool h3{font-size:var(--f-title)}.ctool .nb{font-size:18px}.cal3.v8 .wgrid{border:0;background:none;gap:0}.cal3.v8 .wgrid .wh{border-bottom:0;gap:8px;padding-bottom:var(--s-sm)}.cal3.v8 .wgrid .wh button{background:var(--inset);border-radius:var(--r-l);text-align:center;padding:10px 0 8px}.cal3.v8 .wgrid .wh button b{font-size:26px;margin-top:2px}.cal3.v8 .wgrid .wh button.today{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.cal3.v8 .wgrid .wh button.today b{background:none;color:var(--accent);width:auto;height:auto;display:block}.cal3.v8 .wgrid .allday,.cal3.v8 .wgrid .tg{column-gap:8px}.cal3.v8 .wgrid .allday>div,.cal3.v8 .wgrid .col,.cal3.v8 .wgrid .hr{border-right:0}.cal3.v8 .wgrid .col i{border-top:var(--hairline) solid var(--separator)}.cal3.v8 .blk{border-radius:var(--r-m);border-left:0;padding:8px 10px;font-size:var(--f-meta)}.cal3.v8 .blk b{font-weight:700}.cal3.v8 .blk .ppl{display:flex;margin-top:6px;align-items:center}.cal3.v8 .blk .ppl .av{border:2px solid var(--surface);margin-right:-6px;box-sizing:content-box}.cal3.v8 .blk .ppl i{font-style:normal;font-size:11px;color:var(--text-2);margin-left:10px}.cal3.v8 .mgrid{border:0;background:none}.cal3.v8 .mgrid .wk{border-bottom:0}.cal3.v8 .mgrid .days{gap:6px}.cal3.v8 .mgrid .d{border:0;background:var(--inset);border-radius:var(--r-m)}.cal3.v8 .mgrid .d.today{background:color-mix(in srgb,var(--accent) 10%,transparent)}.cal3.v8 .mgrid .d.sel{border-radius:var(--r-m)}.cal3.v8 .e.band{background:color-mix(in srgb,var(--ev-color, var(--accent)) 30%,var(--surface))}.cal3.v8 .e.band.all{background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.pane .day.det{background:none;border-radius:0;padding:var(--s-inset) var(--s-l) var(--s-l);flex:1;overflow:auto}@media(max-width:768px){.shell{padding:0}.win{border-radius:0;box-shadow:none}.rail{display:none}.calv8{flex-direction:column}.lc{width:auto}}.ph2{display:flex;align-items:center;gap:var(--s-sm);margin-bottom:var(--s-m)}.ph2 h2{font-size:var(--f-title);font-weight:800;margin-right:var(--s-xs)}.ph2 .sub{color:var(--text-2);font-size:var(--f-meta)}.ph2 .sp{flex:1}.ph2 .cta{height:40px;padding:0 var(--s-l);border-radius:var(--r-m);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:var(--f-row);display:inline-flex;align-items:center;gap:6px}.ph2 .seg{margin-left:var(--s-sm)}.hc{background:var(--surface);border:1px solid var(--separator);border-radius:var(--r-l);padding:var(--s-inset) var(--s-l);min-width:0;display:flex;flex-direction:column;min-height:0}.hc>h3{font-size:var(--f-row);font-weight:800;display:flex;align-items:center;gap:var(--s-sm);margin:0 0 var(--s-sm)}.hc>h3 .n{font-size:var(--f-caption);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border-radius:9px;padding:1px 7px;font-weight:700}.hc>h3 .r{margin-left:auto;font-size:var(--f-caption);color:var(--text-2);font-weight:500}.t3{flex:1;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:var(--s-inset);min-height:0;align-items:start}.t3 .hc{max-height:100%;overflow:auto}.t3 .evh{display:flex;align-items:center;gap:var(--s-sm);font-size:var(--f-meta);font-weight:700;margin:var(--s-sm) 0 var(--s-xxs)}.t3 .evh i{width:3px;height:14px;border-radius:2px;background:var(--accent)}.t3 .evh small{color:var(--text-2);font-weight:500}.t3 .grp{margin-bottom:var(--s-sm)}.t3 .band{font-size:var(--f-caption);color:var(--text-2);font-weight:700;margin:var(--s-sm) 0 var(--s-xxs)}.t3 .gh{font-size:var(--f-caption);color:var(--text-2);margin:var(--s-xs) 0 0;padding:0}.t3 .card.sub{padding:0;background:none;border-radius:0}.t3 .asks{margin-bottom:var(--s-sm)}.t3 .ask{padding:var(--s-m) var(--s-inset)}.rfilt{display:flex;gap:var(--s-s);margin-left:var(--s-sm)}.rfilt button{height:32px;padding:0 var(--s-m);border-radius:16px;border:1px solid var(--separator);font-size:var(--f-meta);color:var(--text)}.rfilt button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:transparent;color:var(--accent);font-weight:700}.feed .rc{border:1px solid var(--separator);border-radius:var(--r-l)}.content.home{gap:var(--s-inset);overflow:auto}.hgreet{display:flex;align-items:center;gap:var(--s-inset);flex-wrap:wrap}.hgreet .g b{font-size:var(--f-title);font-weight:800;display:block}.hgreet .g small{color:var(--text-2);font-size:var(--f-meta)}.hgreet .ai{margin-left:auto;width:min(460px,100%);height:46px;border-radius:23px;border:1px solid var(--separator);background:var(--surface);display:flex;align-items:center;gap:8px;padding:0 6px 0 14px;box-shadow:0 2px 10px #0000000a;color:var(--accent)}.hgreet .ai input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:var(--f-row);color:var(--text);outline:none}.hgreet .ai input::placeholder{color:var(--text-3)}.hgreet .ai .mic,.hgreet .ai .go{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.hgreet .ai .mic.on{background:var(--sunday);color:var(--on-accent)}.hgreet .ai .go:disabled{opacity:.35}.hacts{display:flex;gap:var(--s-sm)}.hacts .sec{height:40px;padding:0 12px;border-radius:var(--r-m);border:1px solid var(--separator);font-weight:600;font-size:var(--f-meta);display:inline-flex;align-items:center;gap:6px;color:var(--text)}.hrow1{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-inset);min-height:160px}.wxc{background:var(--surface);border:1px solid var(--separator);border-radius:var(--r-l);padding:var(--s-l) 18px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-sm);min-width:0}.wxc .loc{font-size:var(--f-caption);color:var(--text-2);display:flex;align-items:center;gap:4px}.wxc .loc span{color:var(--text-3)}.wxc .wmain{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:var(--p-orange)}.wxc .wmain .tp{font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--text)}.wxc .wmain .cd{font-size:var(--f-row);color:var(--text-2);margin-left:-8px}.wxc .wmain .sep{width:1px;height:40px;background:var(--separator);margin:0 2px}.wxc .k{font-size:var(--f-caption);color:var(--text-2)}.wxc .k b{display:block;font-size:var(--f-row);color:var(--text);margin-top:2px;white-space:nowrap}.wxc .k b.good{color:var(--accent)}.wxc .k b.bad{color:var(--sunday)}.wxc .src{font-size:11px;color:var(--text-3)}.hero{border-radius:var(--r-l);background:color-mix(in srgb,var(--accent) 14%,var(--surface));background-size:cover;background-position:center;position:relative;overflow:hidden;min-height:160px;text-align:left}.hero .cap{position:absolute;left:16px;right:16px;bottom:12px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}.hero[style] .cap:before{content:"";position:absolute;inset:-40px -16px -12px;background:linear-gradient(to top,rgba(0,0,0,.45),transparent);z-index:-1}.hero .cap b{display:block;font-size:var(--f-section)}.hero .cap small{font-size:var(--f-caption);opacity:.9}.hero:not([style]) .cap{color:var(--accent);text-shadow:none}.hrow2{display:grid;grid-template-columns:400px 1fr;gap:var(--s-inset);min-height:0}.hcol{display:flex;flex-direction:column;gap:var(--s-inset);min-width:0}.hc>h3 button.r{color:var(--text-2)}.wkc .rng{font-size:var(--f-caption);color:var(--text-2);font-weight:500}.w7{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;min-height:300px}.w7 .dc{border-radius:var(--r-m);padding:8px 6px;min-width:0;display:flex;flex-direction:column;gap:4px;background:var(--inset)}.w7 .dc.today{background:color-mix(in srgb,var(--accent) 12%,transparent)}.w7 .dh{font-size:var(--f-meta);font-weight:700;text-align:center;padding:2px 0 4px}.w7 .dc.today .dh{color:var(--accent)}.w7 .dh.sun{color:var(--sunday)}.cpill{border-radius:9px;padding:6px 8px;font-size:var(--f-caption);line-height:1.3;background:color-mix(in srgb,var(--ev-color, var(--accent)) 35%,var(--surface));display:flex;flex-direction:column;gap:1px;min-width:0;text-align:left;color:var(--text)}.cpill.all{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.cpill b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.cpill small{color:var(--text-2);font-size:11px}.cpill .pp{display:flex;margin-top:3px}.cpill .pp .av{border:1.5px solid var(--surface);margin-right:-5px;box-sizing:content-box}.recs{display:flex;gap:10px}.recs .ph{flex:1;min-width:0;height:110px;border-radius:var(--r-m);position:relative;overflow:hidden;background:var(--inset);text-align:left}.recs .ph .th{position:absolute;inset:0;border-radius:0;height:100%}.recs .ph .th img{width:100%;height:100%;object-fit:cover}.recs .ph .th.txt{display:flex;align-items:center;justify-content:center;color:var(--text-3)}.recs .ph>span:last-child{position:absolute;left:8px;right:8px;bottom:6px;color:#fff;font-size:11px;text-shadow:0 1px 6px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recs .ph .th.txt+span{color:var(--text-2);text-shadow:none}.cap .quote{background:var(--inset);border-radius:var(--r-m);padding:10px 12px;font-size:var(--f-meta);color:var(--text-2)}.cp{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r-m);background:var(--inset);margin-bottom:6px;cursor:pointer}.cp.off{opacity:.45}.cp input{margin-top:3px;accent-color:var(--accent)}.cp .t{flex:1;min-width:0}.cp .t b{display:block;font-size:var(--f-row)}.cp .t small{display:block;color:var(--text-2);font-size:var(--f-caption)}.cp .t small.warn{color:var(--sunday)}.ftabs{display:flex;background:var(--inset);border-radius:var(--r-m);padding:3px;margin-left:var(--s-sm)}.ftabs button{padding:7px 18px;border-radius:9px;color:var(--text-2);font-size:var(--f-meta)}.ftabs button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:700}.fbody{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s-l);min-height:0;align-items:start}.fmain{min-width:0}.fside{display:flex;flex-direction:column;gap:var(--s-inset)}.pgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.pcard{border:1px solid var(--separator)}.treebox{background:var(--surface);border:1px solid var(--separator);border-radius:var(--r-l);padding:var(--s-xxl);display:flex;flex-direction:column;align-items:center;gap:0}.treebox .trow{display:flex;flex-direction:column;align-items:center;gap:6px}.treebox .trow>small{font-size:11px;color:var(--text-2);font-weight:600}.treebox .trow .none{color:var(--text-3);height:40px;display:flex;align-items:center}.treebox .tconn{display:block;width:2px;height:26px;background:var(--separator);margin:4px 0}.treebox .gen{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;position:relative;padding-top:10px}.treebox .gen:before{content:"";position:absolute;top:0;left:46px;right:46px;height:2px;background:var(--separator)}.treebox .gen>.tn:before{content:"";position:absolute;top:-10px;left:50%;width:2px;height:10px;background:var(--separator)}.treebox .gen:has(>.tn:only-child):before{display:none}.tn{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:92px;text-align:center;color:var(--text)}.tn .av{box-sizing:content-box;border:3px solid transparent}.tn.me .av{border-color:var(--accent)}.tn b{font-size:var(--f-row)}.tn small{color:var(--text-2);font-size:var(--f-caption);margin-top:-2px}.tn.pend .av{opacity:.5}.av.dash{width:72px;height:72px;background:none;border:1.5px dashed var(--text-3);color:var(--text-3);font-size:26px;box-sizing:border-box}.tn.add b{color:var(--text-2);font-weight:500}.treebox .hint{margin-top:var(--s-l);text-align:center}.gd{background:var(--surface);border:1px solid var(--separator);border-radius:var(--r-l);padding:var(--s-inset) var(--s-l);display:flex;flex-direction:column;gap:var(--s-sm)}.gd h3{font-size:var(--f-section);font-weight:800;margin:0 0 2px}.gi{display:flex;align-items:center;gap:12px;border-radius:var(--r-m);padding:10px 12px;background:var(--inset);text-align:left;color:var(--text)}.gi.pregnancy{background:color-mix(in srgb,var(--p-pink) 22%,var(--surface))}.gi.newborn,.gi.child{background:color-mix(in srgb,var(--p-orange) 24%,var(--surface))}.gi.preschool,.gi.school,.gi.teen{background:color-mix(in srgb,var(--p-green) 26%,var(--surface))}.gi.adult,.gi.older{background:color-mix(in srgb,var(--p-blue) 24%,var(--surface))}.gi>span{min-width:0}.gi b{display:block;font-size:var(--f-row)}.gi small{color:var(--text-2);font-size:var(--f-caption);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gd .src{font-size:11px;color:var(--text-3)}.lk{display:flex;gap:12px;flex-wrap:wrap}.lk .it{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--f-caption);width:64px;color:var(--text)}.lk .it .av{box-sizing:content-box;border:2.5px solid transparent}.lk .it.on .av{border-color:var(--accent)}.lk .it .av.dash{width:52px;height:52px;font-size:22px;border-width:1.5px;box-sizing:border-box}.guide .who{margin-bottom:var(--s-sm)}.guide .desc{color:var(--text-2);font-size:var(--f-meta);margin-bottom:var(--s-sm)}@media(max-width:1100px){.hrow1,.hrow2,.fbody{grid-template-columns:1fr}}.btn-apple{background:var(--text);color:var(--surface);border-color:var(--text)}.pane.modal{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(600px,calc(100vw - 32px));max-height:min(84vh,860px);border-radius:var(--r-card);box-shadow:0 24px 80px #00000038;animation:pop-in var(--m-intro);overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pane.modal .body{overflow:auto}@media(max-width:768px){.pane.modal{inset:auto 0 0;transform:none;width:100%;max-height:90vh;border-radius:var(--r-card) var(--r-card) 0 0;animation:slide-in var(--m-intro)}}.tipwrap{position:relative;display:block}.tip{position:absolute;left:0;bottom:calc(100% + 8px);display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:10px;background:var(--toast);color:#fff;font-size:var(--f-meta);white-space:nowrap;box-shadow:0 6px 20px #0000002e;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:20}.tip kbd{font-family:inherit;font-size:12px;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:#ffffff29;display:inline-flex;align-items:center;justify-content:center;color:#fff}.tip kbd:first-of-type{margin-left:4px}.tipwrap:hover .tip,.tipwrap:focus-within .tip{opacity:1;transform:translateY(0)}.sdlg{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(960px,calc(100vw - 32px));height:min(640px,calc(100vh - 48px));background:var(--surface);border-radius:var(--r-card);box-shadow:0 24px 80px #00000038;z-index:11;display:flex;overflow:hidden;animation:pop-in var(--m-intro)}.sdlg .nav2{width:240px;flex:none;background:var(--inset);padding:22px 16px;display:flex;flex-direction:column;gap:2px;overflow:auto}.sdlg .nav2 h3{font-size:18px;font-weight:800;margin:0 10px 14px}.sdlg .nav2 .sec{font-size:var(--f-tiny);color:var(--text-3);font-weight:600;margin:12px 10px 4px}.sdlg .nav2 button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--r-m);font-size:14px;color:var(--text);text-align:left}.sdlg .nav2 button svg{opacity:var(--o-icon);flex:none}.sdlg .nav2 button:hover{background:color-mix(in srgb,var(--surface) 60%,transparent)}.sdlg .nav2 button.on{background:var(--surface);font-weight:700;box-shadow:0 1px 2px #0000000f}.sdlg .nav2 .foot{margin-top:auto;padding:12px 10px 0;font-size:var(--f-tiny);color:var(--text-3);word-break:break-all}.sdlg .cont{flex:1;min-width:0;padding:22px 28px 28px;overflow:auto;position:relative}.sdlg .cont .x{position:absolute;right:18px;top:16px;width:32px;height:32px;border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:20px;line-height:1}.sdlg .cont .x:hover{background:var(--inset)}.sdlg .cont h2{font-size:17px;font-weight:800;margin:4px 0 14px}.sdlg .cont h4{font-size:var(--f-caption);color:var(--text-2);font-weight:600;margin:18px 0 6px}.sdlg .cont .srow+.srow{border-top:var(--hairline) solid var(--separator)}.sdlg .cont .srow{border-top:0}.sdlg .cont .srow .t small{display:block;color:var(--text-2);font-size:var(--f-caption);margin-top:2px}.sdlg .cont .srow .v.ck{color:var(--accent);display:inline-flex}.sdlg .cont .srow .pill{min-width:160px;height:36px;background:var(--inset);border:0}.sdlg .cont .srow .field{flex:1}.sdlg .cont .hint{color:var(--text-2);font-size:var(--f-caption);margin:8px 0 0}.sdlg .btn2{height:36px;padding:0 14px;border-radius:var(--r-m);border:var(--hairline) solid var(--separator);font-size:14px;font-weight:600;white-space:nowrap;flex:none}.sdlg .btn2:hover{background:var(--inset)}.sdlg .btn2.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.sdlg .btn2:disabled{opacity:.4}.sdlg .mhd{display:flex;align-items:center;gap:14px;background:var(--inset);border-radius:var(--r-l);padding:14px 16px;margin-bottom:6px}.sdlg .mhd .t{flex:1;min-width:0}.sdlg .mhd b{display:block;font-size:17px}.sdlg .mhd small{color:var(--text-2);font-size:13px}.sdlg .themes{width:360px}.sdlg .themes i{height:48px}.sdlg .keys kbd,.sdlg .nav2 kbd{font-family:inherit;font-size:var(--f-caption);min-width:22px;height:22px;padding:0 6px;border-radius:6px;background:var(--inset);border:var(--hairline) solid var(--separator);display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.sdlg .areas{display:flex;gap:12px;flex:none}.sdlg .areas label{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--text-2)}.sdlg .areas input{accent-color:var(--accent);width:16px;height:16px}.sdlg .joinin{background:var(--inset);border-radius:var(--r-l);padding:8px 16px 16px;margin-top:8px}.sdlg .joinin .join .box{background:none;padding:0;box-shadow:none}.sdlg .joinin .code i{background:var(--surface)}.sub .scrim{z-index:12}.sub .pane{z-index:13}@media(max-width:768px){.sdlg{flex-direction:column;width:100%;height:92vh;top:auto;bottom:0;left:0;transform:none;border-radius:var(--r-card) var(--r-card) 0 0}.sdlg .nav2{width:auto;flex-direction:row;flex-wrap:wrap;padding:12px}.sdlg .nav2 h3,.sdlg .nav2 .sec,.sdlg .nav2 .foot{display:none}.sdlg .nav2>div{display:contents}.sdlg .nav2 button,.sdlg .themes{width:auto}}.mark.wide{display:inline-flex;align-items:center}.mark.wide .dk{display:none}:root[data-theme=dark] .mark.wide .lt,:root:not([data-theme=light]) .mark.wide .lt{display:none}:root[data-theme=dark] .mark.wide .dk,:root:not([data-theme=light]) .mark.wide .dk{display:inline}:root[data-theme=light] .mark.wide .lt{display:inline}:root[data-theme=light] .mark.wide .dk{display:none}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .mark.wide .lt{display:inline}:root:not([data-theme=dark]) .mark.wide .dk{display:none}}
