.milestones-page{display:flex;flex-direction:column;min-height:100dvh;background:#0c0d13;color:#ececf3;font-family:inherit;letter-spacing:0}.milestones-content{width:100%;max-width:1160px;margin:auto;padding:56px 36px 30px}.milestones-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.milestones-header h1{font-size:48px;letter-spacing:-2px;font-weight:700;line-height:1.2;margin:12px 0}.milestones-header p{color:#a5a3b6;font-size:15px}.milestones-add{display:flex;align-items:center;justify-content:center;gap:8px;background:#b94286;border:1px solid #d365a3;border-radius:9px;padding:12px 17px;font-size:13px;font-weight:700;white-space:nowrap;color:#fff}.milestones-add:hover{background:#ce5199}.milestones-comparison{background:#12131c;border:1px solid #2a2938;border-radius:16px;overflow:hidden;box-shadow:0 18px 70px #0002}.milestones-toolbar{padding:27px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #292837}.milestones-toolbar h2{font-size:20px;font-weight:600;letter-spacing:-.4px}.milestones-toolbar h2 span{color:#e4a6cc}.milestones-units{display:flex;gap:3px;padding:4px;background:#0b0c12;border:1px solid #292837;border-radius:9px}.milestones-units button{padding:9px 12px;border-radius:6px;color:#aaa7bb;font-size:12px;font-weight:600}.milestones-units button[aria-pressed=true]{background:#563049;color:#ffe2f3;box-shadow:inset 0 0 0 1px #975375}.milestones-units button:hover{color:white}.milestones-scale{padding:24px 28px 0;color:#9996ab;font-size:10px;font-variant-numeric:tabular-nums}.milestones-directions{display:flex;justify-content:space-between;gap:12px}.milestones-directions>span:last-child{text-align:right}.milestones-axis-label{position:relative;height:26px;margin-top:12px}.milestones-axis-label>span{position:absolute;text-transform:uppercase;letter-spacing:1.5px;color:#d3c9e4}.milestones-now-line{position:absolute;top:-5px;bottom:-5px;width:1px;background:#c9b9e1;transform:translateX(-50%)}.milestones-rows{padding:0 28px}.milestones-row{padding:25px 0 23px;border-bottom:1px solid #252432}.milestones-row:last-child{border-bottom:0}.milestones-row-info{display:flex;align-items:center;gap:18px;margin-bottom:17px}.milestones-event-name{display:flex;align-items:center;gap:13px;min-width:0;flex:1}.milestones-swatch{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:50%}.milestones-event-name h3{font-size:17px;font-weight:600;overflow-wrap:anywhere}.milestones-event-name p{font-size:11px;color:#9996ab;margin-top:4px}.milestones-count{text-align:right;flex-shrink:0;display:flex;align-items:baseline;gap:9px}.milestones-count strong{font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.milestones-count>span{font-size:11px;color:#b1adbf}.milestones-eye{color:#89859d;padding:10px;border-radius:7px}.milestones-eye:hover{background:#292634;color:#fff}.milestones-track{height:16px;background:#20202d;border-radius:3px;position:relative}.milestones-bar{position:absolute;height:100%;border-radius:0 3px 3px 0}.milestones-chart-footer{padding:18px 28px;border-top:1px solid #292837;display:flex;justify-content:space-between;gap:12px;color:#9996ab;font-size:10px}.milestones-origin{display:inline-block;height:8px;width:1px;background:#bba9d3;margin-right:7px}.milestones-hidden{margin-top:28px}.milestones-hidden-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:13px}.milestones-hidden h2{font-size:13px;font-weight:600;color:#c6c2d2}.milestones-hidden-heading>span{font-size:11px;color:#9691a6}.milestones-form{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid #3b3142;border-radius:12px;margin-bottom:24px;background:#17131d}.milestones-fields{display:flex;gap:16px;align-items:end}.milestones-form label{flex:1;font-size:12px;color:#c4bbcf}.milestones-form input{display:block;width:100%;height:42px;padding:10px;border:1px solid #4a3a51;border-radius:6px;background:#0c0d13;color:#fff;margin-top:6px;color-scheme:dark}.milestones-empty{padding:40px 0;color:#bdb4c7;font-size:14px}.milestones-page a:focus-visible,.milestones-page button:focus-visible,.milestones-page input:focus-visible{outline:2px solid #e9acdb;outline-offset:4px}@media (max-width:760px){.milestones-content{width:100%;padding:32px 18px 24px}.milestones-header{align-items:start}.milestones-header h1{font-size:38px}.milestones-header p{font-size:13px;max-width:220px;line-height:1.7}.milestones-add{padding:10px;font-size:11px}.milestones-toolbar{flex-direction:column;align-items:start;padding:22px 18px;gap:18px}.milestones-units{width:100%}.milestones-units button{flex:1;padding:9px 6px}.milestones-scale{padding:20px 18px 0}.milestones-scale-detail{display:none}.milestones-rows{padding:0 18px}.milestones-row-info{gap:5px;flex-wrap:wrap}.milestones-event-name{gap:9px}.milestones-event-name h3{font-size:15px}.milestones-count{flex-direction:column;align-items:end;gap:3px}.milestones-count strong{font-size:27px}.milestones-count>span{font-size:10px}.milestones-eye{padding:9px 0 9px 9px}.milestones-chart-footer{padding:16px 18px;font-size:9px}.milestones-hidden-heading{flex-direction:column;gap:5px}.milestones-fields,.milestones-form{flex-direction:column;align-items:stretch}.milestones-header{gap:12px}}@media (prefers-reduced-motion:no-preference){.milestones-bar{transition:none}}.milestones-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.milestones-text-action{font-size:11px;padding:8px 4px;color:#aaa3b7}.milestones-text-action:hover{color:#fff}.milestones-hidden-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.milestones-hidden-card{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;border:1px dashed #3b3548;border-radius:9px}.milestones-hidden-card .milestones-count strong{font-size:22px}.milestones-hidden-card .milestones-actions{width:100%;justify-content:flex-end}.milestones-form .milestones-color{flex:0 0 65px}.milestones-form input[type=color]{height:42px;padding:5px}.milestones-sync{color:#c5b6c9;font-size:12px;margin-bottom:20px}.milestones-when{position:relative;flex:1;min-width:0;font-size:12px;color:#c4bbcf}.milestones-mode{width:-moz-fit-content;width:fit-content;gap:3px;padding:3px;background:#0b0c12;border:1px solid #292837;border-radius:6px}.milestones-mode button{height:auto;padding:5px 12px;border-radius:4px;color:#aaa7bb;font-size:12px;font-weight:600}.milestones-mode button:hover{color:#fff}.milestones-mode button[data-state=on]{background:#563049;color:#ffe2f3;box-shadow:inset 0 0 0 1px #975375}.milestones-duration{display:flex;align-items:flex-end;gap:8px}.milestones-duration input{flex:1 1 auto;min-width:0}.milestones-form .milestones-select-trigger{flex:0 0 auto;width:110px;height:42px;border-color:#4a3a51;background:#0c0d13;color:#fff}.milestones-select-content{border-color:#4a3a51;background:#17131d;color:#ececf3}.milestones-duration-preview{position:absolute;top:100%;margin-top:6px;font-size:11px;color:#9691a6}@media (max-width:760px){.milestones-hidden-cards{grid-template-columns:minmax(0,1fr)}.milestones-row-info{display:grid;grid-template-columns:minmax(0,1fr) auto}.milestones-actions{grid-column:1/-1;justify-content:flex-end}.milestones-count strong{font-size:clamp(19px,5.8vw,27px)}.milestones-form .milestones-color{flex:auto}.milestones-duration-preview{position:static}}