:root{--bg-color:#f8f9fa;--card-bg:#fff;--primary:#1e293b;--accent:#7e22ce;--accent-hover:#6b21a8;--accent-glow:#7e22ce26;--link-color:#6b21a8;--link-hover:#581c87;--link-visited:#9333ea;--text-main:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--summary-bg:#f3f4f6;--footer-bg:#111827;--footer-text:#9ca3af;--footer-link:#d8b4fe;--footer-link-hover:#f3e8ff}@media (prefers-color-scheme:dark){:root{--bg-color:#0b0f17;--card-bg:#151c28;--primary:#fbbf24;--accent:#9333ea;--accent-hover:#a855f7;--accent-glow:#9333ea40;--link-color:#c084fc;--link-hover:#e9d5ff;--link-visited:#a855f7;--text-main:#f3f4f6;--text-light:#9ca3af;--border:#1f2937;--summary-bg:#1f2937;--footer-bg:#030712;--footer-text:#9ca3af;--footer-link:#c084fc;--footer-link-hover:#fff}}*,:before,:after{box-sizing:border-box}html{height:100%}body{background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .2s,color .2s;display:flex}ul,ol{margin:0;padding:0;list-style-type:none}li{list-style-type:none}a{color:var(--link-color);border-radius:4px;font-weight:500;text-decoration:none;transition:color .15s ease-in-out,text-decoration-color .15s ease-in-out}a:hover{color:var(--link-hover);text-underline-offset:4px;text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a:visited{color:var(--link-visited)}main,.main-wrapper{flex:1 0 auto;justify-content:center;width:100%;padding:24px 16px;display:flex}.container{width:100%;max-width:600px;margin:0 auto}header{text-align:center;margin-bottom:30px}header h1{color:var(--primary);letter-spacing:-.025em;margin:0 0 8px;font-size:2.25rem;font-weight:800}header p{color:var(--text-light);margin:0;font-size:.95rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:100%;margin-bottom:24px;padding:32px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.time-group{gap:16px;display:flex}.time-group .form-group{flex:1}label{color:var(--primary);margin-bottom:8px;font-size:.875rem;font-weight:600}input,select{border:1px solid var(--border);background-color:var(--card-bg);color:var(--text-main);border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}button{background-color:var(--accent);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 12px var(--accent-glow);border:none;border-radius:10px;padding:14px 20px;font-size:1.05rem;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .2s}button:hover{background-color:var(--accent-hover);box-shadow:0 6px 16px var(--accent-glow)}button:active{transform:scale(.98)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;background-color:#9ca3af}.hidden{display:none!important}.loading-container{text-align:center;padding:40px 0}.spinner{border:4px solid #9ca3af33;border-left-color:var(--accent);border-radius:50%;width:44px;height:44px;margin:0 auto 16px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-summary{background:var(--summary-bg);border-left:4px solid var(--accent);white-space:pre-wrap;color:var(--text-main);border-radius:10px;margin-bottom:24px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;overflow-x:auto}.reading-content h2,.reading-content h3{color:var(--primary);margin-top:1.5em;font-weight:700}.reading-content p{line-height:1.7}footer{background:var(--footer-bg);width:100%;color:var(--footer-text);text-align:center;border-top:1px solid var(--border);flex-shrink:0;padding:28px 20px}footer a{color:var(--footer-link)}footer a:hover{color:var(--footer-link-hover)}