:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0b0c10;color:#f2f2f2}body{margin:0;background:radial-gradient(circle,#10131a,#050608);min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem;display:flex;flex-direction:column;gap:1.5rem}header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:1rem}section.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;box-shadow:0 15px 50px #00000059}.card h2{margin-top:0}.timeline-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.timeline-card{display:flex;flex-direction:column;gap:1rem}.timeline-header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:1rem}.timeline-clock{font-size:1.5rem;font-weight:600}.timeline-subtitle{margin:0;font-size:.9rem;opacity:.7}.timeline-content{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.timeline-canvas{flex:1 1 320px;display:flex;justify-content:center;align-items:center}.timeline-form{flex:1 1 320px;min-width:280px}.timeline-controls{display:flex;flex-wrap:wrap;gap:.75rem}.helix-tilt-control{display:flex;align-items:center;gap:.75rem;width:100%;max-width:520px;padding:.75rem 1rem;border-radius:12px;background:linear-gradient(120deg,#33e1ff14,#ffffff08);border:1px solid rgba(255,255,255,.08)}.helix-tilt-control input[type=range]{flex:1;accent-color:#33e1ff}.tilt-value{font-variant-numeric:tabular-nums;opacity:.85}.helix-wrapper{width:100%;max-width:520px;padding:.5rem;background:radial-gradient(circle at 50% 60%,#33e1ff12,#0000);border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 40px #0006;cursor:grab}.helix-svg{display:block;width:100%;height:auto}.helix-toggle{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.65rem .9rem;background:linear-gradient(120deg,#ffffff0f,#33e1ff14);color:inherit;cursor:pointer;transition:border-color .2s ease,transform .15s ease}.helix-toggle:hover{border-color:#33e1ff;transform:translateY(-1px)}.checkbox-toggle{display:inline-flex;align-items:center;gap:.5rem}.checkbox-toggle input[type=checkbox]{accent-color:#33e1ff;width:16px;height:16px;margin:0}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.75rem 1rem;background:#05050566}.task-item button{margin-left:.5rem}.controls{display:flex;gap:1rem;flex-wrap:wrap}button,select,input,textarea{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem .75rem;color:inherit}button:hover{cursor:pointer;border-color:#33e1ff}form.task-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}form.task-form label{display:flex;flex-direction:column;font-size:.9rem;gap:.35rem}.widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.widget{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:1rem;min-height:120px}@media (max-width: 768px){header{flex-direction:column;align-items:flex-start}}