:root{--ref-space-950:#05060A;--ref-space-900:#080B14;--ref-space-800:#0B1020;--ref-space-700:#0E1A34;--ref-space-ink-100:#EAF1FF;--ref-space-ink-300:#A8B6D4;--ref-space-ink-500:#8A9AC2;--ref-space-gold-400:#FFC24D;--ref-space-orange-500:#FF7A1A;--ref-space-orange-300:#FFB35C;--ref-space-white:#FFFFFF;--ref-space-black:#000000;--ref-space-violet-500:#7E4FC0;--ref-space-violet-700:#5B2E96;--ref-space-green-600:#0E7C38;--ref-space-green-800:#0A5C2A;--ref-space-line-500:#5A82C0;--ref-space-hud-line:rgba(120,180,255,.25);--ref-space-violet:#2A1B4D;--ref-space-glass:rgba(20,34,64,.78);--ref-space-scrim:rgba(5,6,10,.72);--ref-space-focus:#FFFFFF;--ref-space-on-accent:#1A0E02;--ref-space-gold-tint:rgba(255,194,77,.14);--ref-space-violet-tint:rgba(126,79,192,.16);--ref-space-green-tint:rgba(14,124,56,.2);--ref-space-warn-tint:rgba(255,122,26,.2);--ref-space-line-tint:rgba(120,180,255,.14);--ref-space-skeleton:rgba(234,241,255,.08);--ref-space-scrim-soft:rgba(5,6,10,.55);--ref-space-shadow-soft:rgba(0,0,0,.35);--ref-space-shadow-lift:rgba(0,0,0,.55);--ref-space-surface-tint:rgba(234,241,255,.08);--sys-color-bg-0:var(--ref-space-950);--sys-color-bg-1:var(--ref-space-900);--sys-color-bg-2:var(--ref-space-800);--sys-color-bg-3:var(--ref-space-700);--sys-color-ink:var(--ref-space-ink-100);--sys-color-ink-dim:var(--ref-space-ink-300);--sys-color-ink-faint:var(--ref-space-ink-500);--sys-color-accent-gold:var(--ref-space-gold-400);--sys-color-alert:var(--ref-space-orange-500);--sys-color-hud-line:var(--ref-space-hud-line);--sys-color-violet-panel:var(--ref-space-violet);--sys-color-border-strong:var(--ref-space-line-500);--sys-color-surface:var(--ref-space-glass);--sys-color-scrim:var(--ref-space-scrim);--sys-color-focus:var(--ref-space-focus);--sys-color-on-accent:var(--ref-space-on-accent);--sys-color-gold-soft:var(--ref-space-gold-tint);--sys-color-violet-soft:var(--ref-space-violet-tint);--sys-color-success:var(--ref-space-green-600);--sys-color-success-soft:var(--ref-space-green-tint);--sys-color-warn:var(--ref-space-orange-500);--sys-color-warn-soft:var(--ref-space-warn-tint);--sys-color-line-soft:var(--ref-space-line-tint);--sys-color-skeleton:var(--ref-space-skeleton);--sys-color-scrim-soft:var(--ref-space-scrim-soft);--sys-color-on-solid:var(--ref-space-white);--sys-color-action-primary-1:var(--ref-space-orange-300);--sys-color-action-primary-2:var(--ref-space-orange-500);--sys-color-action-violet-1:var(--ref-space-violet-500);--sys-color-action-violet-2:var(--ref-space-violet-700);--sys-color-action-green-1:var(--ref-space-green-600);--sys-color-action-green-2:var(--ref-space-green-800);--sys-color-action-ghost-bg:transparent;--sys-shadow-soft:var(--ref-space-shadow-soft);--sys-shadow-lift:var(--ref-space-shadow-lift);--sys-color-surface-tint:var(--ref-space-surface-tint);--sys-space-tap:44px;--sys-space-gap:12px;--sys-radius-card:12px;--sys-radius-btn:8px;--sys-radius-chip:999px;--sys-font-body:16px;--sys-font-title:24px;--sys-font-hero:32px;--sys-line-body:1.6;--sys-control-h:48px;--sys-motion-tap:.12s;--sys-motion-move:.24s;--sys-motion-screen:.32s;--sys-motion-ease:cubic-bezier(.2,0,0,1);--comp-card-bg:var(--sys-color-surface);--comp-card-border:1px solid var(--sys-color-hud-line);--comp-btn-primary-fg:var(--sys-color-on-accent);--comp-btn-primary-from:var(--sys-color-action-primary-1);--comp-btn-primary-to:var(--sys-color-action-primary-2);--comp-btn-violet-fg:var(--sys-color-on-solid);--comp-btn-violet-from:var(--sys-color-action-violet-1);--comp-btn-violet-to:var(--sys-color-action-violet-2);--comp-btn-green-fg:var(--sys-color-on-solid);--comp-btn-green-from:var(--sys-color-action-green-1);--comp-btn-green-to:var(--sys-color-action-green-2);--comp-btn-ghost-fg:var(--sys-color-ink);--comp-btn-ghost-border:var(--sys-color-border-strong);--bg0:#05060A;--bg1:#080B14;--bg2:#0B1020;--bg3:#0E1A34;--surface:rgba(20,34,64,.78);--ink:#EAF1FF;--dim:#A8B6D4;--faint:#8A9AC2;--gold:#FFC24D;--strong:#5A82C0}body{background:linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 38%,var(--bg2) 72%,var(--bg3) 100%);color:var(--ink);font-size:var(--sys-font-body);line-height:var(--sys-line-body);font-family:PingFang SC,Hiragino Sans GB,Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif}.btn.violet{color:#fff;background:linear-gradient(180deg,#7e4fc0,#5b2e96)}.fb.ok{color:#c8f5d8;background:#0f2e1e}.fb.bad{color:#ffd2d2;background:#3a1014}.exp{color:var(--ink);background:#060a14}.tag.subj{color:#dce8ff;background:#4878d238}.tag.comp{color:#ffe2c2;background:#ff7a1a33}.tag.speed{color:#d6f0ff;background:#38a0dc33}:root{--ref-paper-50:#F6F8FC;--ref-paper-100:#F1F5FC;--ref-paper-200:#EDF2FA;--ref-paper-300:#E8EEF9;--ref-ink-900:#121A2C;--ref-ink-600:#4A5A78;--ref-ink-500:#5E6D89;--ref-gold-700:#8A5A00;--ref-orange-500:#FF7A1A;--ref-orange-300:#FFB35C;--ref-white:#FFFFFF;--ref-black:#000000;--ref-violet-600:#5B4BD6;--ref-violet-800:#4331B0;--ref-green-600:#0E7C38;--ref-green-800:#0A5C2A;--ref-line-700:#6E82A8;--ref-glass:rgba(255,255,255,.86);--ref-scrim:rgba(18,26,44,.72);--ref-on-accent:#1A0E02;--ref-gold-tint:rgba(138,90,0,.1);--ref-violet-tint:rgba(91,75,214,.1);--ref-green-tint:rgba(14,124,56,.12);--ref-warn-tint:rgba(255,122,26,.16);--ref-line-tint:rgba(110,130,168,.3);--ref-skeleton:rgba(74,90,120,.1);--ref-scrim-soft:rgba(18,26,44,.45);--ref-shadow-soft:rgba(18,26,44,.06);--ref-shadow-lift:rgba(18,26,44,.14);--ref-surface-tint:rgba(18,26,44,.06);--sys-color-bg-0:var(--ref-paper-50);--sys-color-bg-1:var(--ref-paper-100);--sys-color-bg-2:var(--ref-paper-200);--sys-color-bg-3:var(--ref-paper-300);--sys-color-ink:var(--ref-ink-900);--sys-color-ink-dim:var(--ref-ink-600);--sys-color-ink-faint:var(--ref-ink-500);--sys-color-accent-gold:var(--ref-gold-700);--sys-color-alert:var(--ref-orange-500);--sys-color-border-strong:var(--ref-line-700);--sys-color-surface:var(--ref-glass);--sys-color-scrim:var(--ref-scrim);--sys-color-focus:var(--ref-ink-900);--sys-color-on-accent:var(--ref-on-accent);--sys-color-gold-soft:var(--ref-gold-tint);--sys-color-violet-soft:var(--ref-violet-tint);--sys-color-success:var(--ref-green-600);--sys-color-success-soft:var(--ref-green-tint);--sys-color-warn:var(--ref-orange-500);--sys-color-warn-soft:var(--ref-warn-tint);--sys-color-line-soft:var(--ref-line-tint);--sys-color-skeleton:var(--ref-skeleton);--sys-color-scrim-soft:var(--ref-scrim-soft);--sys-color-on-solid:var(--ref-white);--sys-color-action-primary-1:var(--ref-orange-300);--sys-color-action-primary-2:var(--ref-orange-500);--sys-color-action-violet-1:var(--ref-violet-600);--sys-color-action-violet-2:var(--ref-violet-800);--sys-color-action-green-1:var(--ref-green-600);--sys-color-action-green-2:var(--ref-green-800);--sys-color-action-ghost-bg:transparent;--sys-shadow-soft:var(--ref-shadow-soft);--sys-shadow-lift:var(--ref-shadow-lift);--sys-color-surface-tint:var(--ref-surface-tint);--sys-space-tap:56px;--sys-space-gap:16px;--sys-radius-card:24px;--sys-radius-btn:24px;--sys-radius-chip:999px;--sys-font-body:18px;--sys-font-title:24px;--sys-font-hero:32px;--sys-line-body:1.6;--sys-control-h:64px;--sys-motion-tap:.12s;--sys-motion-move:.24s;--sys-motion-screen:.32s;--sys-motion-ease:cubic-bezier(.2,0,0,1);--comp-card-bg:var(--sys-color-surface);--comp-card-border:1px solid var(--sys-color-border-strong);--comp-btn-primary-fg:var(--sys-color-on-accent);--comp-btn-primary-from:var(--sys-color-action-primary-1);--comp-btn-primary-to:var(--sys-color-action-primary-2);--comp-btn-violet-fg:var(--sys-color-on-solid);--comp-btn-violet-from:var(--sys-color-action-violet-1);--comp-btn-violet-to:var(--sys-color-action-violet-2);--comp-btn-green-fg:var(--sys-color-on-solid);--comp-btn-green-from:var(--sys-color-action-green-1);--comp-btn-green-to:var(--sys-color-action-green-2);--comp-btn-ghost-fg:var(--sys-color-ink);--comp-btn-ghost-border:var(--sys-color-border-strong);--bg0:#F6F8FC;--bg1:#F1F5FC;--bg2:#EDF2FA;--bg3:#E8EEF9;--surface:rgba(255,255,255,.86);--ink:#121A2C;--dim:#4A5A78;--faint:#5E6D89;--gold:#8A5A00;--strong:#6E82A8}body{background:linear-gradient(180deg,var(--bg0) 0%,var(--bg1) 40%,var(--bg2) 75%,var(--bg3) 100%);color:var(--ink);font-size:var(--sys-font-body);line-height:var(--sys-line-body);font-family:PingFang SC,Hiragino Sans GB,Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif}[data-audience=kid]{--sys-space-tap:56px;--sys-space-gap:16px;--sys-control-h:64px;--sys-radius-card:24px;--sys-radius-btn:24px;--sys-font-body:18px;--sys-font-title:24px}[data-audience=parent]{--sys-space-tap:44px;--sys-space-gap:8px;--sys-control-h:44px;--sys-radius-card:8px;--sys-radius-btn:8px;--sys-font-body:16px;--sys-font-title:20px;--sys-line-body:1.5}.btn{color:#1a0e02;background:linear-gradient(180deg,#ffb35c,#ff7a1a);min-height:var(--sys-control-h);border-radius:var(--sys-radius-btn);font-size:18px;font-weight:600;touch-action:manipulation}.btn.violet{color:#fff;background:linear-gradient(180deg,#5b4bd6,#4331b0)}.btn.green{color:#fff;background:linear-gradient(180deg,#0e7c38,#0a5c2a)}.btn.ghost{color:var(--ink);border:1px solid var(--strong)}.btn:focus-visible{outline:3px solid var(--sys-color-focus);outline-offset:2px}.fb.ok{color:#0b3d1f;background:#dcfce7}.fb.bad{color:#7a1020;background:#ffe4e6}.exp{color:var(--ink);background:#eef3fb}.tag.subj{color:#1e3a78;background:#5b4bd61f}.tag.comp{color:#7a3a00;background:#ff7a1a24}.tag.speed{color:#00476b;background:#38a0dc24}.icon-btn{position:relative;touch-action:manipulation}.icon-btn:after{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:var(--sys-space-tap);min-height:var(--sys-control-h);padding:0 20px;border:0;border-radius:var(--sys-radius-btn);color:var(--comp-btn-primary-fg);background-image:linear-gradient(180deg,var(--comp-btn-primary-from) 0%,var(--comp-btn-primary-to) 100%);font-size:var(--sys-font-body);font-weight:700;line-height:1.3;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;position:relative;transition:filter var(--sys-motion-tap) var(--sys-motion-ease),transform var(--sys-motion-tap) var(--sys-motion-ease)}.btn:hover{filter:brightness(1.04)}.btn:active{transform:scale(.97);filter:brightness(.94)}.btn:focus-visible{outline:3px solid var(--sys-color-focus);outline-offset:3px}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;pointer-events:none;filter:none;transform:none;opacity:.45}.btn.violet{color:var(--comp-btn-violet-fg);background-image:linear-gradient(180deg,var(--comp-btn-violet-from) 0%,var(--comp-btn-violet-to) 100%)}.btn.green{color:var(--comp-btn-green-fg);background-image:linear-gradient(180deg,var(--comp-btn-green-from) 0%,var(--comp-btn-green-to) 100%)}.btn.ghost{color:var(--comp-btn-ghost-fg);background-image:none;background-color:var(--sys-color-action-ghost-bg);border:1px solid var(--comp-btn-ghost-border)}.btn.ghost:hover{background-color:var(--sys-color-surface-tint)}.btn.quiet{color:var(--sys-color-ink);background-image:none;background-color:transparent}.btn.quiet:hover{background-color:var(--sys-color-surface-tint)}.btn--block{width:100%}.btn--sm{min-height:var(--sys-space-tap);padding:0 16px;font-size:16px}.btn__icon{display:inline-flex;flex:none}.btn.is-loading{pointer-events:none}.btn.is-loading .btn__label{opacity:.85}.spinner{width:20px;height:20px;flex:none;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:xt-spin .9s linear infinite}.icon{width:24px;height:24px;flex:none;color:currentColor}.icon--sm{width:20px;height:20px}.icon--lg{width:32px;height:32px}.icon--xl{width:40px;height:40px}.icon-tile{display:inline-grid;place-items:center;width:var(--sys-space-tap);height:var(--sys-space-tap);flex:none;border-radius:18px;background:var(--sys-color-violet-soft);color:var(--sys-color-ink)}.icon-tile--gold{background:var(--sys-color-gold-soft);color:var(--sys-color-accent-gold)}.icon-tile--green{background:var(--sys-color-success-soft);color:var(--sys-color-success)}.icon-tile--plain{background:var(--sys-color-surface-tint);color:var(--sys-color-ink)}.icon-btn{display:inline-grid;place-items:center;width:var(--sys-space-tap);height:var(--sys-space-tap);flex:none;border-radius:18px;border:1px solid var(--sys-color-line-soft);background:var(--sys-color-surface);color:var(--sys-color-ink);transition:background-color var(--sys-motion-tap) var(--sys-motion-ease),transform var(--sys-motion-tap) var(--sys-motion-ease)}.icon-btn:after{content:none}.icon-btn:active{transform:scale(.94)}.icon-btn:hover{background:var(--sys-color-surface-tint)}.icon-btn--ghost{border-color:transparent;background:transparent}.card{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--sys-color-line-soft);border-radius:var(--sys-radius-card);background:var(--sys-color-surface);box-shadow:0 2px 10px var(--sys-shadow-soft)}.card--link{transition:box-shadow var(--sys-motion-move) var(--sys-motion-ease),transform var(--sys-motion-tap) var(--sys-motion-ease)}.card--link:hover{box-shadow:0 8px 24px var(--sys-shadow-lift)}.card--link:active{transform:translateY(1px)}.card--flat{box-shadow:none}.card--soft{background:var(--sys-color-surface-tint);border-color:transparent;box-shadow:none}.card__head{display:flex;align-items:center;gap:12px}.card__title{font-size:20px;line-height:1.45;font-weight:700}.card__body{font-size:var(--sys-font-body);line-height:var(--sys-line-body);color:var(--sys-color-ink)}.card__foot{display:flex;align-items:center;gap:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--sys-radius-chip);background:var(--sys-color-surface-tint);color:var(--sys-color-ink);font-size:16px;font-weight:600;line-height:1.5;white-space:nowrap}.chip--gold{background:var(--sys-color-gold-soft);color:var(--sys-color-accent-gold)}.chip--violet{background:var(--sys-color-violet-soft);color:var(--sys-color-ink)}.chip--ok{background:var(--sys-color-success-soft);color:var(--sys-color-ink)}.chip--warn{background:var(--sys-color-warn-soft);color:var(--sys-color-ink)}.stat-chip{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;padding:12px 16px;border:1px solid var(--sys-color-line-soft);border-radius:20px;background:var(--sys-color-surface);text-align:left}.stat-chip__label{display:flex;align-items:center;gap:6px;font-size:16px;line-height:1.4;color:var(--sys-color-ink-dim)}.stat-chip__value{font-size:24px;line-height:1.3;font-weight:800;color:var(--sys-color-ink);font-variant-numeric:tabular-nums}.stat-chip__unit{margin-left:4px;font-size:16px;font-weight:600;color:var(--sys-color-ink-dim)}.stat-chip--gold .stat-chip__value{color:var(--sys-color-accent-gold)}.stat-chip--green .stat-chip__value{color:var(--sys-color-success)}.stat-chip--button{min-height:var(--sys-space-tap);transition:box-shadow var(--sys-motion-move) var(--sys-motion-ease),transform var(--sys-motion-tap) var(--sys-motion-ease)}.stat-chip--button:hover{box-shadow:0 8px 24px var(--sys-shadow-lift)}.stat-chip--button:active{transform:translateY(1px)}.task-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--sys-color-line-soft);border-radius:var(--sys-radius-card);background:var(--sys-color-surface);box-shadow:0 2px 10px var(--sys-shadow-soft);transition:background-color var(--sys-motion-move) var(--sys-motion-ease),border-color var(--sys-motion-move) var(--sys-motion-ease),box-shadow var(--sys-motion-move) var(--sys-motion-ease)}.task-card__head{display:flex;align-items:flex-start;gap:12px}.task-card__text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.task-card__title{font-size:20px;line-height:1.5;font-weight:700;color:var(--sys-color-ink)}.task-card__desc{font-size:16px;line-height:1.5;color:var(--sys-color-ink-dim)}.task-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;line-height:1.5;color:var(--sys-color-ink-dim)}.task-card__reward{display:inline-flex;align-items:center;gap:4px;font-size:16px;font-weight:700;color:var(--sys-color-ink);font-variant-numeric:tabular-nums}.task-card__actions{display:flex;flex-direction:column;gap:12px}.task-card__hint{display:flex;align-items:center;gap:6px;font-size:16px;line-height:1.5;color:var(--sys-color-ink-dim)}.task-card--done{background:var(--sys-color-surface);border-color:var(--sys-color-success-soft);box-shadow:none}.task-card--done .task-card__title{color:var(--sys-color-ink-dim)}.task-card--done .task-card__desc,.task-card--done .task-card__meta{color:var(--sys-color-ink-faint)}.game-entry--locked .task-card__title,.task-card--skipped .task-card__title{color:var(--sys-color-ink-dim)}.task-card--pending{border-color:var(--sys-color-violet-soft)}.task-card--skipped{background:var(--sys-color-surface);border-style:dashed}.task-card--makeup{border:2px solid var(--sys-color-gold-soft)}.checkin-check{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--sys-color-success);color:var(--sys-color-on-solid)}.checkin-check--hollow{background:transparent;border:2px solid var(--sys-color-line-soft);color:var(--sys-color-ink-dim)}.streak{display:flex;flex-direction:column;gap:12px}.streak__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.streak__title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;line-height:1.5;color:var(--sys-color-ink)}.streak__value{font-size:16px;font-weight:700;line-height:1.5;color:var(--sys-color-ink-dim);font-variant-numeric:tabular-nums}.progress{height:12px;width:100%;overflow:hidden;border-radius:var(--sys-radius-chip);background:var(--sys-color-surface-tint)}.progress__fill{height:100%;min-width:12px;border-radius:var(--sys-radius-chip);background:var(--sys-color-accent-gold);transition:width var(--sys-motion-move) var(--sys-motion-ease)}.progress__fill--green{background:var(--sys-color-success)}.progress__fill--violet{background:var(--sys-color-action-violet-1)}.streak-grid{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:4px}.streak-cell{aspect-ratio:1 / 1;min-width:0;border-radius:4px;background:var(--sys-color-skeleton)}.streak-cell--on{background:var(--sys-color-success)}.streak-cell--off{background:var(--sys-color-surface-tint);border:1px solid var(--sys-color-line-soft)}.streak-cell--today{outline:2px solid var(--sys-color-focus);outline-offset:1px}.streak-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:16px;color:var(--sys-color-ink-dim)}.streak-legend__item{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:12px;height:12px;border-radius:4px;flex:none}.legend-dot--on{background:var(--sys-color-success)}.legend-dot--off{background:var(--sys-color-surface-tint);border:1px solid var(--sys-color-line-soft)}.tier-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--sys-radius-chip);background:var(--sys-color-gold-soft);color:var(--sys-color-accent-gold);font-size:16px;font-weight:700;line-height:1.4;white-space:nowrap}.tier-badge--lg{padding:8px 14px;font-size:16px}.tier-badge--muted{background:var(--sys-color-surface-tint);color:var(--sys-color-ink-dim)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;border:1px dashed var(--sys-color-line-soft);border-radius:var(--sys-radius-card);background:var(--sys-color-surface);text-align:center}.empty-state__icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--sys-color-gold-soft);color:var(--sys-color-accent-gold)}.empty-state__title{font-size:20px;line-height:1.45;font-weight:700;color:var(--sys-color-ink)}.empty-state__desc{max-width:32ch;font-size:16px;line-height:1.6;color:var(--sys-color-ink-dim)}.empty-state__action{margin-top:4px}.skeleton{border-radius:12px;background:var(--sys-color-skeleton)}.skeleton-line{height:16px;width:100%;border-radius:8px}.skeleton-line--short{width:45%}.skeleton-title{height:24px;width:60%;border-radius:10px}.skeleton-circle{width:var(--sys-space-tap);height:var(--sys-space-tap);border-radius:18px}.skeleton-card{height:148px;width:100%;border-radius:var(--sys-radius-card)}.skeleton-hero{height:96px;width:100%;border-radius:var(--sys-radius-card)}.loading-block{display:flex;flex-direction:column;gap:12px}.loading-inline{display:inline-flex;align-items:center;gap:8px;color:var(--sys-color-ink-dim);font-size:16px}.fb{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:16px;font-size:16px;line-height:1.6;background:var(--sys-color-surface-tint);color:var(--sys-color-ink)}.fb.ok{background:var(--sys-color-success-soft);color:var(--sys-color-ink)}.fb.bad{background:var(--sys-color-warn-soft);color:var(--sys-color-ink)}.fb__icon{flex:none;margin-top:2px}.fb__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.fb__title{font-weight:700;line-height:1.5}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--sys-radius-chip);font-size:16px;font-weight:600;line-height:1.5;background:var(--sys-color-surface-tint);color:var(--sys-color-ink)}.tag.subj{background:var(--sys-color-violet-soft);color:var(--sys-color-ink)}.tag.comp{background:var(--sys-color-warn-soft);color:var(--sys-color-ink)}.tag.speed{background:var(--sys-color-surface-tint);color:var(--sys-color-ink)}.exp{padding:12px 16px;border-radius:16px;background:var(--sys-color-surface-tint);color:var(--sys-color-ink);font-size:16px;line-height:1.6}.banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:20px;background:var(--sys-color-gold-soft);color:var(--sys-color-ink)}.banner--warn{background:var(--sys-color-warn-soft)}.banner--plain{background:var(--sys-color-surface-tint)}.banner__icon{flex:none;color:var(--sys-color-accent-gold)}.banner--warn .banner__icon{color:var(--sys-color-accent-gold)}.banner__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:16px;line-height:1.5}.banner__title{font-weight:700}.banner__action{flex:none}.offline-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;background:var(--sys-color-warn-soft);color:var(--sys-color-ink);font-size:16px;line-height:1.5}.offline-bar__dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--sys-color-accent-gold)}.top-bar{position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top);background:var(--sys-color-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--sys-color-line-soft)}.top-bar__inner{display:flex;align-items:center;gap:12px;width:100%;max-width:960px;min-height:var(--sys-space-tap);margin:0 auto;padding:8px 16px}.top-bar__brand{display:flex;align-items:center;gap:8px;flex:none;font-size:20px;font-weight:800;line-height:1.4;color:var(--sys-color-ink)}.top-bar__date{font-size:16px;line-height:1.5;color:var(--sys-color-ink-dim);white-space:nowrap}.top-bar__spacer{flex:1;min-width:0}.balance-group{display:flex;align-items:center;gap:8px;flex:none}.balance-pill{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:4px 12px;border-radius:var(--sys-radius-chip);background:var(--sys-color-surface-tint);color:var(--sys-color-ink);font-size:16px;font-weight:700;line-height:1.5;font-variant-numeric:tabular-nums}.balance-pill__icon{flex:none;color:var(--sys-color-accent-gold)}.balance-pill__unit{margin-left:2px;font-size:14px;font-weight:600;color:var(--sys-color-ink-dim)}.sync-dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--sys-color-ink-faint)}.sync-dot--online{background:var(--sys-color-success)}.sync-dot--offline{background:var(--sys-color-accent-gold)}.bottom-tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:stretch;gap:12px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--sys-color-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--sys-color-line-soft)}.bottom-tabs__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;min-width:var(--sys-space-tap);min-height:var(--sys-space-tap);padding:6px 4px;border-radius:18px;color:var(--sys-color-ink-dim);font-size:14px;line-height:1.4;font-weight:600;transition:background-color var(--sys-motion-tap) var(--sys-motion-ease),color var(--sys-motion-tap) var(--sys-motion-ease)}.bottom-tabs__item:active{background:var(--sys-color-surface-tint)}.bottom-tabs__item[aria-current=page],.bottom-tabs__item.is-active{background:var(--sys-color-gold-soft);color:var(--sys-color-accent-gold)}.bottom-tabs__label{font-size:14px;white-space:nowrap}.bottom-tabs__badge{width:8px;height:8px;border-radius:50%;background:var(--sys-color-accent-gold)}.side-nav{display:none}.side-nav__brand{display:flex;align-items:center;gap:10px;padding:8px;font-size:20px;font-weight:800;color:var(--sys-color-ink)}.side-nav__group{display:flex;flex-direction:column;gap:12px}.side-nav__item{display:flex;align-items:center;gap:12px;min-height:var(--sys-space-tap);padding:8px 12px;border-radius:18px;color:var(--sys-color-ink-dim);font-size:16px;font-weight:600;line-height:1.5;transition:background-color var(--sys-motion-tap) var(--sys-motion-ease)}.side-nav__item:hover{background:var(--sys-color-surface-tint)}.side-nav__item[aria-current=page],.side-nav__item.is-active{background:var(--sys-color-gold-soft);color:var(--sys-color-ink)}.side-nav__item[aria-current=page] .icon,.side-nav__item.is-active .icon{color:var(--sys-color-accent-gold)}.side-nav__item.is-locked{color:var(--sys-color-ink-faint);cursor:not-allowed}.side-nav__item.is-locked:hover{background:transparent}.side-nav__label{flex:1;min-width:0}.side-nav__hint{font-size:14px;color:var(--sys-color-ink-faint)}.side-nav__foot{display:flex;flex-direction:column;gap:12px;margin-top:auto}.toast-host{position:fixed;left:0;right:0;bottom:calc(88px + env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;width:max-content;max-width:480px;padding:12px 16px;border-radius:16px;background:var(--sys-color-ink);color:var(--sys-color-bg-0);font-size:16px;line-height:1.5;font-weight:600;box-shadow:0 12px 32px var(--sys-shadow-lift);pointer-events:auto;animation:xt-toast-in var(--sys-motion-move) var(--sys-motion-ease)}.toast--ok{background:var(--sys-color-success-soft);color:var(--sys-color-ink)}.toast--ok .toast__icon{color:var(--sys-color-success)}.toast--warn{background:var(--sys-color-warn-soft);color:var(--sys-color-ink)}.toast--warn .toast__icon{color:var(--sys-color-accent-gold)}.toast__icon{flex:none}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:var(--sys-color-scrim-soft);animation:xt-fade var(--sys-motion-move) var(--sys-motion-ease)}.sheet{display:flex;flex-direction:column;gap:16px;width:100%;max-width:480px;max-height:calc(100dvh - 48px);overflow:auto;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:28px;background:var(--sys-color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 24px 64px var(--sys-shadow-lift);animation:xt-sheet-in var(--sys-motion-move) var(--sys-motion-ease)}.sheet__head{display:flex;align-items:flex-start;gap:12px}.sheet__title{flex:1;min-width:0;font-size:24px;line-height:1.4;font-weight:800}.sheet__body{font-size:var(--sys-font-body);line-height:var(--sys-line-body);color:var(--sys-color-ink)}.sheet__actions{display:flex;flex-direction:column;gap:12px}.sheet__actions--row{flex-direction:row}.sheet__actions--row>*{flex:1}@media(min-width:640px){.sheet-backdrop{align-items:center}}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--sys-color-scrim-soft);animation:xt-fade var(--sys-motion-tap) var(--sys-motion-ease)}.celebrate__card{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;padding:28px 20px;border-radius:28px;background:var(--sys-color-surface);box-shadow:0 24px 64px var(--sys-shadow-lift);text-align:center;animation:xt-rise var(--sys-motion-screen) var(--sys-motion-ease)}.celebrate__badge{display:inline-grid;place-items:center;width:80px;height:80px;border-radius:28px;background:var(--sys-color-gold-soft);color:var(--sys-color-accent-gold)}.celebrate__title{font-size:28px;line-height:1.3;font-weight:800}.celebrate__desc{font-size:18px;line-height:1.5;color:var(--sys-color-ink-dim)}.celebrate__skip{margin-top:4px}.hero{display:flex;flex-direction:column;gap:12px}.hero__greeting{font-size:var(--sys-font-title);line-height:1.35;font-weight:800}.hero__sub{font-size:16px;color:var(--sys-color-ink-dim)}.balance-row{display:flex;gap:12px}.game-entry{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--sys-radius-card);border:1px solid var(--sys-color-gold-soft);background:var(--sys-color-gold-soft)}.game-entry__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.game-entry__title{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;line-height:1.45;color:var(--sys-color-ink)}.game-entry__sub{font-size:16px;color:var(--sys-color-ink-dim)}.game-entry--locked{background:var(--sys-color-surface-tint);border-color:var(--sys-color-line-soft);color:var(--sys-color-ink-dim)}.reward-card__price{display:flex;align-items:baseline;gap:4px;font-size:20px;font-weight:800;color:var(--sys-color-accent-gold);font-variant-numeric:tabular-nums}.reward-card__price-unit{font-size:16px;font-weight:600;color:var(--sys-color-ink-dim)}.reward-card__note{display:flex;align-items:center;gap:6px;font-size:16px;line-height:1.5;color:var(--sys-color-ink-dim)}.reward-card--off{background:var(--sys-color-surface-tint)}.reward-card--off .reward-card__price{color:var(--sys-color-ink-dim)}.detail-hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;border-radius:var(--sys-radius-card);background:var(--sys-color-surface);border:1px solid var(--sys-color-line-soft);text-align:center}.detail-hero__title{font-size:var(--sys-font-title);line-height:1.4;font-weight:800}.detail-hero__price{display:flex;align-items:baseline;gap:6px;font-size:var(--sys-font-hero);line-height:1.2;font-weight:800;color:var(--sys-color-accent-gold);font-variant-numeric:tabular-nums}.detail-hero__meta{font-size:16px;color:var(--sys-color-ink-dim);line-height:1.6}.ledger{display:flex;flex-direction:column}.ledger__row{display:flex;align-items:center;gap:12px;min-height:var(--sys-space-tap);padding:12px 0;border-bottom:1px solid var(--sys-color-line-soft)}.ledger__row:last-child{border-bottom:0}.ledger__main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ledger__title{font-size:16px;font-weight:600;line-height:1.5;color:var(--sys-color-ink)}.ledger__date{font-size:16px;line-height:1.5;color:var(--sys-color-ink-dim);font-variant-numeric:tabular-nums}.ledger__amount{flex:none;font-size:18px;font-weight:800;line-height:1.5;color:var(--sys-color-ink-dim);font-variant-numeric:tabular-nums}.ledger__amount--plus{color:var(--sys-color-success)}.ledger__amount--minus{color:var(--sys-color-ink-dim)}.ledger__debt{flex:none;font-size:16px;color:var(--sys-color-ink-dim)}.segmented{display:flex;flex-wrap:wrap;gap:12px}.segmented__item{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--sys-space-tap);padding:0 16px;border-radius:var(--sys-radius-chip);border:1px solid var(--sys-color-line-soft);background:var(--sys-color-surface);color:var(--sys-color-ink-dim);font-size:16px;font-weight:600;line-height:1.5;transition:background-color var(--sys-motion-tap) var(--sys-motion-ease),color var(--sys-motion-tap) var(--sys-motion-ease)}.segmented__item:hover{background:var(--sys-color-surface-tint)}.segmented__item[aria-pressed=true],.segmented__item.is-active{border-color:var(--sys-color-border-strong);background:var(--sys-color-surface);color:var(--sys-color-ink);font-weight:700}.form-field{display:flex;flex-direction:column;gap:8px}.form-label{font-size:16px;font-weight:600;line-height:1.5;color:var(--sys-color-ink)}.form-hint{font-size:16px;line-height:1.5;color:var(--sys-color-ink-dim)}.form-textarea{width:100%;min-height:96px;padding:12px 16px;border-radius:16px;border:1px solid var(--sys-color-border-strong);background:var(--sys-color-surface);color:var(--sys-color-ink);font-size:var(--sys-font-body);line-height:var(--sys-line-body);resize:vertical}.form-textarea::placeholder{color:var(--sys-color-ink-faint);opacity:1}.device-card__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:16px;line-height:1.5}.device-card__label{color:var(--sys-color-ink-dim)}.device-card__value{color:var(--sys-color-ink);font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}.parent-entry{display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--sys-space-tap);padding:8px 12px;border-radius:16px;color:var(--sys-color-ink-dim);font-size:16px;text-decoration:underline;text-underline-offset:4px}.parent-entry:hover{background:var(--sys-color-surface-tint);color:var(--sys-color-ink)}.locked-hero{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 20px;text-align:center}.locked-hero__art{display:inline-grid;place-items:center;width:96px;height:96px;border-radius:32px;background:var(--sys-color-gold-soft);color:var(--sys-color-accent-gold)}.locked-hero__title{font-size:var(--sys-font-hero);line-height:1.3;font-weight:800}.locked-hero__desc{max-width:28ch;font-size:18px;line-height:1.6;color:var(--sys-color-ink-dim)}.locked-stats{display:flex;gap:12px;width:100%}.notice-line{display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.5;color:var(--sys-color-ink-dim)}.notice-line--gold{color:var(--sys-color-accent-gold)}.pair-page{max-width:460px;margin:0 auto;padding:24px}@media(max-width:559px){.balance-pill__unit,.top-bar__date{display:none}.streak-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(min-width:1024px){.bottom-tabs{display:none}.side-nav{display:flex;flex-direction:column;gap:24px;width:216px;flex:none;position:sticky;top:0;height:100dvh;padding:24px 16px;background:var(--sys-color-surface);border-right:1px solid var(--sys-color-line-soft)}.toast-host{bottom:24px}.page{padding-bottom:48px}.task-card__actions{flex-direction:row;align-items:center}.task-card__actions .btn{width:auto;min-width:180px}.offline-bar{position:sticky;top:0;z-index:40}}.balance-pill{min-height:var(--sys-space-tap);padding:6px 14px}.card__action{margin-left:auto;display:inline-flex;align-items:center;gap:8px;flex:none}.toast__text{flex:1;min-width:0;font-size:16px;line-height:1.5}.sheet__head .icon-btn{margin-left:auto}.task-card__reward .icon,.task-card__hint .icon,.task-card__desc .icon{flex:none}.task-card__desc{display:flex;align-items:center;gap:6px;margin:0}.stat-chip{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 8px}.stat-chip__value{margin-left:auto}.empty-state__action{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.reward-card__link{display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}.reward-card__link:hover .task-card__title{color:var(--sys-color-accent-gold)}.link-plain{display:block;color:inherit;text-decoration:none;border-radius:var(--sys-radius-card)}.top-bar__streak{display:none}@media(min-width:640px){.top-bar__streak{display:inline-flex}}[data-theme=bright]{color-scheme:light;--sys-color-bg-0: var(--ref-paper-50);--sys-color-bg-1: var(--ref-paper-100);--sys-color-bg-2: var(--ref-paper-200);--sys-color-bg-3: var(--ref-paper-300);--sys-color-ink: var(--ref-ink-900);--sys-color-ink-dim: var(--ref-ink-600);--sys-color-ink-faint: var(--ref-ink-500);--sys-color-accent-gold: var(--ref-gold-700);--sys-color-alert: var(--ref-orange-500);--sys-color-border-strong: var(--ref-line-700);--sys-color-surface: var(--ref-glass);--sys-color-scrim: var(--ref-scrim);--sys-color-focus: var(--ref-ink-900);--sys-color-on-accent: var(--ref-on-accent);--sys-color-on-solid: var(--ref-white);--sys-color-gold-soft: var(--ref-gold-tint);--sys-color-violet-soft: var(--ref-violet-tint);--sys-color-success: var(--ref-green-600);--sys-color-success-soft: var(--ref-green-tint);--sys-color-warn: var(--ref-orange-500);--sys-color-warn-soft: var(--ref-warn-tint);--sys-color-line-soft: var(--ref-line-tint);--sys-color-skeleton: var(--ref-skeleton);--sys-color-scrim-soft: var(--ref-scrim-soft);--sys-color-surface-tint: var(--ref-surface-tint);--sys-color-action-primary-1: var(--ref-orange-300);--sys-color-action-primary-2: var(--ref-orange-500);--sys-color-action-violet-1: var(--ref-violet-600);--sys-color-action-violet-2: var(--ref-violet-800);--sys-color-action-green-1: var(--ref-green-600);--sys-color-action-green-2: var(--ref-green-800);--sys-shadow-soft: var(--ref-shadow-soft);--sys-shadow-lift: var(--ref-shadow-lift)}[data-theme=deep]{color-scheme:dark;--sys-color-bg-0: var(--ref-space-950);--sys-color-bg-1: var(--ref-space-900);--sys-color-bg-2: var(--ref-space-800);--sys-color-bg-3: var(--ref-space-700);--sys-color-ink: var(--ref-space-ink-100);--sys-color-ink-dim: var(--ref-space-ink-300);--sys-color-ink-faint: var(--ref-space-ink-500);--sys-color-accent-gold: var(--ref-space-gold-400);--sys-color-alert: var(--ref-space-orange-500);--sys-color-border-strong: var(--ref-space-line-500);--sys-color-surface: var(--ref-space-glass);--sys-color-scrim: var(--ref-space-scrim);--sys-color-focus: var(--ref-space-focus);--sys-color-on-accent: var(--ref-space-on-accent);--sys-color-on-solid: var(--ref-space-white);--sys-color-gold-soft: var(--ref-space-gold-tint);--sys-color-violet-soft: var(--ref-space-violet-tint);--sys-color-success: var(--ref-space-green-600);--sys-color-success-soft: var(--ref-space-green-tint);--sys-color-warn: var(--ref-space-orange-500);--sys-color-warn-soft: var(--ref-space-warn-tint);--sys-color-line-soft: var(--ref-space-line-tint);--sys-color-skeleton: var(--ref-space-skeleton);--sys-color-scrim-soft: var(--ref-space-scrim-soft);--sys-color-surface-tint: var(--ref-space-surface-tint);--sys-color-action-primary-1: var(--ref-space-orange-300);--sys-color-action-primary-2: var(--ref-space-orange-500);--sys-color-action-violet-1: var(--ref-space-violet-500);--sys-color-action-violet-2: var(--ref-space-violet-700);--sys-color-action-green-1: var(--ref-space-green-600);--sys-color-action-green-2: var(--ref-space-green-800);--sys-shadow-soft: var(--ref-space-shadow-soft);--sys-shadow-lift: var(--ref-space-shadow-lift)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(180deg,var(--sys-color-bg-0) 0%,var(--sys-color-bg-1) 40%,var(--sys-color-bg-2) 75%,var(--sys-color-bg-3) 100%);background-attachment:fixed;color:var(--sys-color-ink);font-family:PingFang SC,Hiragino Sans GB,Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:var(--sys-font-body);line-height:var(--sys-line-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word;overscroll-behavior-y:none;touch-action:manipulation}#root{isolation:isolate}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}ul,ol{margin:0;padding:0;list-style:none}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}fieldset{margin:0;padding:0;border:0}:focus{outline:none}:focus-visible{outline:3px solid var(--sys-color-focus);outline-offset:3px;border-radius:8px}::selection{background:var(--sys-color-gold-soft);color:var(--sys-color-ink)}.h1{font-size:var(--sys-font-hero);line-height:1.3;font-weight:800;letter-spacing:.01em}.h2{font-size:var(--sys-font-title);line-height:1.4;font-weight:700}.h3{font-size:20px;line-height:1.5;font-weight:700}.body-text{font-size:var(--sys-font-body);line-height:var(--sys-line-body)}.muted{color:var(--sys-color-ink-dim)}.faint{color:var(--sys-color-ink-faint)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.num-xl{font-size:var(--sys-font-hero);line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums}.text-ok{color:var(--sys-color-success)}.text-gold{color:var(--sys-color-accent-gold)}.text-dim{color:var(--sys-color-ink-dim)}.link{display:inline-flex;min-height:var(--sys-space-tap);align-items:center;gap:6px;color:var(--sys-color-ink);font-size:16px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:16px;z-index:100;padding:12px 16px;border-radius:12px;background:var(--sys-color-ink);color:var(--sys-color-bg-0);transform:translateY(-200%);transition:transform var(--sys-motion-tap) var(--sys-motion-ease)}.skip-link:focus-visible{transform:translateY(0)}.app-shell{display:flex;min-height:100dvh;width:100%}.app-main{display:flex;flex-direction:column;flex:1;min-width:0}.page{display:flex;flex-direction:column;gap:var(--sys-space-gap);width:100%;max-width:720px;margin:0 auto;padding:var(--sys-space-gap) 16px calc(96px + env(safe-area-inset-bottom))}.page--flush{padding-top:0}.page-head{display:flex;align-items:center;gap:12px;min-height:var(--sys-space-tap)}.page-head__text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.page-head__title{font-size:var(--sys-font-title);line-height:1.35;font-weight:800}.page-head__sub{font-size:16px;line-height:1.5;color:var(--sys-color-ink-dim)}.section{display:flex;flex-direction:column;gap:12px}.section__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}.section__title{display:flex;align-items:center;gap:8px;font-size:20px;line-height:1.4;font-weight:700}.section__meta{font-size:16px;color:var(--sys-color-ink-dim);font-variant-numeric:tabular-nums}.stack{display:flex;flex-direction:column;gap:16px}.stack--sm{gap:12px}.stack--lg{gap:24px}.row{display:flex;align-items:center;gap:12px}.row--between{justify-content:space-between}.row--start{align-items:flex-start}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.grid-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.divider{height:1px;margin:0;border:0;background:var(--sys-color-line-soft)}.spacer{flex:1}@keyframes xt-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes xt-fade{0%{opacity:0}to{opacity:1}}@keyframes xt-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes xt-sheet-in{0%{opacity:.6;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes xt-spin{to{transform:rotate(360deg)}}.anim-rise{animation:xt-rise var(--sys-motion-move) var(--sys-motion-ease) both}.anim-fade{animation:xt-fade var(--sys-motion-move) var(--sys-motion-ease) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media(min-width:640px){.page{padding-left:24px;padding-right:24px}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.page{max-width:960px;padding:24px 32px 48px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-cards--wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page-head__title{font-size:28px}}