:root{--bg: #faf9f7;--card: #fff;--border: #e4e1ec;--text: #1e1b2e;--text-mid: #4a4560;--text-soft: #7c778e;--primary: #7c6aff;--primary-soft: #edeaff;--coral: #ff6b52;--mint: #10b981;--sky: #38b6ff;--amber: #f59e0b;--radius: 14px}.breadcrumb{max-width:920px;margin:0 auto;padding:1.25rem 2rem 0;font-size:.8rem;color:var(--text-soft);font-weight:500}.breadcrumb a{color:var(--text-soft);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .sep{margin:0 .35rem;opacity:.5}.calc-header{max-width:920px;margin:0 auto;padding:1.5rem 2rem 0}.calc-header-inner{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.calc-header-icon{width:52px;height:52px;border-radius:10px;background:#fffbeb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calc-header-icon svg{width:26px;height:26px}.calc-header h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}.subtitle{font-size:1rem;color:var(--text-mid);max-width:600px;line-height:1.6;margin-bottom:.5rem}.calc-meta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:var(--text-soft);font-weight:500}.calc-meta-row span{display:flex;align-items:center;gap:.3rem}.calc-meta-row svg{width:14px;height:14px}.calc-layout{max-width:920px;margin:0 auto;padding:1.75rem 2rem 2rem;display:grid;grid-template-columns:340px 1fr;gap:1.5rem;align-items:start}.input-panel{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:1.5rem;position:sticky;top:80px}.input-panel h2{font-size:.92rem;font-weight:700;margin-bottom:1.25rem}.field{margin-bottom:1.15rem}.field label{display:block;font-size:.78rem;font-weight:600;color:var(--text-mid);margin-bottom:.35rem}.field input[type=time],.field select{width:100%;padding:.6rem .85rem;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:.9rem;color:var(--text);outline:none;transition:border-color .15s;box-sizing:border-box}.field input[type=time]:focus{border-color:var(--amber)}.field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237c778e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.field select:focus{border-color:var(--primary)}.divider{height:1px;background:var(--border);margin:1.1rem 0 1rem}.chronotype-badge{display:inline-block;padding:.2rem .65rem;background:var(--primary-soft);color:var(--primary);border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:.45rem}.chronotype-info p{font-size:.78rem;color:var(--text-mid);line-height:1.55;margin:0}.legend-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);margin-bottom:.55rem}.legend-item{display:flex;align-items:center;gap:.45rem;font-size:.76rem;color:var(--text-mid);margin-bottom:.3rem}.legend-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.results-panel{display:flex;flex-direction:column;gap:1rem}.timeline-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:1.25rem}.timeline-card h3{font-size:.88rem;font-weight:700;margin-bottom:1rem}.timeline-wrap{position:relative;margin-bottom:.3rem}.timeline-track{display:flex;height:36px;border-radius:8px;overflow:hidden;width:100%;box-shadow:0 1px 4px #00000012}.timeline-segment{height:100%;position:relative;transition:opacity .2s;cursor:default}.timeline-segment:hover{opacity:.85}.timeline-hours{display:flex;justify-content:space-between;padding:.3rem 0 0;position:relative}.timeline-hour-label{font-size:.62rem;color:var(--text-soft);font-weight:600;position:absolute;transform:translate(-50%)}.timeline-now{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.74rem;color:var(--text-soft)}.now-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);flex-shrink:0}.events-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:1.25rem}.events-card h3{font-size:.88rem;font-weight:700;margin-bottom:.85rem}.events-list{display:flex;flex-direction:column;gap:0}.event-item{display:grid;grid-template-columns:42px 80px 1fr;gap:.75rem;align-items:center;padding:.65rem 0;border-bottom:1px solid rgba(228,225,236,.5)}.event-item:last-child{border-bottom:none}.event-icon-wrap{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-icon-wrap svg{width:17px;height:17px}.event-time{font-size:.88rem;font-weight:800;font-family:Space Grotesk,monospace;color:var(--text);white-space:nowrap}.event-name{font-size:.82rem;font-weight:700;color:var(--text);margin-bottom:.1rem}.event-desc{font-size:.74rem;color:var(--text-soft);line-height:1.4}.best-times-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:1.25rem}.best-times-card h3{font-size:.88rem;font-weight:700;margin-bottom:.85rem}.best-times-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.best-time-item{background:var(--bg);border:1.5px solid var(--border);border-radius:10px;padding:.75rem .85rem}.best-time-activity{display:flex;align-items:center;gap:.4rem;font-size:.74rem;font-weight:700;color:var(--text-mid);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.best-time-activity svg{width:13px;height:13px}.best-time-window{font-size:.92rem;font-weight:800;font-family:Space Grotesk,monospace;color:var(--text)}.science-section{max-width:920px;margin:0 auto;padding:0 2rem 3rem}.science-card{background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:2rem}.science-card h2{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.science-card p{font-size:.88rem;color:var(--text-mid);line-height:1.65;margin-bottom:.85rem}.formula-box{background:#1e1b2e;color:#edeaff;border-radius:10px;padding:1rem 1.25rem;font-family:Space Grotesk,monospace;font-size:.88rem;margin:1rem 0;text-align:center}.formula-box .formula-main{font-size:1rem;font-weight:700;margin-bottom:.35rem}.formula-box .formula-desc{font-size:.73rem;color:#a8a3be;line-height:1.6}.citation{font-size:.78rem;color:var(--text-soft);line-height:1.5;padding-left:.85rem;border-left:2px solid var(--border)}.citation em{color:var(--text-mid)}@media(max-width:768px){.calc-header{padding:1rem 1.25rem 0}.calc-layout{grid-template-columns:1fr;padding:1.25rem}.input-panel{position:static}.best-times-grid{grid-template-columns:1fr 1fr}.science-section{padding:0 1.25rem 2rem}}@media(max-width:480px){.best-times-grid{grid-template-columns:1fr}.event-item{grid-template-columns:34px 70px 1fr;gap:.5rem}}