/* Personal desktop: concise events, a consistent icon family and quiet system controls. */
html[data-cloud-app=desktop][data-wallpaper=ocean] body .wallpaper{background-image:linear-gradient(140deg,#023c5388,#061b4999),url('/static/images/cloud-island-v2.webp')}
html[data-cloud-app=desktop][data-wallpaper=twilight] body .wallpaper{background-image:linear-gradient(140deg,#522a4280,#28195099),url('/static/images/cloud-island-v2.webp')}
html[data-cloud-app=desktop] body .wallpaper-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
html[data-cloud-app=desktop] body .wallpaper-choice{display:grid;gap:10px;padding:8px 8px 12px;border-radius:20px;background:#ffffff0a;border:2px solid transparent;font-size:13px}
html[data-cloud-app=desktop] body .wallpaper-choice[aria-pressed=true]{border-color:#a4c9ff;background:#94bfff18}
html[data-cloud-app=desktop] body .wallpaper-swatch{display:block;height:110px;border-radius:12px;background:#111e3c url('/static/images/cloud-island-v2.webp') center/cover}
html[data-cloud-app=desktop] body .wallpaper-swatch.ocean{background-image:linear-gradient(140deg,#023c5388,#061b4999),url('/static/images/cloud-island-v2.webp')}
html[data-cloud-app=desktop] body .wallpaper-swatch.twilight{background-image:linear-gradient(140deg,#522a4280,#28195099),url('/static/images/cloud-island-v2.webp')}
html[data-cloud-app=desktop] body .order-row{display:flex;gap:8px;padding:10px 14px}
html[data-cloud-app=desktop] body .order-name{flex:1;min-width:0}
html[data-cloud-app=desktop] body .order-row button{width:44px;min-width:44px;min-height:44px;padding:4px}
html[data-cloud-app=desktop] body .app-window[data-app=appearance]{padding-bottom:calc(64px + var(--screen-bottom))}
html[data-cloud-app=desktop] body .application-list{display:grid;gap:12px}
html[data-cloud-app=desktop] body .app-window[data-app=applications]{padding-bottom:calc(64px + var(--screen-bottom))}
html[data-cloud-app=desktop] body .application-card{display:grid;gap:16px;padding:18px;border-radius:24px;min-width:0}
html[data-cloud-app=desktop] body .application-main{display:flex;align-items:center;gap:12px;min-width:0}
html[data-cloud-app=desktop] body .application-main img{flex:none;object-fit:contain;filter:drop-shadow(0 4px 5px #0002)}
html[data-cloud-app=desktop] body .application-copy{flex:1;min-width:0}
html[data-cloud-app=desktop] body .application-copy h3{font-size:16px;margin:0 0 4px}
html[data-cloud-app=desktop] body .application-copy p{line-height:1.5;overflow-wrap:anywhere;margin:0}
html[data-cloud-app=desktop] body .application-state{font-size:11px;white-space:nowrap;border-radius:20px;padding:6px 9px;background:#8b9eb71c;color:inherit;flex:none}
html[data-cloud-app=desktop] body .application-state[data-state=ok]{background:#32a77b24;color:#8de5bf}
html[data-cloud-app=desktop] body .application-state[data-state=attention],html[data-cloud-app=desktop] body .application-state[data-state=stale],html[data-cloud-app=desktop] body .application-state[data-state=unavailable]{background:#f6bd5520;color:#ffd58e}
html[data-cloud-app=desktop] body .recovery-card{display:grid;gap:12px;margin-top:22px}
@media(max-width:350px){html[data-cloud-app=desktop] body .application-main{gap:8px}html[data-cloud-app=desktop] body .application-main img{width:44px;height:44px}html[data-cloud-app=desktop] body .application-card{padding:14px}}
html[data-cloud-app=desktop] body .wallpaper{background-position:center 58%;background-size:cover;will-change:auto}
html[data-cloud-app=desktop] body .wallpaper:after{background:linear-gradient(180deg,#0710271a,#0713295c 32%,#08172c52 60%,#06112814 82%,#06112755)}
html[data-cloud-app=desktop] body .topbar{height:calc(64px + var(--screen-top));padding-left:max(26px,var(--screen-left));padding-right:max(26px,var(--screen-right))}
html[data-cloud-app=desktop] body .wordmark{font-size:18px;font-weight:600;letter-spacing:1.4px;color:#e1ecfb}
html[data-cloud-app=desktop] body .account-chip{width:44px;min-width:44px;height:44px;padding:0!important;border:0!important;background:transparent!important;justify-content:center}
html[data-cloud-app=desktop] body .account-avatar{width:34px;height:34px;background:linear-gradient(145deg,#c6deff,#9ea8de);border:1px solid #f3f8ff55;box-shadow:inset 0 1px #fff4,0 3px 12px #02081d26;font-size:13px;color:#223957}
html[data-cloud-app=desktop] body .account-name,html[data-cloud-app=desktop] body .account-chevron{display:none}
html[data-cloud-app=desktop] body .desktop{padding:18px max(26px,var(--screen-right)) calc(134px + var(--screen-bottom)) max(26px,var(--screen-left))}
html[data-cloud-app=desktop] body .welcome{margin:0 0 21px}
html[data-cloud-app=desktop] body .welcome>div{display:flex;align-items:baseline;gap:14px}
html[data-cloud-app=desktop] body .clock{font-size:40px;font-weight:300;letter-spacing:-1.9px;line-height:1.15;color:#f5f8ff}
html[data-cloud-app=desktop] body .date{font-size:12px;color:#becde5;letter-spacing:0}
html[data-cloud-app=desktop] body .today-panel{margin-bottom:30px}
html[data-cloud-app=desktop] body .today-heading{margin-bottom:5px;min-height:34px}
html[data-cloud-app=desktop] body .today-heading h2{font-size:12px;letter-spacing:.3px;font-weight:500;color:#bfcee5}
html[data-cloud-app=desktop] body .today-heading .today-refresh{font-size:11px;color:#aabfdc;padding:0 0 0 10px;min-height:44px}
html[data-cloud-app=desktop] body .today-grid{display:flex;flex-direction:column;gap:0;padding:0;overflow:visible;border:1px solid #ddeaff22;border-radius:22px;background:linear-gradient(130deg,#adcaf019,#adcaf009);box-shadow:inset 0 1px #ffffff09}
html[data-cloud-app=desktop] body .today-card{display:grid;width:100%;min-width:0;flex:none;min-height:58px;padding:10px 14px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left;grid-template-columns:56px minmax(0,1fr);gap:3px 10px}
html[data-cloud-app=desktop] body .today-card+.today-card{border-top:1px solid #dbeaff16}
html[data-cloud-app=desktop] body .today-tag{grid-row:1/3;align-self:center}
html[data-cloud-app=desktop] body .today-card strong,html[data-cloud-app=desktop] body .today-card>span:last-child{grid-column:2}
html[data-cloud-app=desktop] body .today-card:first-child{border-radius:21px 21px 0 0}
html[data-cloud-app=desktop] body .today-card:last-child{border-radius:0 0 21px 21px}
html[data-cloud-app=desktop] body .today-card:only-child{border-radius:21px}
html[data-cloud-app=desktop] body .today-card strong{font-size:13px;font-weight:600;letter-spacing:.1px}
html[data-cloud-app=desktop] body .today-card strong i{font-size:19px;color:#a5bbd8;font-weight:300}
html[data-cloud-app=desktop] body .today-card>span:last-child{font-size:11px;color:#bdcfe8;line-height:1.5}
html[data-cloud-app=desktop] body .today-tag{font-size:10px;color:#9fb9da}
html[data-cloud-app=desktop] body .today-card.attention{background:#dfb98d0c}
html[data-cloud-app=desktop] body .today-card.attention .today-tag{color:#e1c19d}
.today-empty{min-height:46px;display:flex;align-items:center;gap:9px;color:#b9cce5;font-size:12px;padding:2px 0 0}
.today-empty-check{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;color:#b6d4df;border:1px solid #b6d4df55;background:#b6d4df08}
.today-more{margin:3px 0 0}.today-more>summary{font-size:11px;color:#a6bddb;display:flex;align-items:center;justify-content:flex-end;gap:8px;list-style:none;min-height:44px;padding:6px 2px}
.today-more>summary::-webkit-details-marker{display:none}.today-more>summary span{font-size:13px}
.today-unavailable{font-size:12px;text-align:left;color:#e4c8a6;background:#dbbb880a;border:1px solid #dbbb8825;border-radius:15px;padding:12px 14px;min-height:46px;width:100%}
html[data-cloud-app=desktop] body .app-grid,html[data-cloud-app=desktop] body .app-grid.many-apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 12px;max-width:448px;margin-inline:auto}
html[data-cloud-app=desktop] body .app-tile{padding:7px 0;gap:10px;min-height:104px;justify-content:flex-start;border:0;overflow:visible}
.app-icon-wrap{display:block;position:relative;width:68px;height:68px;flex-shrink:0}
html[data-cloud-app=desktop] body .app-tile img,html[data-cloud-app=desktop] body .many-apps .app-tile img{width:68px;height:68px;filter:drop-shadow(0 7px 9px #02091b6b);object-fit:contain}
html[data-cloud-app=desktop] body .app-tile strong{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.15px;text-shadow:0 1px 7px #010719e6}
html[data-cloud-app=desktop] body .app-tile small{display:none}
.app-badge{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0 5px;border-radius:12px;background:linear-gradient(#ff6b73,#ed3e50);color:white;border:1.5px solid #12213c;font-size:10px;font-weight:650;line-height:1;box-shadow:0 2px 5px #0003}
.app-status-dot{position:absolute;right:0;bottom:1px;width:10px;height:10px;border-radius:50%;background:#e8bf7f;border:2px solid #14223b;box-shadow:0 1px 5px #0003;display:none}
.app-tile[data-attention="1"] .app-status-dot{display:block}
.app-tile[data-unread]:not([data-unread=""]) .app-status-dot{display:none}
html[data-cloud-app=desktop] body .dock-wrap{bottom:calc(15px + var(--screen-bottom))}
html[data-cloud-app=desktop] body .dock{gap:10px;padding:7px 11px;border-radius:30px;border:1px solid #edf4ff32;background:linear-gradient(145deg,#c8e0ff1c,#bfcafc10);box-shadow:inset 0 1px #fff2,0 10px 25px #02091c45;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
html[data-cloud-app=desktop] body .dock button{width:58px;height:57px;gap:5px;border-radius:22px}
html[data-cloud-app=desktop] body .dock button:first-child{background:transparent}
html[data-cloud-app=desktop] body .dock svg{width:22px;height:22px;stroke-width:1.7;color:#e5eefb}
html[data-cloud-app=desktop] body .dock small{font-size:10px;font-weight:450;color:#c3d4eb}
html[data-cloud-app=desktop] body .dock button:active{background:#cbe1ff20;transform:scale(.95)}
.desktop-entry{position:fixed;inset:0;pointer-events:none;z-index:12;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0b1c394a,transparent 66%);overflow:hidden}
body.privacy-hidden #root{visibility:hidden}
.entry-halo{position:absolute;width:min(64vw,360px);aspect-ratio:1;left:50%;top:47%;border-radius:50%;border:1px solid #abd9ff80;background:radial-gradient(circle,#acd7ff07 50%,#8ed4ff28 69%,transparent 72%);box-shadow:inset 0 0 28px #86c9ff20,0 0 30px #76c2ff18}
.entry-wordmark{font-size:35px;letter-spacing:9px;font-weight:450;color:#eef7ff;text-align:center;text-shadow:0 0 20px #8bcaff33;align-self:center;margin-top:-20px}
.entry-wordmark span{display:block;font-size:9px;letter-spacing:5px;color:#b8d4f1;margin-top:10px;padding-left:5px}
#login-form .primary:disabled:after{content:"";width:14px;height:14px;border:1.5px solid #17385944;border-top-color:#173859;border-radius:50%;animation:login-wait .8s linear infinite}
@keyframes login-wait{to{transform:rotate(360deg)}}
@media(max-width:360px){html[data-cloud-app=desktop] body .topbar{padding-left:max(20px,var(--screen-left));padding-right:max(20px,var(--screen-right))}html[data-cloud-app=desktop] body .desktop{padding:14px max(20px,var(--screen-right)) calc(125px + var(--screen-bottom)) max(20px,var(--screen-left))}html[data-cloud-app=desktop] body .clock{font-size:35px}html[data-cloud-app=desktop] body .date{font-size:11px}html[data-cloud-app=desktop] body .app-grid,html[data-cloud-app=desktop] body .app-grid.many-apps{gap:20px 9px}html[data-cloud-app=desktop] body .app-tile{min-height:94px;gap:8px}.app-icon-wrap,html[data-cloud-app=desktop] body .app-tile img,html[data-cloud-app=desktop] body .many-apps .app-tile img{width:57px;height:57px}html[data-cloud-app=desktop] body .app-tile strong{font-size:11px}html[data-cloud-app=desktop] body .today-card{padding-inline:12px;grid-template-columns:51px minmax(0,1fr)}}
@media(min-width:900px){html[data-cloud-app=desktop] body .desktop{padding-top:35px}html[data-cloud-app=desktop] body .app-grid,html[data-cloud-app=desktop] body .app-grid.many-apps{grid-template-columns:repeat(6,minmax(0,1fr));max-width:760px;gap:24px 20px}html[data-cloud-app=desktop] body .app-tile{min-height:128px}.app-icon-wrap,html[data-cloud-app=desktop] body .app-tile img,html[data-cloud-app=desktop] body .many-apps .app-tile img{width:86px;height:86px}html[data-cloud-app=desktop] body .app-tile strong{font-size:13px}}
@media(orientation:landscape) and (max-height:500px){html[data-cloud-app=desktop] body .desktop{padding-top:8px}html[data-cloud-app=desktop] body .welcome{margin-bottom:9px}html[data-cloud-app=desktop] body .clock{font-size:30px}html[data-cloud-app=desktop] body .today-panel{margin-bottom:17px}html[data-cloud-app=desktop] body .app-grid,html[data-cloud-app=desktop] body .app-grid.many-apps{grid-template-columns:repeat(5,minmax(0,1fr));max-width:700px}.app-icon-wrap,html[data-cloud-app=desktop] body .app-tile img,html[data-cloud-app=desktop] body .many-apps .app-tile img{width:57px;height:57px}html[data-cloud-app=desktop] body .app-tile{min-height:94px}}
@media(prefers-reduced-motion:reduce){.desktop-entry{display:none!important}#login-form .primary:disabled:after{animation:none!important}}
@media(prefers-reduced-transparency:reduce){html[data-cloud-app=desktop] body .dock{background:#21324b;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Full-screen launcher canvas. Business windows continue to use the keyboard viewport. */
html[data-cloud-app=desktop]{background:#090f25;color-scheme:dark;--desktop-gutter:clamp(20px,6vw,28px);--desktop-width:448px}
html[data-cloud-app=desktop] body{background:transparent}
html[data-cloud-app=desktop] body .wallpaper{inset:0;height:100vh;height:100lvh;min-height:100dvh;z-index:0;pointer-events:none}
html[data-cloud-app=desktop] #root{position:relative;z-index:1;min-height:100vh;min-height:100dvh}
html.desktop-fixed,html.desktop-fixed body{height:100%;overflow:hidden;overscroll-behavior:none}
html.desktop-fixed body{position:fixed;inset:0;height:var(--layout-height,100vh);min-height:0}
@supports(height:100dvh){html.desktop-fixed body{height:100dvh}}
html.desktop-fixed #root{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;touch-action:pan-x pinch-zoom}
html[data-cloud-app=desktop] #root>.topbar{flex:none;height:calc(56px + var(--screen-top));padding-left:max(var(--desktop-gutter),var(--screen-left));padding-right:max(var(--desktop-gutter),var(--screen-right))}
html[data-cloud-app=desktop] #root .top-meta{display:flex;align-items:center;gap:18px}
html[data-cloud-app=desktop] #root .lock-shortcut{height:44px;min-width:72px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid #d2e3ff24;border-radius:24px;background:#b3d3ff0a;color:#dbe8fa;font-size:12px;transition:transform 120ms,background 120ms}
html[data-cloud-app=desktop] #root .lock-shortcut svg{width:15px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
html[data-cloud-app=desktop] #root .lock-shortcut:active{transform:scale(.96);background:#b9d7ff24}
html[data-cloud-app=desktop].desktop-fixed #root>.desktop{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;padding:16px max(var(--desktop-gutter),var(--screen-right)) calc(100px + var(--screen-bottom)) max(var(--desktop-gutter),var(--screen-left))}
html[data-cloud-app=desktop] #root .welcome,html[data-cloud-app=desktop] #root .today-panel,html[data-cloud-app=desktop] #root .app-pages{width:100%;max-width:var(--desktop-width);margin-left:auto;margin-right:auto}
html[data-cloud-app=desktop] #root .welcome{flex:none;margin-bottom:16px}
html[data-cloud-app=desktop] #root .welcome>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}
html[data-cloud-app=desktop] #root .clock{font-size:42px;font-weight:300;line-height:1.2;letter-spacing:-1.8px}
html[data-cloud-app=desktop] #root .date{font-size:12px;line-height:1.6;margin:0;color:#c0cfe6}
html[data-cloud-app=desktop] #root .today-panel{flex:none;min-width:0;margin-bottom:22px}
html[data-cloud-app=desktop] #root .today-heading{display:flex;min-height:36px;margin-bottom:6px}
html[data-cloud-app=desktop] #root .today-heading h2{font-size:12px;font-weight:500}
html[data-cloud-app=desktop] #root .today-refresh{min-height:44px}
html[data-cloud-app=desktop] #root .today-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:4px 16px;width:100%;min-height:92px;padding:15px 18px;border-radius:23px;background:linear-gradient(125deg,#b4d6ff16,#b4d6ff08);border:1px solid #d4e5ff29;box-shadow:inset 0 1px #ffffff10;text-align:left;color:#eef4ff;transition:transform 120ms,background 120ms}
html[data-cloud-app=desktop] #root .summary-tag{grid-column:1;font-size:10px;color:#a9c4e5;line-height:1.4}
html[data-cloud-app=desktop] #root .summary-main{grid-column:1;font-size:15px;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-cloud-app=desktop] #root .summary-detail{grid-column:1;font-size:12px;line-height:1.5;color:#bdcee6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-cloud-app=desktop] #root .summary-count{grid-column:2;grid-row:1/4;font-size:11px;align-self:center;white-space:nowrap;color:#bed7f2}
html[data-cloud-app=desktop] #root .today-summary:active{transform:scale(.985);background:#b4d6ff20}
.app-pages{display:flex;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pinch-zoom}
.app-pages::-webkit-scrollbar{display:none}
html[data-cloud-app=desktop].desktop-fixed #root .app-pages .app-grid{flex:0 0 100%;min-width:100%;width:100%;max-width:none;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:112px;align-content:start;justify-items:center;gap:18px 8px;scroll-snap-align:start;scroll-snap-stop:always}
html[data-cloud-app=desktop].desktop-fixed #root .app-tile{height:112px;min-height:0;min-width:0;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:5px;padding:4px 0;border:0;background:transparent}
html[data-cloud-app=desktop] #root .app-icon-wrap{position:relative;width:64px;height:64px;flex:none;transition:transform 130ms cubic-bezier(.2,.8,.2,1)}
html[data-cloud-app=desktop] #root .app-icon-wrap:before{content:"";position:absolute;inset:2px;border-radius:24%;background:linear-gradient(145deg,#ffffff12,#09132908);box-shadow:0 7px 12px #02091b4d,inset 0 1px #ffffff26;pointer-events:none}
html[data-cloud-app=desktop] #root .app-tile img{position:relative;display:block;width:64px;height:64px;object-fit:contain;filter:none;border-radius:23%}
html[data-cloud-app=desktop] #root .app-tile[data-open=game] img{filter:brightness(1.08) saturate(.96)}
html[data-cloud-app=desktop] #root .app-tile[data-open=vault] img{filter:brightness(.98)}
html[data-cloud-app=desktop] #root .app-tile:active .app-icon-wrap{transform:scale(.92)}
html[data-cloud-app=desktop] #root .app-tile strong{font-size:12px;font-weight:500;line-height:18px;letter-spacing:0;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
html[data-cloud-app=desktop] #root .app-state-label{display:block;min-height:14px;max-width:100%;font-size:10px;line-height:14px;white-space:nowrap;color:#a9c9ef}
html[data-cloud-app=desktop] #root .app-state-label:empty{visibility:hidden}
html[data-cloud-app=desktop] #root .app-state-label[data-kind=warning]{color:#f0cc95}
html[data-cloud-app=desktop] #root .app-state-label[data-kind=alert]{color:#ffb0ad}
.app-badge[hidden],.dock .dot[hidden]{display:none!important}
html[data-cloud-app=desktop] #root>.dock-wrap{position:absolute;bottom:calc(12px + var(--screen-bottom));left:0;right:0;pointer-events:none}
html[data-cloud-app=desktop] #root .dock{pointer-events:auto;display:flex;width:auto;min-width:0;gap:14px;padding:7px 12px;border-radius:29px}
html[data-cloud-app=desktop] #root .dock button{width:62px;height:56px;border-radius:21px}
html[data-cloud-app=desktop] #root .dock button:active{transform:scale(.95)}
.today-full{margin-top:18px}
.app-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--app-foreground,#b8cee8);background:var(--app-paper,#111c30);font-size:13px;pointer-events:auto;z-index:1}
.app-loading:before{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:login-wait 900ms linear infinite}
[aria-busy=true]>.content-intro:after{content:"正在更新…";position:absolute;bottom:0;left:0;font-size:11px;color:#bed3ed}
html[data-cloud-app=desktop] #root .app-window:is([data-app=applications],[data-app=today]) .content-intro{position:sticky;top:0;z-index:2;background:var(--app-paper,#111c30)}
html[data-cloud-app=desktop] #root .app-window:is([data-app=applications],[data-app=today]) .window-content{overflow-anchor:none}
@media(max-width:360px){html[data-cloud-app=desktop] #root .clock{font-size:36px}html[data-cloud-app=desktop] #root .date{font-size:11px}html[data-cloud-app=desktop] #root .app-icon-wrap,html[data-cloud-app=desktop] #root .app-tile img{width:56px;height:56px}html[data-cloud-app=desktop] #root .app-tile strong{font-size:11px}}
@media(max-height:650px){html[data-cloud-app=desktop].desktop-fixed #root>.topbar{height:calc(48px + var(--screen-top))}html[data-cloud-app=desktop].desktop-fixed #root>.desktop{padding-top:8px;padding-bottom:calc(88px + var(--screen-bottom))}html[data-cloud-app=desktop] #root .welcome{display:none}html[data-cloud-app=desktop] #root .today-heading{display:none}html[data-cloud-app=desktop] #root .today-summary{min-height:64px;padding:9px 14px;gap:2px 10px}html[data-cloud-app=desktop] #root .summary-tag{display:none}html[data-cloud-app=desktop] #root .summary-count{grid-row:1/3}html[data-cloud-app=desktop] #root .today-panel{margin-bottom:14px}html[data-cloud-app=desktop].desktop-fixed #root .app-pages .app-grid{grid-auto-rows:92px;gap:12px 8px}html[data-cloud-app=desktop].desktop-fixed #root .app-tile{height:92px;gap:3px}html[data-cloud-app=desktop] #root .app-icon-wrap,html[data-cloud-app=desktop] #root .app-tile img{width:54px;height:54px}}
@media(min-width:900px){html[data-cloud-app=desktop]{--desktop-width:760px}html[data-cloud-app=desktop].desktop-fixed #root .app-pages .app-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:130px}html[data-cloud-app=desktop] #root .app-icon-wrap,html[data-cloud-app=desktop] #root .app-tile img{width:82px;height:82px}html[data-cloud-app=desktop].desktop-fixed #root .app-tile{height:130px}}
@media(orientation:landscape) and (max-height:550px){html[data-cloud-app=desktop]{--desktop-width:760px}html[data-cloud-app=desktop].desktop-fixed #root .app-pages .app-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:84px}html[data-cloud-app=desktop].desktop-fixed #root .app-tile{height:84px}html[data-cloud-app=desktop] #root .app-icon-wrap,html[data-cloud-app=desktop] #root .app-tile img{width:48px;height:48px}html[data-cloud-app=desktop] #root .today-summary{min-height:52px}html[data-cloud-app=desktop] #root .summary-detail{display:none}html[data-cloud-app=desktop] #root .today-panel{margin-bottom:10px}html[data-cloud-app=desktop].desktop-fixed #root>.desktop{padding-top:6px;padding-bottom:calc(80px + var(--screen-bottom))}html[data-cloud-app=desktop] #root>.dock-wrap{bottom:calc(6px + var(--screen-bottom))}}
@media(hover:none){html[data-cloud-app=desktop] #root .app-tile:hover{background:transparent}}
@media(prefers-reduced-motion:reduce){html[data-cloud-app=desktop] #root .app-icon-wrap,html[data-cloud-app=desktop] #root .lock-shortcut,html[data-cloud-app=desktop] #root .today-summary{transition:none}.app-loading:before{animation:none}}

.web-push-card{margin:22px 0}.web-push-devices{display:grid;gap:14px}.web-push-device{border-top:1px solid var(--line,#ffffff22);padding-top:15px;margin-top:14px}.web-push-card .row{flex-wrap:wrap;gap:9px}.web-push-card>p{margin:12px 0}.web-push-card button{min-height:44px}

.bark-backup{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}.bark-backup>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.channel-options{display:grid;gap:10px;margin-top:18px}.channel-options button{display:grid;text-align:left;gap:5px}.channel-options button span{font-size:12px;opacity:.75}.channel-options button[aria-pressed=true]{outline:2px solid #9ec2ff}#network-status{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:16px;right:16px;margin:auto;max-width:520px;padding:11px 16px;border:1px solid #e0b16a66;border-radius:16px;background:#243044f5;color:#ffe1b7;font-size:12px;line-height:1.6;z-index:250;pointer-events:none;text-align:center}

.today-actions{display:flex;gap:4px;align-items:center}.today-actions>button{min-width:44px}.desktop-quick{display:flex;gap:8px;margin-top:10px}.desktop-quick button{min-height:44px;flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 13px;border:1px solid #c8ddff25;border-radius:15px;background:#b3d4ff0e;color:#d9eaff;font-size:12px}.desktop-quick button span{opacity:.65}.desktop-quick button:active{transform:scale(.97);background:#c8ddff20}.quick-options{display:flex;flex-wrap:wrap;gap:8px}.quick-options button[aria-pressed=true],.today-option button[aria-pressed=true]{outline:1px solid #9ec2ff80;background:#9ec2ff20}.today-option{display:flex;gap:6px}.today-option>span{flex:1;min-width:0;font-size:13px}.today-option>button{min-width:44px;padding:8px 10px!important}.today-option>button:disabled{opacity:.25}#today-options{scroll-margin-top:16px}html[data-cloud-app=desktop] #root .app-window:is([data-app=notifications],[data-app=vault]) .window-content{overflow-anchor:none}@media(max-height:700px){.desktop-quick{display:none}}

.site-filing{position:fixed;inset:auto 0 calc(2px + var(--screen-bottom, env(safe-area-inset-bottom))) 0;z-index:5;text-align:center;font-size:11px;line-height:22px}
.site-filing a{color:#d4dff2;text-decoration:underline;text-underline-offset:2px}
html[data-site-filing] body:not(.app-open) .dock-wrap{bottom:calc(30px + var(--screen-bottom))}
body.app-open .site-filing{display:none}

.notify-item > p{white-space:pre-line}
.notify-item .delivery-list,.notification-delivery-settings{color:#cad7ea;margin:10px 0}
.notify-item .delivery-list summary,.notification-delivery-settings>summary{min-height:44px;padding:10px 0;cursor:pointer}
.reset-notice-target{margin:12px 0;padding:12px;border:1px solid #8eaff04d;border-radius:16px}
.reset-notice-target>h2{font-size:14px;margin:0 0 10px}

.login-help{min-height:44px;margin-top:6px;color:#d4dff2}
#toast button{min-height:44px;margin-left:8px;padding:0 12px}
.login-foot{display:flex;align-items:center;gap:10px}
.login-foot .login-note{margin:0}