.mprog{--mprog-bg:#0b1120;--mprog-cream:#f2ecdd;--mprog-muted:#93a0b8;--mprog-dim:#5b6880;--mprog-accent:#7cc98a;--mprog-line:rgba(255,255,255,0.1);--mprog-dot:7px;padding:20px 16px 24px;background:var(--mprog-bg);color:var(--mprog-cream);border-radius:22px}.mprog,.mprog *,.mprog :after,.mprog :before{box-sizing:border-box}.mprog-heading{margin:0 0 4px;font-size:1.35rem;line-height:1.2;color:var(--mprog-cream)}.mprog-lead{margin:0 0 16px;font-size:.9rem;color:var(--mprog-muted)}.mprog{container:mprog/inline-size}.mprog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.mprog-tiles{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;margin:0 -2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.mprog-tiles>.mprog-tile{flex:0 0 150px;min-width:0;scroll-snap-align:start}@container mprog (min-width: 700px){.mprog-layout{grid-template-columns:248px minmax(0,1fr);gap:18px;align-items:start}.mprog-tiles{flex-direction:column;overflow:visible;padding:0;margin:0}.mprog-tiles>.mprog-tile{flex:0 0 auto;width:auto}}.mprog-diary-wrap,.mprog-tile{--mprog-tint:#7cc98a}.mprog [data-code=MATH]{--mprog-tint:#6366f1}.mprog [data-code=ENLA]{--mprog-tint:#f472b6}.mprog [data-code=BIOL]{--mprog-tint:#4ade80}.mprog [data-code=CHEM]{--mprog-tint:#2dd4bf}.mprog [data-code=PHYS]{--mprog-tint:#fb923c}.mprog [data-code=HIST]{--mprog-tint:#fca37b}.mprog [data-code=GEOG]{--mprog-tint:#22d3ee}@supports (color:oklch(0.5 0.1 100)){.mprog-diary-wrap[data-code],.mprog-tile[data-code]{--mprog-tint:var(--mprog-tint-ok,#7cc98a)}}.mprog-tile{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;min-height:64px;padding:10px 12px;text-align:left;font:inherit;color:var(--mprog-cream);background:rgba(255,255,255,.04);border:1px solid var(--mprog-line);border-left:3px solid var(--mprog-tint);border-radius:12px;cursor:pointer;transition:border-color .14s ease,background .14s ease}.mprog-tile:hover{background:rgba(255,255,255,.07)}.mprog-btn:focus-visible,.mprog-entry-link:focus-visible,.mprog-tile:focus-visible{outline:2px solid var(--mprog-accent);outline-offset:2px}.mprog-tile[data-selected=true]{background:rgba(255,255,255,.09);border-color:var(--mprog-tint);box-shadow:inset 0 0 0 1px var(--mprog-tint)}.mprog-tile-name{font-size:.95rem;font-weight:700;line-height:1.2}.mprog-tile-counts{font-size:.76rem;color:var(--mprog-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.mprog-tile-lit{display:flex;gap:3px;height:7px;overflow:hidden;--mprog-dot:7px}.mprog-detail-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;margin-bottom:12px}.mprog-detail-head .mprog-diary-heading{margin:0}.mprog-field{padding:12px;margin-bottom:14px;border-radius:12px;background:rgba(255,255,255,.03);--mprog-dot:6px}.mprog-field .mprog-key{margin-top:10px}.mprog-dots{display:flex;flex-wrap:wrap;gap:3px}.mprog-dot{display:inline-block;flex:none;width:var(--mprog-dot);height:var(--mprog-dot);border-radius:50%;vertical-align:middle}.mprog-dot--m{background:var(--mprog-tint,var(--mprog-accent))}.mprog-dot--l{background:transparent;box-shadow:inset 0 0 0 1.5px var(--mprog-tint,var(--mprog-accent))}.mprog-dot--n{background:rgba(255,255,255,.14)}.mprog-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;padding:0;list-style:none;font-size:.8rem;color:var(--mprog-muted)}.mprog-key .mprog-dot{--mprog-tint:var(--mprog-cream);margin-right:4px}.mprog-diary-wrap{margin-top:0;min-width:0;padding:14px 14px 16px;border:1px solid var(--mprog-line);border-radius:14px}.mprog-diary-heading{margin:0 0 8px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mprog-muted)}.mprog-diary{margin:0;padding:0;list-style:none}.mprog-entry+.mprog-entry{border-top:1px solid var(--mprog-line)}.mprog-entry-body{display:grid;grid-template-columns:1fr;gap:2px 14px;padding:10px 4px;color:inherit;text-decoration:none}.mprog-entry-link:hover .mprog-entry-title{text-decoration:underline}.mprog-entry-date{font-size:.8rem;color:var(--mprog-muted)}.mprog-entry-main{font-size:.95rem;line-height:1.35}.mprog-entry-kind{color:var(--mprog-muted);font-size:.8rem}.mprog-entry-where{font-size:.8rem;color:var(--mprog-dim)}.mprog-mark{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:baseline}.mprog-mark--m{background:var(--mprog-tint,var(--mprog-accent))}.mprog-mark--l{box-shadow:inset 0 0 0 2px var(--mprog-tint,var(--mprog-accent))}@media (min-width:720px){.mprog{padding:24px 24px 28px}.mprog-entry-body{grid-template-columns:8.5rem 1fr}.mprog-entry-where{grid-column:2}}.mprog-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:10px 8px 0 0;padding:0 16px;font:inherit;font-size:.9rem;color:var(--mprog-cream);text-decoration:none;background:transparent;border:1px solid var(--mprog-line);border-radius:999px;cursor:pointer}.mprog-btn:hover{border-color:var(--mprog-accent)}.mprog-empty p,.mprog-failed{margin:4px 0 0;color:var(--mprog-muted)}.mprog-failed{padding:8px 0}@media (prefers-reduced-motion:reduce){.mprog-tile{transition:none}}