*{box-sizing:border-box}:root{color-scheme:dark;--page-max-width: 1200px;--page-padding: 24px;--bg: #050b1a;--bg-card: rgba(11, 18, 36, .95);--bg-card-secondary: #0b1224;--border: rgba(255, 255, 255, .08);--text: #f1f5f9;--text-muted: #94a3b8;--accent: #38bdf8;--accent-strong: #2563eb;--danger: #dc2626}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.2),transparent),linear-gradient(120deg,#082f49b3,#0f172af2);color:var(--text);min-height:100vh}a{color:var(--accent)}button{cursor:pointer}.page{width:min(var(--page-max-width),calc(100% - calc(var(--page-padding) * .5)));margin:0 auto;padding:var(--page-padding)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:20px;box-shadow:0 25px 70px #0206178c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:#38bdf859;transform:translateY(-1px)}.grid{display:grid;gap:16px}.two-col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.muted{color:var(--text-muted);font-size:14px}table{width:100%;border-collapse:collapse;margin-top:8px;background:transparent}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid rgba(148,163,184,.15);font-size:14px}th{font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:12px}.table-container{width:100%;overflow-x:auto;margin-top:12px;border:1px solid var(--border);border-radius:12px}.table-container table{min-width:640px}input,select{background:#0f172a;color:var(--text);border:1px solid rgba(148,163,184,.35);padding:9px 12px;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}button{background:var(--accent-strong);color:var(--text);border:none;border-radius:10px;padding:10px 14px;font-weight:600;transition:opacity .2s ease,transform .2s ease}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:#0f172abf;border:1px solid rgba(148,163,184,.3)}button.danger{background:var(--danger)}button:hover:not(:disabled){opacity:.9}button:active:not(:disabled){transform:scale(.98)}button.info-hint{width:24px;height:24px;padding:0;border-radius:999px;font-size:12px;font-weight:700;background:#94a3b826;border:1px solid rgba(148,163,184,.4);color:var(--text);cursor:help;flex-shrink:0}button.info-hint:hover:not(:disabled),button.info-hint:focus-visible{background:#38bdf833;border-color:#38bdf8a6;outline:none}button.info-hint:active:not(:disabled){transform:none}.pill{padding:4px 8px;background:#1e293b;border-radius:999px;font-size:13px}.auth-card{background:var(--bg-card-secondary);border:1px solid var(--border);border-radius:16px;padding:20px;min-width:min(360px,100%);width:100%;box-shadow:0 25px 60px #02061773}.auth-tabs{display:flex;gap:8px;margin-bottom:12px}.auth-tabs button{flex:1;background:#0f172a99;border:1px solid rgba(148,163,184,.25)}.auth-tabs button.active{background:var(--accent-strong);border-color:transparent}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}.checkbox-row{display:flex;gap:8px;align-items:flex-start;font-size:14px}.checkbox-row input{margin-top:4px}.alert{margin-top:12px;padding:12px 14px;border-radius:10px;font-size:14px}.alert.error{background:#dc262626;border:1px solid rgba(220,38,38,.35)}.alert.success{background:#22c55e26;border:1px solid rgba(34,197,94,.35)}.alert.warning{background:#f9731626;border:1px solid rgba(249,115,22,.35)}.success-card{border-left:4px solid #22c55e}.warning-card{border-left:4px solid #f97316;background:#1f2937a6}.account-panel{margin-bottom:20px}.account-panel.collapsed .account-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #1f2937}.account-panel.collapsed .account-summary p{margin:0}.account-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:16px}.account-section{display:flex;flex-direction:column;gap:10px}.usage-section{border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:16px;background:#0f172a99}.usage-section.limit-warning{border-color:#f97316}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:12px}.plan-card{border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:14px;background:#0f172abf;display:flex;flex-direction:column;gap:10px}.plan-card.current{border-color:var(--accent);box-shadow:0 0 0 1px #38bdf866}.plan-card.free{border-style:dashed}.plan-card-header{display:flex;justify-content:space-between;gap:10px}.plan-card h4{margin:0}.plan-details{list-style:none;margin:0;padding-left:18px;color:var(--text-muted);font-size:14px}.plan-details li{margin-bottom:6px;position:relative}.plan-details li:before{content:"•";position:absolute;left:-12px;color:var(--accent)}.account-section label{display:flex;flex-direction:column;gap:4px;font-size:14px}.account-section button{align-self:flex-start}.secret-code{font-family:SFMono-Regular,Consolas,monospace;word-break:break-all;background:#0f172aa6;padding:4px 6px;border-radius:6px;display:inline-block;max-width:100%;border:1px solid rgba(148,163,184,.35)}.danger-zone{border-top:1px solid #1f2937;padding-top:20px;margin-top:16px}.danger-zone code{background:#1f2937;padding:2px 6px;border-radius:6px;font-size:13px}.legal-item{display:flex;justify-content:space-between;gap:12px;padding:14px;background:#0b1224cc;border:1px solid rgba(148,163,184,.25);border-radius:12px;margin-bottom:10px}.timeline-card{margin-top:24px;border-top:1px solid rgba(148,163,184,.2);padding-top:16px}.timeline-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.timeline-controls{display:flex;gap:12px;flex-wrap:wrap}.timeline-interaction-hint{display:flex;align-items:center;gap:6px;font-size:13px;color:#94a3b8}.timeline-controls label{display:flex;flex-direction:column;font-size:13px;gap:4px}.timeline-controls select{min-width:180px;height:auto}.timeline-wrapper{--timeline-label-width: 140px;border:1px solid rgba(148,163,184,.15);border-radius:16px;background:#050b1ad9;padding:16px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.timeline-wrapper.is-panning{cursor:grabbing}.timeline-axis{position:relative;height:48px;margin-bottom:12px;margin-left:var(--timeline-label-width);width:calc(100% - var(--timeline-label-width));border-bottom:1px dashed rgba(148,163,184,.4)}.timeline-tick{position:absolute;bottom:0;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.timeline-tick-date{font-size:11px;color:#94a3b8}.timeline-tick-time{font-size:13px;font-weight:600;color:#e2e8f0}.timeline-rows{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto;padding-right:4px}.timeline-row{display:flex;gap:12px;align-items:stretch}.timeline-row-label{width:var(--timeline-label-width);font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-row-track{position:relative;flex:1;min-height:48px;background:#0f172abf;border-radius:10px;overflow:hidden}.timeline-block{position:absolute;top:8px;bottom:8px;border:none;border-radius:8px;cursor:pointer;background:#3b82f6bf;color:#e2e8f0;font-size:12px;font-weight:600;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,background .1s ease}.timeline-block:hover{transform:scaleY(1.05);background:#0ea5e9d9}.timeline-block.selected{box-shadow:0 0 0 2px #38bdf8}.timeline-player{margin-top:16px;border-top:1px solid rgba(148,163,184,.2);padding-top:12px;display:flex;flex-direction:column;gap:8px}.small-label{font-size:12px;color:#94a3b8}.toggle-button{background:#0f172ad9;border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:10px 14px;color:#e2e8f0;font-weight:600}.toggle-button.active{background:var(--accent-strong);border-color:transparent}audio{width:100%}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}@media (max-width: 1024px){.page{padding:20px}.row{flex-direction:column;align-items:stretch}.table-container table{min-width:100%}}@media (max-width: 720px){:root{--page-padding: 16px}h1{font-size:1.8rem}.timeline-wrapper{--timeline-label-width: 100px}input,select,button{width:100%}.timeline-controls{width:100%;flex-direction:column}}@media (max-width: 480px){.timeline-wrapper{--timeline-label-width: 80px}.card{padding:16px}.table-container{margin-top:8px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #020617cc}.modal-content h3{margin-top:0;margin-bottom:16px;color:var(--text)}.modal-content h4{margin-top:0;margin-bottom:8px;color:var(--accent)}