@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--color-primary:#16a34a;--color-work:#e74c3c;--color-short-break:#27ae60;--color-long-break:#2980b9;--color-success:#22c55e;--color-warning:#f59e0b;--color-info:#3b82f6;--surface-bg:#f5f6fa;--surface-primary:#fff;--surface-secondary:#f0f1f5;--surface-tertiary:#dcdde1;--surface-hover:#e8e9ed;--text-primary:#2d3436;--text-secondary:#636e72;--text-tertiary:#b2bec3;--border-color:#e0e0e0;--border-light:#f0f0f0;--ring-bg:#e8e9ed;--shadow-card:0 2px 12px rgba(0,0,0,.06);--shadow-card-hover:0 4px 20px rgba(0,0,0,.1)}[data-theme=dark]{--surface-bg:#0c1410;--surface-primary:#141e1a;--surface-secondary:#1a2a22;--surface-tertiary:#253530;--surface-hover:#1f352a;--color-work:#ff5252;--color-short-break:#4ade80;--color-long-break:#60a5fa;--text-primary:#e0e8e4;--text-secondary:#8aaa8a;--text-tertiary:#5a7a5a;--border-color:hsla(0,0%,100%,.1);--border-light:hsla(0,0%,100%,.05);--ring-bg:#1a2a22;--shadow-card:0 4px 20px rgba(0,0,0,.4);--shadow-card-hover:0 8px 32px rgba(0,0,0,.5)}.appShell{display:flex;flex-direction:column;min-height:60vh;max-width:600px;margin:40px auto;padding:0;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);background:var(--surface-primary);border:1px solid var(--border-color)}.appContent{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:32px;animation:fadeInUp .6s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pageContent{flex:1;display:flex;flex-direction:column;padding:32px 24px;overflow-y:auto}.pageHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.pageTitle{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.infoBox{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-card);max-width:600px;margin:0 auto 40px}.infoTitle{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.infoList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.infoItem{font-size:.9rem;color:var(--text-secondary);line-height:1.5;position:relative;padding-left:16px}.infoItem:before{content:"•";position:absolute;left:0;color:var(--text-tertiary)}@media (max-width:640px){.appShell{margin:24px auto;border-radius:16px}.appShell,.infoBox{max-width:calc(100% - 32px)}.infoBox{margin:0 auto 40px;padding:20px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}