:root{color-scheme:light dark;--page: #eef8ff;--page-soft: #f5fbff;--page-deep: #e9f6ff;--surface: rgba(255, 255, 255, .66);--surface-strong: rgba(255, 255, 255, .84);--surface-active: rgba(222, 244, 255, .74);--text: #1f3342;--muted: #657d8b;--subtle: #8295a0;--line: rgba(140, 200, 235, .35);--line-strong: rgba(110, 180, 220, .48);--shadow: 0 18px 46px rgba(50, 120, 170, .08), 0 3px 10px rgba(50, 120, 170, .035);--accent: #69bceb;--accent-deep: #3f8fc0;--accent-soft: rgba(124, 201, 242, .17);--good: #398e79;--glass-highlight: rgba(255, 255, 255, .76)}@media(prefers-color-scheme:dark){:root{--page: #07141d;--page-soft: #0a1a25;--page-deep: #0d202d;--surface: rgba(18, 40, 55, .74);--surface-strong: rgba(25, 50, 66, .86);--surface-active: rgba(24, 66, 84, .68);--text: #e5f3fa;--muted: #a1b8c5;--subtle: #829aa8;--line: rgba(100, 180, 225, .18);--line-strong: rgba(112, 199, 242, .32);--shadow: 0 20px 48px rgba(0, 0, 0, .2), 0 2px 10px rgba(0, 0, 0, .12);--accent: #70c7f2;--accent-deep: #55a9d3;--accent-soft: rgba(79, 158, 197, .18);--good: #74cdb2;--glass-highlight: rgba(210, 238, 252, .12)}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}#root{position:relative;z-index:1}body{position:relative;isolation:isolate;overflow-x:hidden;background:radial-gradient(ellipse at 50% -12%,rgba(124,201,242,.24),transparent 38rem),linear-gradient(150deg,var(--page-soft),var(--page) 54%,var(--page-deep));color:var(--text);font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;-webkit-font-smoothing:antialiased}body:before{position:fixed;z-index:0;inset:0;content:"";pointer-events:none;opacity:.022;background-image:linear-gradient(rgba(54,132,177,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(54,132,177,.45) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);mask-image:linear-gradient(to bottom,black,transparent 88%)}@media(prefers-color-scheme:dark){body:before{opacity:.025}}.page{width:min(100%,56rem);min-height:100vh;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,4vw,2rem) 1.5rem}.hero-card,.timeline,.today-overview{width:100%;max-width:44rem;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow),inset 0 1px 0 var(--glass-highlight);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.hero-card{--state-accent: #58aee0;--state-soft: rgba(105, 188, 235, .2);position:relative;overflow:hidden;padding:clamp(1.6rem,5vw,2.8rem) 1.5rem 1.55rem;border-radius:2rem;text-align:center;isolation:isolate;background-color:var(--surface);background-image:radial-gradient(ellipse at 50% 0%,rgba(105,188,235,.1),transparent 70%);background-size:130% 125%;animation:arrive .42s ease-out both,water-drift 20s ease-in-out infinite alternate}.hero-card>*{position:relative;z-index:1}.hero-card:before,.hero-card:after{position:absolute;z-index:0;content:"";pointer-events:none;border-radius:50%;filter:blur(20px);opacity:.52}.hero-card:before{width:12rem;height:8rem;left:6%;top:4%;background:radial-gradient(ellipse,rgba(105,188,235,.3),transparent 72%);animation:ripple-one 12s ease-in-out infinite alternate}.hero-card:after{width:13rem;height:8rem;right:4%;top:3%;background:linear-gradient(180deg,var(--glass-highlight),transparent 78%),radial-gradient(ellipse,rgba(124,201,242,.24),transparent 72%);animation:ripple-two 16s ease-in-out infinite alternate}.state-available{--state-accent: #43a992;--state-soft: rgba(93, 195, 165, .18)}.state-in_class{--state-accent: #58aee0;--state-soft: rgba(105, 188, 235, .2)}.state-studying{--state-accent: #5799c6;--state-soft: rgba(103, 174, 211, .18)}.state-meeting{--state-accent: #699fb8;--state-soft: rgba(115, 183, 211, .2)}.state-busy{--state-accent: #628eae;--state-soft: rgba(104, 169, 206, .17)}.state-resting{--state-accent: #7c9bb3;--state-soft: rgba(137, 179, 206, .18)}.state-away{--state-accent: #49a6ad;--state-soft: rgba(86, 187, 190, .17)}.state-unknown{--state-accent: #8ba4b1;--state-soft: rgba(149, 184, 198, .14)}.hero-kicker{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.66rem;font-weight:750;letter-spacing:.15em}.hero-kicker-mark{color:var(--state-accent);font-size:.85rem}.hero-name{margin:.55rem 0 1.1rem;font-size:clamp(1.45rem,4vw,1.8rem);font-weight:720;letter-spacing:-.04em}.avatar-shell{position:relative;width:clamp(5.8rem,20vw,7rem);aspect-ratio:1;margin:0 auto 1.15rem}.avatar-ring{width:100%;height:100%;padding:.28rem;border:1px solid rgba(140,200,235,.5);border-radius:50%;background:linear-gradient(145deg,#ffffffdb,#69bceb6b);box-shadow:0 8px 24px #3278aa1f,inset 0 1px #ffffffe6}.avatar-image,.avatar-fallback{display:grid;width:100%;height:100%;place-items:center;border:3px solid var(--surface-strong);border-radius:50%}.avatar-image{object-fit:cover}.avatar-fallback{background:linear-gradient(145deg,#8bd3f2,#58aee0 58%,#4c9ecb);color:#f8fdff;font-size:2.45rem;font-weight:720;letter-spacing:-.06em;text-shadow:0 1px 3px rgba(31,91,125,.2)}.avatar-sparkle{position:absolute;right:-.18rem;bottom:.55rem;display:grid;width:1.5rem;height:1.5rem;place-items:center;border:2px solid var(--surface);border-radius:50%;background:var(--surface-strong);color:var(--accent-deep);font-size:.7rem}.hero-status-line{display:flex;align-items:center;justify-content:center;gap:.65rem}.status-orb{position:relative;display:grid;flex:0 0 auto;width:1.9rem;height:1.9rem;place-items:center;border:1px solid color-mix(in srgb,var(--state-accent),white 43%);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.85),var(--state-soft));box-shadow:0 3px 12px color-mix(in srgb,var(--state-accent),transparent 82%),inset 0 1px #fffc;animation:orb-breathe 4s ease-in-out infinite}.status-orb:before{position:absolute;inset:.21rem;border:1px solid color-mix(in srgb,var(--state-accent),transparent 63%);border-radius:50%;content:""}.status-orb>span{width:.58rem;height:.58rem;border-radius:50%;background:var(--state-accent);box-shadow:0 0 10px color-mix(in srgb,var(--state-accent),transparent 42%)}.hero-label{margin:0;color:var(--state-accent);font-size:clamp(1.5rem,5vw,2.1rem);font-weight:760;letter-spacing:-.045em}.hero-detail{margin:.55rem 0 0;color:var(--muted);font-size:1rem;font-weight:550}.hero-until{display:inline-flex;align-items:center;gap:.4rem;margin:1rem 0 0;padding:.48rem .85rem;border:1px solid var(--line);border-radius:999px;background:#ffffff57;box-shadow:inset 0 1px 0 var(--glass-highlight);color:var(--text);font-size:.83rem;font-variant-numeric:tabular-nums}.hero-until span{color:var(--accent-deep);font-size:1.05rem}.hero-updated{margin:.95rem 0 0;color:var(--subtle);font-size:.72rem}.placeholder{margin:0;color:var(--muted)}.timeline,.today-overview{margin-top:1rem;padding:1.15rem clamp(1rem,3vw,1.45rem);border-radius:1.35rem;animation:arrive .48s ease-out both}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 .65rem}.section-heading h2,.today-heading{margin:0;font-size:.98rem;font-weight:720;letter-spacing:-.02em}.section-heading p{margin:.16rem 0 0;color:var(--muted);font-size:.7rem;letter-spacing:.015em}.section-heading-mark{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.7rem;background:var(--accent-soft);color:var(--accent-deep);font-size:1.15rem}.timeline{position:relative}.timeline:before{position:absolute;top:4.35rem;bottom:1.35rem;left:1.95rem;width:1px;background:linear-gradient(var(--line-strong),var(--line));content:"";pointer-events:none}.timeline-row{position:relative;display:grid;grid-template-columns:1.6rem 5.3rem minmax(0,1fr);gap:.55rem;align-items:center;min-height:3.55rem;padding:.58rem .6rem;border-top:1px solid var(--line);border-radius:.75rem;transition:background-color .16s ease,transform .16s ease}.timeline-marker{z-index:1;display:grid;width:1.35rem;height:1.35rem;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface-strong);color:var(--muted);font-size:.75rem;text-align:center}.timeline-caption{color:var(--muted);font-size:.73rem;font-weight:620;white-space:nowrap}.timeline-body{display:flex;flex-direction:column;gap:.16rem;min-width:0}.timeline-label{overflow-wrap:anywhere;font-size:.9rem;font-weight:590;line-height:1.4}.timeline-time{color:var(--muted);font-size:.74rem;font-variant-numeric:tabular-nums}.timeline-current{margin:.12rem 0;border:1px solid var(--line-strong);background:var(--surface-active);color:var(--text)}.timeline-current .timeline-marker{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 .2rem var(--accent-soft)}.timeline-current .timeline-caption{color:var(--accent-deep)}.timeline-current .timeline-label{font-weight:730}.today-heading{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem}.today-heading-icon{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--line);border-radius:.7rem;background:var(--accent-soft);font-size:1rem}.today-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.today-item{display:grid;grid-template-columns:minmax(7.2rem,31%) minmax(0,1fr);gap:.85rem;align-items:start;min-width:0;padding:.68rem .6rem;border-top:1px solid var(--line);border-radius:.75rem;transition:background-color .16s ease}.today-range{color:var(--muted);font-size:.77rem;font-variant-numeric:tabular-nums;line-height:1.5;overflow-wrap:anywhere}.today-content{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0}.today-label{font-size:.88rem;font-weight:560;line-height:1.45;overflow-wrap:anywhere}.today-private-mark{color:var(--subtle);font-size:.7rem}.today-live{display:inline-flex;align-items:center;gap:.3rem;color:var(--good);font-size:.67rem;font-weight:700}.today-live:before{content:"";width:.38rem;height:.38rem;border-radius:50%;background:currentColor}.today-item-current{border-left:3px solid var(--accent);background:var(--surface-active)}.today-item-current .today-range,.today-item-current .today-label{color:var(--accent-deep);font-weight:680}.today-item-past .today-range,.today-item-past .today-label{opacity:.52}.today-empty{margin:0;padding:.85rem .5rem .35rem;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem;line-height:1.75;text-align:center}.notice{max-width:34rem;margin:1.1rem 0 0;color:var(--muted);opacity:.68;font-size:.68rem;line-height:1.65;text-align:center}@keyframes arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes water-drift{0%{background-position:0% 0%}to{background-position:3% 2%}}@keyframes ripple-one{0%{transform:translate(0) scale(1)}to{transform:translate(3%,2%) scale(1.025)}}@keyframes ripple-two{0%{transform:translate(0) scale(1)}to{transform:translate(-2%,3%) scale(1.02)}}@keyframes orb-breathe{0%,to{transform:scale(1);box-shadow:0 3px 12px color-mix(in srgb,var(--state-accent),transparent 82%),inset 0 1px #fffc}50%{transform:scale(1.025);box-shadow:0 4px 15px color-mix(in srgb,var(--state-accent),transparent 75%),inset 0 1px #ffffffd9}}@media(max-width:520px){.page{justify-content:flex-start;gap:0;padding:1.05rem .9rem 1.25rem}.hero-card{border-radius:1.65rem;padding:1.3rem 1.1rem 1.2rem;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}.hero-name{margin:.42rem 0 .8rem}.avatar-shell{width:5.35rem;margin-bottom:.85rem}.avatar-fallback{font-size:2rem}.hero-label{font-size:1.62rem}.timeline,.today-overview{margin-top:.78rem;padding:.9rem .75rem;border-radius:1.15rem;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}.timeline:before{left:calc(.75rem + .68rem)}.timeline-row{grid-template-columns:1.4rem 4.55rem minmax(0,1fr);gap:.36rem;padding-inline:.28rem}.timeline-caption{font-size:.67rem}.timeline-label{font-size:.83rem}.today-item{grid-template-columns:minmax(6.5rem,38%) minmax(0,1fr);gap:.52rem;padding-inline:.3rem}.today-range{font-size:.71rem}.today-label{font-size:.83rem}.notice{padding-inline:.35rem}}@media(max-width:360px){.page{padding-inline:.62rem}.timeline-row{grid-template-columns:1.25rem 4.1rem minmax(0,1fr);gap:.28rem}.today-item{grid-template-columns:minmax(6rem,40%) minmax(0,1fr);gap:.38rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}