.container.svelte-5sj92w{max-width:800px;margin:2rem auto;padding:0 1rem}.back-nav.svelte-5sj92w{margin-bottom:2rem}.back-btn.svelte-5sj92w{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;color:var(--text-2);text-decoration:none;border-radius:4px;transition:all .2s}.back-btn.svelte-5sj92w:hover{background:var(--surface-2);color:var(--text-1)}h1.svelte-5sj92w{text-align:center;margin-bottom:2rem}.datetime-picker.svelte-5sj92w{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.input-group.svelte-5sj92w{display:flex;align-items:center;gap:1rem}input[type=date].svelte-5sj92w,input[type=time].svelte-5sj92w{padding:.5rem;border:1px solid var(--border);border-radius:4px;background:var(--surface-1);color:var(--text-1)}.xiu-display.svelte-5sj92w{margin:2rem 0;text-align:center}canvas.svelte-5sj92w{background:var(--surface-1);border-radius:8px;margin:1rem 0}.legend.svelte-5sj92w{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.legend-group.svelte-5sj92w{text-align:center}.legend-group.svelte-5sj92w h3:where(.svelte-5sj92w){margin-bottom:.5rem}.legend-group.svelte-5sj92w p:where(.svelte-5sj92w){color:var(--text-2)}@media (max-width: 768px){.container.svelte-5sj92w{margin:1rem auto}.datetime-picker.svelte-5sj92w{flex-direction:column;align-items:center;gap:1rem}.legend.svelte-5sj92w{grid-template-columns:1fr}}