.tl-hero{margin-bottom:24px}.tl-hero__title{font-size:40px;font-weight:800;line-height:1.3;color:var(--ct-text-main);margin-bottom:8px}.tl-hero__subtitle{font-size:16px;line-height:1.7;color:var(--ct-text-muted)}.tl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.tl-toolbar__left{display:flex;gap:8px;flex-wrap:wrap}.tl-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .15s ease;min-height:40px;font-family:var(--ct-font)}.tl-btn--primary{background:var(--ct-gradient-primary);color:#fff;border-color:transparent;box-shadow:0 2px 8px #3b82f659;transition:opacity .2s,box-shadow .2s}.tl-btn--primary:hover{opacity:.92;box-shadow:0 4px 16px #3b82f680}.tl-btn--ghost{background-color:transparent;color:var(--ct-text-muted);border-color:var(--ct-border)}.tl-btn--ghost:hover{background-color:var(--ct-bg-soft);color:var(--ct-text-main)}.tl-btn--icon{padding:8px 12px;font-size:14px}.tl-btn--active{background-color:#2563eb1f;color:var(--ct-accent);border-color:#2563eb3d}.tl-timeline{position:relative;padding:24px 0 48px;min-height:200px}.tl-axis{position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:var(--ct-border);transform:translate(-50%)}.tl-events{position:relative;z-index:1}.tl-empty{display:none;text-align:center;padding:64px 24px;position:relative;z-index:1}.tl-empty--visible{display:block}.tl-empty__text{font-size:16px;font-weight:600;color:var(--ct-text-muted);margin-bottom:8px}.tl-empty__hint{font-size:14px;color:var(--ct-text-muted);opacity:.7}.tl-item{display:flex;align-items:flex-start;width:100%;position:relative;margin-bottom:32px}.tl-item__content{width:48%;display:flex;flex-direction:column;position:relative}.tl-item__center{width:4%;display:flex;justify-content:center;padding-top:4px;position:relative}.tl-item__spacer{width:48%;display:flex;align-items:flex-start;padding-top:12px}.tl-item--left .tl-item__spacer{justify-content:flex-start;padding-left:4px}.tl-item--right .tl-item__spacer{justify-content:flex-end;padding-right:4px}.tl-dot{width:12px;height:12px;border-radius:50%;background-color:var(--tl-event-color, var(--ct-accent));border:2px solid var(--ct-bg);box-shadow:0 0 0 4px var(--tl-color-20, rgba(37, 99, 235, .2));z-index:10;position:absolute;left:50%;top:16px;transform:translate(-50%);flex-shrink:0;transition:box-shadow .2s ease}.tl-item:hover .tl-dot{box-shadow:0 0 0 6px var(--tl-color-30, rgba(37, 99, 235, .3))}.tl-card{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:1px solid var(--ct-border);border-radius:12px;background-color:var(--ct-bg-soft);max-width:420px;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 1px 4px #0000000a}.tl-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.tl-item--left .tl-card:after{content:"";position:absolute;top:16px;right:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--ct-border)}.tl-item--right .tl-card:after{content:"";position:absolute;top:16px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--ct-border)}.tl-item--left .tl-card{border-right:4px solid var(--tl-event-color, var(--ct-accent))}.tl-item--right .tl-card{border-left:4px solid var(--tl-event-color, var(--ct-accent))}.tl-card__header{display:flex;align-items:center;justify-content:space-between}.tl-card__time{display:none;font-size:13px;font-weight:600;color:var(--tl-event-color, var(--ct-accent));background-color:var(--tl-color-10, rgba(37, 99, 235, .1));padding:2px 8px;border-radius:8px;white-space:nowrap}.tl-time-label{font-size:14px;font-weight:600;color:var(--tl-event-color, var(--ct-accent));background-color:var(--tl-color-10, rgba(37, 99, 235, .1));padding:4px 10px;border-radius:8px;white-space:nowrap}.tl-card__title{font-size:16px;font-weight:700;color:var(--ct-text-main);line-height:1.35;margin:0}.tl-card__desc{font-size:14px;line-height:1.6;color:var(--ct-text-muted);margin:0;word-break:break-word}.tl-timeline--sm .tl-card{padding:8px 12px}.tl-timeline--sm .tl-card__time{font-size:11px;padding:1px 6px}.tl-timeline--sm .tl-time-label{font-size:12px;padding:2px 6px}.tl-timeline--sm .tl-card__title{font-size:14px}.tl-timeline--sm .tl-card__desc{font-size:12px}.tl-timeline--sm .tl-item{margin-bottom:24px}.tl-timeline--sm .tl-dot{width:8px;height:8px}.tl-card__actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease;z-index:5;position:absolute;top:-28px}.tl-item--left .tl-card__actions{right:0}.tl-item--right .tl-card__actions{left:0}.tl-item:hover .tl-card__actions{opacity:1}.tl-card__action-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;color:var(--ct-text-muted);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.tl-card__action-btn:hover{color:var(--ct-accent);background-color:#2563eb14}.tl-card__action-btn--delete:hover{color:var(--ct-error);background-color:#ef444414}.tl-card__action-btn--color{position:relative;cursor:pointer}.tl-color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.tl-item--left{flex-direction:row}.tl-item--left .tl-item__content{align-items:flex-end}.tl-item--right{flex-direction:row-reverse}.tl-item--right .tl-item__content{align-items:flex-start}.tl-modal-overlay{display:none;position:fixed;inset:0;background-color:#0006;z-index:1000;align-items:center;justify-content:center;padding:24px}.tl-modal-overlay--open{display:flex}.tl-modal{background-color:var(--ct-bg);border-radius:12px;padding:32px;width:100%;max-width:480px;box-shadow:0 16px 48px #0000001f}.tl-modal__title{font-size:20px;font-weight:700;color:var(--ct-text-main);margin-bottom:24px}.tl-modal__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.tl-field{margin-bottom:16px}.tl-field__label{display:block;font-size:14px;font-weight:600;color:var(--ct-text-main);margin-bottom:8px}.tl-field__input{width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--ct-border);border-radius:12px;background-color:var(--ct-bg);color:var(--ct-text-main);font-family:var(--ct-font);transition:border-color .15s ease;box-sizing:border-box}.tl-field__input:focus{outline:none;border-color:var(--ct-accent)}.tl-field__textarea{resize:vertical;min-height:64px}.tl-side-picker{display:flex;gap:12px}.tl-side-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--ct-text-main)}.tl-side-option input[type=radio]{accent-color:var(--ct-accent)}.tl-side-option__label{user-select:none}.tl-timeline--horizontal{overflow-x:auto;overflow-y:visible;padding:24px 16px 16px}.tl-timeline--horizontal .tl-axis{display:none}.tl-timeline--horizontal .tl-events{display:flex;flex-direction:row;align-items:stretch;gap:12px}.tl-timeline--horizontal .tl-item,.tl-timeline--horizontal .tl-item--left,.tl-timeline--horizontal .tl-item--right{flex-direction:column!important;flex:0 0 auto;width:auto;margin-bottom:0;align-items:center}.tl-timeline--horizontal .tl-item__content{width:auto!important;flex:1;align-items:stretch!important;justify-content:flex-end;display:flex;flex-direction:column}.tl-timeline--horizontal .tl-item__center{width:100%;padding:10px 0;position:relative;display:flex;justify-content:center;align-items:center}.tl-timeline--horizontal .tl-item__center:before{content:"";position:absolute;top:50%;left:-8px;right:-8px;height:1px;background:var(--ct-border);transform:translateY(-50%)}.tl-timeline--horizontal .tl-dot{position:relative;left:auto;top:auto;transform:none;z-index:2}.tl-timeline--horizontal .tl-item__spacer{width:auto!important;padding:6px 0 0!important;justify-content:center!important}.tl-timeline--horizontal .tl-card{max-width:none;box-sizing:border-box;padding:10px 12px;writing-mode:sideways-lr;text-orientation:mixed}.tl-timeline--horizontal .tl-item--left .tl-card{border-right:1px solid var(--ct-border)!important;border-bottom:3px solid var(--tl-event-color, var(--ct-accent))!important}.tl-timeline--horizontal .tl-item--right .tl-card{border-left:1px solid var(--ct-border)!important;border-bottom:3px solid var(--tl-event-color, var(--ct-accent))!important}.tl-timeline--horizontal .tl-item--left .tl-card:after,.tl-timeline--horizontal .tl-item--right .tl-card:after{display:none!important}.tl-timeline--horizontal .tl-card__title,.tl-timeline--horizontal .tl-card__desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-timeline--horizontal .tl-card:hover{transform:translateY(-3px)}.tl-timeline--horizontal .tl-card__actions{position:static;flex-direction:column;align-items:center;gap:2px;margin-bottom:4px}.tl-timeline--horizontal .tl-item--right .tl-card__actions{left:auto}.tl-timeline--horizontal .tl-card__time{display:none!important}.tl-timeline--horizontal .tl-time-label{writing-mode:sideways-lr;text-orientation:mixed;min-height:120px}.tl-timeline--sm.tl-timeline--horizontal .tl-card{padding:8px 10px}.tl-timeline--horizontal::-webkit-scrollbar{height:6px}.tl-timeline--horizontal::-webkit-scrollbar-track{background:var(--ct-bg-soft);border-radius:3px}.tl-timeline--horizontal::-webkit-scrollbar-thumb{background:var(--ct-border);border-radius:3px}.tl-timeline--horizontal::-webkit-scrollbar-thumb:hover{background:var(--ct-text-muted)}.tl-info{margin-top:48px;padding-top:32px;border-top:1px solid var(--ct-border)}.tl-info__title{font-size:24px;font-weight:700;margin-bottom:10px}.tl-info__text{font-size:16px;color:var(--ct-text-main);line-height:1.7}.tl-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.tl-feature{padding:16px;background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:12px;transition:border-color .2s}.tl-feature:hover{border-color:var(--ct-accent)}.tl-feature__icon{width:40px;height:40px;border-radius:10px;background-color:var(--ct-bg);border:1px solid var(--ct-border);display:flex;align-items:center;justify-content:center;color:var(--ct-accent);margin-bottom:10px}.tl-feature__title{font-size:15px;font-weight:700;color:var(--ct-text-main);margin-bottom:4px}.tl-feature__desc{font-size:14px;color:var(--ct-text-muted);line-height:1.7}.tl-howto{margin-top:28px}.tl-howto__title{font-size:18px;font-weight:700;color:var(--ct-text-main);margin-bottom:12px}.tl-steps{display:flex;flex-direction:column;gap:10px}.tl-step{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:10px}.tl-step__number{flex-shrink:0;width:28px;height:28px;border-radius:7px;background-color:var(--ct-primary);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.tl-step__content{flex:1;min-width:0}.tl-step__label{font-size:14px;font-weight:700;color:var(--ct-text-main);margin-bottom:2px}.tl-step__desc{font-size:13px;color:var(--ct-text-muted);line-height:1.6}.tl-faq{margin-top:28px}.tl-faq__title{font-size:18px;font-weight:700;color:var(--ct-text-main);margin-bottom:12px}.tl-faq__list{display:flex;flex-direction:column;gap:8px}.tl-faq__item{border:1px solid var(--ct-border);border-radius:10px;background-color:var(--ct-bg);transition:border-color .2s}.tl-faq__item[open]{border-color:var(--ct-accent)}.tl-faq__question{padding:12px 16px;font-size:14px;font-weight:700;color:var(--ct-text-main);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.tl-faq__question::-webkit-details-marker{display:none}.tl-faq__question:after{content:"+";flex-shrink:0;width:24px;height:24px;border-radius:8px;background-color:var(--ct-bg-soft);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--ct-text-muted);transition:background-color .2s}.tl-faq__item[open] .tl-faq__question:after{content:"−";background-color:var(--ct-accent);color:#fff}.tl-faq__answer{padding:0 16px 14px;font-size:13px;color:var(--ct-text-muted);line-height:1.6}@media(max-width:640px){.tl-axis{left:16px}.tl-item,.tl-item--left,.tl-item--right{flex-direction:row!important}.tl-item__content{width:auto!important;flex:1;align-items:flex-start!important}.tl-item__center{width:32px;min-width:32px;justify-content:center}.tl-dot{left:16px}.tl-item__spacer{display:none}.tl-card__time{display:inline-block}.tl-card{max-width:none;border-left:4px solid var(--tl-event-color, var(--ct-accent))!important;border-right:1px solid var(--ct-border)!important}.tl-item--left .tl-card:after,.tl-item--right .tl-card:after{display:none}.tl-card__actions{opacity:1;justify-content:flex-start}.tl-modal{padding:24px}.tl-features{grid-template-columns:1fr}.tl-faq__question{padding:10px 12px}.tl-faq__answer{padding:0 12px 12px}}