:root{--color-primary:#d32f2f;--color-primary-rgb:211, 47, 47;--color-primary-dark:#b71c1c;--color-primary-light:#ef5350;--color-background:#fafafa;--color-surface:#fff;--color-text:#212121;--color-text-secondary:#757575;--color-text-light:#fff;--color-border:#e0e0e0;--color-success:#4caf50;--color-warning:#ff9800;--color-warning-bg:#fff3e0;--color-warning-border:#ffb74d;--color-error:#f44336;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 2px 8px #0000001f;--shadow-lg:0 4px 16px #00000026;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--nav-height:64px;--header-height:56px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body{padding-bottom:var(--nav-height)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.container{max-width:800px;padding:var(--spacing-md);margin:0 auto}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);min-width:44px;min-height:44px;font-weight:500;transition:background-color .2s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-primary);color:var(--color-text-light)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:#d0d0d0}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-text-light)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:44px;transition:border-color .2s}.input:focus{border-color:var(--color-primary);outline:none}.label{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm);display:block}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--color-border);color:var(--color-text);align-items:center;font-weight:500;display:inline-flex}.badge-primary{background:var(--color-primary);color:var(--color-text-light)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.grid{gap:var(--spacing-md);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=600px){.grid-2{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.page-enter{animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.btn:active{transform:none}}@media (prefers-color-scheme:dark){:root{--color-background:#121212;--color-surface:#1e1e1e;--color-text:#e8e8e8;--color-text-secondary:#a0a0a0;--color-border:#333;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 8px #00000080;--shadow-lg:0 4px 16px #0009;--color-warning-bg:#ff980026;--color-warning-border:#ff980080}}.header.svelte-lk5iqq{background:var(--color-primary);color:var(--color-text-light);z-index:50;padding-top:env(safe-area-inset-top);position:sticky;top:0}.header-content.svelte-lk5iqq{height:var(--header-height);padding:0 var(--spacing-md);align-items:center;gap:var(--spacing-md);display:flex}.back-button.svelte-lk5iqq{width:40px;height:40px;color:inherit;justify-content:center;align-items:center;margin-left:-8px;display:flex}.back-button.svelte-lk5iqq:hover{opacity:.8}.header-title.svelte-lk5iqq{font-size:var(--font-size-lg);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-weight:600;overflow:hidden}.timer-indicator.svelte-lk5iqq{border-radius:var(--radius-full);color:inherit;font-size:var(--font-size-sm);background:#fff3;align-items:center;gap:4px;padding:4px 10px;text-decoration:none;display:flex}.timer-indicator.svelte-lk5iqq:hover{background:#ffffff4d;text-decoration:none}.timer-icon.svelte-lk5iqq{line-height:0}.timer-count.svelte-lk5iqq{font-weight:600}.navigation.svelte-1huo92h{height:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item.svelte-1huo92h{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:64px;padding:8px 16px;text-decoration:none;transition:color .2s;display:flex}.nav-item.svelte-1huo92h:hover{color:var(--color-primary);text-decoration:none}.nav-item.active.svelte-1huo92h{color:var(--color-primary)}.nav-icon.svelte-1huo92h{line-height:0;position:relative}.nav-label.svelte-1huo92h{font-size:var(--font-size-xs);font-weight:500}.badge.svelte-1huo92h{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:16px;height:16px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-4px;right:-8px}body.screenshot-mode .navigation.svelte-1huo92h{position:static}.notification-banner.svelte-7g7t7k{background:var(--color-warning-bg,#fff3e0);border:1px solid var(--color-warning-border,#ffb74d);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex}.banner-content.svelte-7g7t7k{gap:var(--spacing-sm);align-items:flex-start;display:flex}.banner-icon.svelte-7g7t7k{flex-shrink:0;font-size:1.5rem}.banner-text.svelte-7g7t7k{flex:1}.banner-title.svelte-7g7t7k{margin-bottom:var(--spacing-xs);color:var(--color-text);font-size:var(--font-size-md);display:block}.banner-description.svelte-7g7t7k{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.4}.dismiss-button.svelte-7g7t7k{color:var(--color-text-secondary);cursor:pointer;margin-left:var(--spacing-xs);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.5rem;line-height:1;transition:background-color .2s,color .2s;display:flex}.dismiss-button.svelte-7g7t7k:hover{background-color:var(--color-border);color:var(--color-text)}.dismiss-button.svelte-7g7t7k:focus{outline:2px solid var(--color-primary,#007bff);outline-offset:2px}.banner-button.svelte-7g7t7k{width:100%}@media (width>=600px){.notification-banner.svelte-7g7t7k{flex-direction:row;justify-content:space-between;align-items:center}.banner-button.svelte-7g7t7k{flex-shrink:0;width:auto}}.pwa-banner.svelte-jg5pek{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);gap:var(--spacing-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.pwa-banner.update.svelte-jg5pek{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.banner-content.svelte-jg5pek{gap:var(--spacing-sm);align-items:flex-start;display:flex}.banner-icon.svelte-jg5pek{flex-shrink:0;font-size:1.5rem}.banner-text.svelte-jg5pek{flex:1}.banner-title.svelte-jg5pek{margin:0 0 var(--spacing-xs) 0;color:var(--color-text);font-size:var(--font-size-md);display:block}.banner-description.svelte-jg5pek{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.4}.banner-actions.svelte-jg5pek{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-end;display:flex}.dismiss-button.svelte-jg5pek{color:var(--color-text-secondary);cursor:pointer;margin-left:var(--spacing-xs);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.5rem;line-height:1;transition:background-color .2s,color .2s;display:flex}.dismiss-button.svelte-jg5pek:hover{background-color:var(--color-border);color:var(--color-text)}.dismiss-button.svelte-jg5pek:focus{outline:2px solid var(--color-primary,#007bff);outline-offset:2px}@media (width>=640px){.pwa-banner.svelte-jg5pek{flex-direction:row;justify-content:space-between;align-items:center}.banner-actions.svelte-jg5pek{justify-content:flex-end}}.app.svelte-12qhfyh{flex-direction:column;min-height:100dvh;display:flex}body.screenshot-mode .app.svelte-12qhfyh{min-height:100%}.main-content.svelte-12qhfyh{padding:var(--spacing-md);padding-bottom:calc(var(--nav-height) + var(--spacing-md));flex:1;width:100%;max-width:800px;margin:0 auto}