*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;width:100%;font-family:system-ui,-apple-system,sans-serif;color:#e5e7eb;background-color:#0f172a}#root{width:100%;min-height:100vh}.page{width:100%;min-height:100vh;padding:2rem 1rem 3rem;display:flex;flex-direction:column;align-items:center;background-color:#0f172a}.page-inner{width:100%;max-width:720px}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{margin:0 0 .25rem;font-size:1.75rem;font-weight:600}.page-header p{margin:0;font-size:.9rem;color:#94a3b8}.card{width:100%;background:#1e293b;border:1px solid #334155;border-radius:.75rem;padding:1.25rem 1.5rem;box-shadow:0 4px 6px #0003}.card h2{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#cbd5e1}.timer-list{width:100%;display:flex;flex-direction:column;gap:.75rem}.timer-section{border:1px solid #334155;border-radius:.5rem;background:#1e293b;overflow:hidden}.timer-section-summary{padding:.6rem .75rem;font-weight:600;font-size:.95rem;color:#e2e8f0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.timer-section-summary::-webkit-details-marker{display:none}.timer-section-summary:before{content:"▶";display:inline-block;margin-right:.4rem;font-size:.7rem;transition:transform .15s ease}.timer-section[open] .timer-section-summary:before{transform:rotate(90deg)}.timer-section .timer-items{padding:0 .75rem .75rem;margin:0}.timer-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.timer-item{padding:.6rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:.5rem}.timer-item.past-window{border-color:#22c55e;background:#22c55e26}.timer-item.day-before{border-color:#eab308;background:#eab30826}.timer-item[data-status=in_window]{border-color:#22c55e;background:#22c55e40}.timer-item[data-status=expired]{opacity:.7}.timer-name{font-weight:600;font-size:.95rem}.timer-window,.timer-detail{font-size:.8rem;color:#94a3b8;margin-top:.15rem}.error{color:#f87171;font-size:.9rem}.auth-row{margin-top:.75rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;justify-content:center}.auth-api-key-form{display:flex;flex-direction:column;align-items:center;gap:.35rem}.auth-api-key-label{font-size:.9rem;color:#94a3b8}.auth-api-key-row{display:flex;align-items:center;gap:.5rem}.auth-api-key-input{min-width:220px;padding:.35rem .5rem;font-size:.9rem;background:#0f172a;border:1px solid #334155;border-radius:.375rem;color:#e2e8f0}.auth-api-key-submit{padding:.35rem .6rem;font-size:.9rem;background:#334155;border:1px solid #475569;color:#e2e8f0;border-radius:.375rem;cursor:pointer}.auth-api-key-submit:hover{background:#475569}.auth-link{color:#60a5fa;font-size:.9rem}.auth-link:hover{text-decoration:underline}.auth-link-secondary{font-size:.8rem;color:#64748b}.auth-status{font-size:.9rem;color:#94a3b8}.auth-logout{font-size:.85rem;padding:.25rem .5rem;background:transparent;border:1px solid #475569;color:#94a3b8;border-radius:.375rem;cursor:pointer}.auth-logout:hover{background:#334155}.api-key-card{margin-bottom:1.5rem}.api-key-section h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#cbd5e1}.api-key-description,.api-key-status,.api-key-warning{margin:0 0 .5rem;font-size:.875rem;color:#94a3b8}.api-key-warning{color:#fbbf24}.api-key-generated{margin-bottom:.75rem}.api-key-row{display:flex;gap:.5rem;margin-top:.25rem}.api-key-input{flex:1;padding:.5rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:.5rem;color:#e2e8f0;font-size:.85rem}.api-key-copy{padding:.5rem .75rem;background:#334155;border:1px solid #475569;color:#e2e8f0;border-radius:.5rem;font-size:.85rem;cursor:pointer}.api-key-copy:hover{background:#475569}.api-key-error{margin:0 0 .5rem;font-size:.875rem;color:#f87171}.api-key-button{padding:.5rem 1rem;background:#334155;border:1px solid #475569;color:#e2e8f0;border-radius:.5rem;font-size:.9rem;cursor:pointer}.api-key-button:hover:not(:disabled){background:#475569}.api-key-button:disabled{opacity:.6;cursor:not-allowed}