:root{--sky:#0b63f6;--deep:#0a1b3d;--ice:#eef4ff;--chalk:#ffffff;--slate:#55627a;--frame:#d5deee;--warn:#ff7a1a}
*{box-sizing:border-box}body{margin:0;background:var(--ice);color:var(--deep);font:16.5px/1.68 Roboto,"Noto Sans","Segoe UI","Helvetica Neue",Arial,sans-serif}
a{color:var(--sky);text-underline-offset:3px}a:hover{color:var(--warn)}
.screen{max-width:1020px;margin:0 auto;padding:0 18px}
.statusbar{background:var(--chalk);border-bottom:1px solid var(--frame);position:sticky;top:0;z-index:5}
.statusbar .screen{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding-top:12px;padding-bottom:12px}
.appicon{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;color:var(--deep);text-decoration:none}
.appicon::before{content:"";width:28px;height:28px;border-radius:8px;background:var(--sky);box-shadow:inset 0 -9px 0 rgba(10,27,61,.25)}
.dock{display:flex;flex-wrap:wrap;gap:6px}.dock a{font-size:14px;font-weight:500;color:var(--deep);text-decoration:none;background:var(--ice);border-radius:10px;padding:6px 12px}.dock a:hover{background:var(--sky);color:#fff}
.splash{padding:48px 0 26px}.splash h1{font-size:clamp(30px,5.6vw,52px);line-height:1.08;letter-spacing:-.03em;margin:0 0 14px;max-width:18ch}
.splash h1 em{font-style:normal;color:var(--sky)}.splash p{font-size:18px;color:var(--slate);max-width:56ch;margin:0}
.homescreen{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:8px 0 64px}
.widget{display:block;background:var(--chalk);border-radius:22px;padding:20px 20px 18px;text-decoration:none;color:var(--deep);border:1px solid var(--frame)}
.widget:hover{border-color:var(--sky);color:var(--deep)}
.widget h2{font-size:19px;line-height:1.28;margin:10px 0 6px}.widget p{margin:0;font-size:14.5px;line-height:1.55;color:var(--slate)}
.pill2{display:inline-block;font-size:12px;font-weight:700;color:var(--sky);background:var(--ice);border-radius:999px;padding:4px 11px}
.sheet2{max-width:700px;margin:26px auto 64px;background:var(--chalk);border-radius:26px;border:1px solid var(--frame);padding:30px clamp(18px,4vw,40px) 26px}
.sheet2 h1{font-size:clamp(26px,4.6vw,38px);line-height:1.14;letter-spacing:-.025em;margin:12px 0 12px}
.preview{font-size:17.5px;color:var(--slate);margin:0 0 24px}
.sheet2 h2{font-size:20px;margin:30px 0 8px}.sheet2 ul{padding-left:20px}.sheet2 li{margin:6px 0}
.sync{margin-top:34px;font-size:13px;color:var(--slate)}
.tray{font-size:14px;color:var(--slate)}.tray .screen{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 22px;padding-top:6px;padding-bottom:30px}
@media(max-width:560px){.splash{padding-top:30px}.sheet2{margin-top:16px;border-radius:20px}}