:root{--island-title:ui-rounded,'Hiragino Maru Gothic ProN','STYuanti','YouYuan','Microsoft YaHei',sans-serif;--island-round:ui-rounded,'Arial Rounded MT Bold','Trebuchet MS',system-ui,sans-serif}
.ti-wordmark{display:inline-flex;gap:1px;align-items:baseline;font-family:var(--island-title);font-size:31px;font-weight:400;line-height:1.12;letter-spacing:0;text-shadow:0 3px 0 #0e3a3b}
.ti-wordmark>span:nth-child(1){color:#68dec3;transform:rotate(-7deg)}.ti-wordmark>span:nth-child(2){color:#84e1b7;transform:translateY(-2px) rotate(3deg)}.ti-wordmark>span:nth-child(3){color:#ffc76b;transform:rotate(7deg)}
body.island-ui .hq-brand small,.site-header .brand small{font-family:var(--island-round);font-size:10px;letter-spacing:2.3px;font-weight:750;margin-top:7px}
body.island-ui .hq-brand>img,.site-header .brand>img{width:48px;height:48px;filter:drop-shadow(0 3px 0 #0003);object-fit:contain}
.ti-wordmark-image{display:block;width:119px;height:auto;filter:drop-shadow(0 2px 0 #082a2d)}body.island-ui .hq-brand .ti-wordmark-image,.site-header .brand .ti-wordmark-image{width:119px;height:42px}body.island-ui .hq-brand small,.site-header .brand small{margin-top:0;text-align:center}#startup-screen .ti-wordmark-image{width:174px;height:62px}body.island-ui .portal-title,body.island-ui.portal h1{font-family:var(--island-title);letter-spacing:1px}
body.island-ui .hq-title h1,body.island-ui .hq-focus h2,body.island-ui .hq-list-heading h2,body.island-ui #my-day .md-head h1,body.island-ui #onboarding-guide h2,body.island-ui #connection-title,.brand-page h1,.brand-page h2{font-family:var(--island-title);font-weight:400;letter-spacing:.6px;line-height:1.5}
body.island-ui .hq-title h1{font-size:34px}body.island-ui .hq-list-heading h2{font-size:23px}body.island-ui .hq-focus h2{font-size:27px}
body.island-ui .hq-overview strong,body.island-ui #my-day .time-column #md-clock,.brand-page .price{font-family:var(--island-round);font-weight:750;font-variant-numeric:tabular-nums}
body.island-ui .hq-task{overflow:visible;padding-top:21px}body.island-ui .hq-task-body{position:relative;z-index:1}body.island-ui .hq-task-end{position:relative;z-index:1}
body.island-ui .hq-task::before{content:'';position:absolute;right:18px;top:-7px;width:36px;height:14px;background:#ffffff34;border:1px solid #ffffff25;border-radius:3px;transform:rotate(9deg);pointer-events:none}
body.island-ui .hq-task::after{content:'✦';position:absolute;right:10px;top:19px;color:#ffffff32;font-size:40px;line-height:1;transform:rotate(12deg);pointer-events:none}
body.island-ui .hq-task[data-kind='运动']::after{content:'↗';font-family:var(--island-round);font-size:44px}body.island-ui .hq-task[data-kind='阅读']::after{content:'✧';transform:rotate(-12deg)}body.island-ui .hq-task[data-kind='休息']::after{content:'☾';font-size:35px}body.island-ui .hq-task.done::after{content:'✓';font-family:var(--island-round);color:#bce9c529}
body.island-ui .hq-task .hq-task-icon{transform:rotate(-7deg)}body.island-ui .hq-task:nth-child(even) .hq-task-icon{transform:rotate(6deg)}body.island-ui .hq-task-kind{max-width:calc(100% - 20px)}
.brand-page .plan{position:relative;overflow:visible}.brand-page .plan::before{content:'✦';position:absolute;top:-13px;right:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ffda80;color:#815429;border:2px solid #ffeeb7;transform:rotate(12deg);pointer-events:none}.brand-page .plan:nth-child(even)::before{background:#ace6d6;color:#226b5b;border-color:#d4f6e9;transform:rotate(-9deg)}
/* The loader is indeterminate: no artificial percent or forced delay. */
body.island-ui #startup-screen{display:grid;place-content:center;justify-items:center;gap:18px;padding:24px;background:radial-gradient(ellipse at 50% 43%,#244c55 0,transparent 57%),#12191f!important;color:#c3dfdf!important;overflow:auto}
body.island-ui #startup-screen[hidden]{display:none}
.ti-loader-scene{width:196px;height:172px;position:relative;display:grid;place-items:center}.ti-loader-scene:before{content:'';position:absolute;bottom:5px;width:104px;height:14px;border-radius:50%;background:#08131880;filter:blur(4px);animation:ti-shadow 2.4s ease-in-out infinite}
body.island-ui #startup-screen .ti-loader-mark{width:132px;height:132px;animation:ti-float 2.4s ease-in-out infinite!important;filter:drop-shadow(0 10px 15px #0003)}
.ti-loader-orbit{position:absolute;inset:0;border:1px dashed #78d7c436;border-radius:50%;transform:rotate(-18deg)}.ti-loader-orbit:before{content:'✦';position:absolute;top:12px;left:24px;color:#ffcf74;font-size:30px;animation:ti-spark 1.8s ease-in-out infinite}.ti-loader-orbit:after{content:'✧';position:absolute;bottom:8px;right:20px;color:#70d4c2;font-size:23px;animation:ti-spark 1.8s .6s ease-in-out infinite}
#startup-screen .ti-wordmark{font-size:44px}#startup-screen .ti-loader-label{font:750 12px var(--island-round);letter-spacing:5px;color:#d4b97a;margin-top:-8px}#startup-screen .ti-loader-status{font:14px/1.7 system-ui;margin:0;color:#afc8d4}.ti-loader-dots{display:flex;gap:7px;height:12px}.ti-loader-dots i{width:7px;height:7px;border-radius:50%;background:#70cdbb;animation:ti-dot 1.4s ease-in-out infinite}.ti-loader-dots i:nth-child(2){animation-delay:.17s;background:#efc875}.ti-loader-dots i:nth-child(3){animation-delay:.34s;background:#65a9d6}
body.island-ui #startup-screen .ti-wordmark-image{animation:none!important;filter:drop-shadow(0 3px 0 #082a2d)}
#startup-screen .ti-loader-tip{font:12px/1.8 system-ui;max-width:300px;text-align:center;color:#8ba7b5;min-height:22px;margin:0}#startup-screen .ti-loader-retry{border:1px solid #4c7083;background:#233a49;color:#cee3ee;border-radius:24px;padding:11px 20px;font:14px system-ui;min-height:44px}#startup-screen .ti-loader-retry[hidden]{display:none}
@keyframes ti-float{0%,100%{transform:translateY(3px) rotate(-4deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes ti-shadow{50%{transform:scale(.83);opacity:.5}}@keyframes ti-spark{0%,100%{opacity:.5;transform:scale(.8) rotate(-8deg)}50%{opacity:1;transform:scale(1.08) rotate(8deg)}}@keyframes ti-dot{0%,70%,100%{transform:translateY(0);opacity:.4}35%{transform:translateY(-5px);opacity:1}}
@media(hover:hover){body.island-ui .hq-task:hover .hq-task-icon{transform:rotate(0) scale(1.08)}body.island-ui .hq-task .hq-task-icon{transition:transform .18s}body.island-ui .hq-brand:hover img{transform:rotate(-6deg);transition:transform .2s}}
@media(max-width:700px){.ti-wordmark{font-size:28px}body.island-ui .hq-brand>img,.site-header .brand>img{width:40px;height:40px}body.island-ui .hq-brand .ti-wordmark-image{width:104px;height:37px}body.island-ui .hq-title h1{font-size:25px}body.island-ui .hq-list-heading h2{font-size:22px}body.island-ui .hq-task::after{font-size:35px;top:17px}body.island-ui #startup-screen{gap:15px}.ti-loader-scene{width:170px;height:150px}}
@media(prefers-reduced-motion:reduce){body.island-ui #startup-screen .ti-loader-mark,.ti-loader-scene:before,.ti-loader-orbit:before,.ti-loader-orbit:after,.ti-loader-dots i{animation:none!important}body.island-ui .hq-task:hover .hq-task-icon{transform:none}.ti-loader-dots i{opacity:.7}}
