:root{--espresso:#342f2d;--earth:#4d403a;--taupe:#a3968d;--stone:#dfdacf;--paper:#f5f1eb;--surface:#fdfcf9}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--espresso);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1{letter-spacing:.2px;color:var(--earth);font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:500}.timeline-reflection{color:var(--espresso);margin-top:12px;font-size:14.5px;line-height:1.7}button{cursor:pointer;border:1px solid var(--stone);color:var(--earth);background:0 0;border-radius:8px;padding:6px 14px;transition:all .2s}button:hover{background:#4d403a14}button.primary{background:var(--earth);color:var(--surface);border:none}button.primary:hover{background:var(--espresso)}input,select,textarea{border:1px solid var(--stone);background:var(--surface);width:100%;color:var(--espresso);border-radius:8px;margin-bottom:14px;padding:10px;font-size:14px}textarea{resize:vertical}.timeline{max-width:1000px;margin:0 auto;position:relative;overflow:visible}.timeline-title{letter-spacing:.2px;color:#342f2d;margin:4px 0 3px;font-size:22px;font-weight:600}.timeline-date{letter-spacing:1.2px;color:var(--taupe);font-size:11px}.timeline-category{letter-spacing:1.6px;color:#4d403ab3;font-size:10px}.timeline:before{content:"";background:var(--stone);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{width:100%;margin-bottom:56px;display:flex;position:relative}.timeline-node{background:var(--surface);z-index:2;border:2px solid #4d403a66;border-radius:50%;width:12px;height:12px;transition:all .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #342f2d0a}.timeline-card{z-index:1;background:#fff;border:1px solid #4d403a14;border-radius:14px;width:45%;padding:24px;transition:box-shadow .35s,transform .35s;animation:.5s fadeLiftIn;position:relative;box-shadow:0 2px 6px #342f2d08,0 10px 24px #342f2d0d}.timeline.dimmed .timeline-card{transition:opacity .25s,filter .25s,transform .25s}.timeline.dimmed .timeline-card.expanded{opacity:1;filter:none;z-index:5;transform:translateY(-2px)scale(1)}.timeline-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);height:1px;position:absolute;top:0;left:16px;right:16px}@media (hover:hover){.timeline-card:hover{background:linear-gradient(#fdfcf9,#fcfaf7);transform:translateY(-3px)scale(1.01);box-shadow:0 6px 18px #342f2d14,0 18px 40px #342f2d1a}}.timeline-card.expanded{background:#fff;border-color:#4d403a2e;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);transform:translateY(-2px);box-shadow:0 10px 28px #342f2d1a,0 24px 56px #342f2d1f}.timeline.dimmed .timeline-card:not(.expanded){opacity:.45;filter:blur(.6px);transform:scale(.985)}.timeline-item.expanded .timeline-node{border-color:var(--espresso);transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 0 6px #342f2d14}.timeline-left{justify-content:flex-end}.timeline-right{justify-content:flex-start}.timeline-left .timeline-card{margin-right:52%}.timeline-right .timeline-card{margin-left:52%}.card-actions{flex-wrap:nowrap;gap:8px;display:flex}@media (max-width:768px){.card-actions{flex-wrap:wrap}.card-actions button{flex:calc(50% - 4px);min-width:0}}.timeline-fab{z-index:50!important;position:fixed!important;bottom:32px!important;left:50%!important;transform:translate(-50%)!important}@media (max-width:768px){.timeline-main{padding:12px!important}.timeline-content-wrapper{border-radius:12px!important;padding:20px 16px!important}.timeline-logo{font-size:clamp(32px,10vw,48px)!important}.timeline:before{background:#4d403a14;width:1px;left:25px;transform:none}.timeline-node{z-index:0;background:#fdfcf9;border:2px solid #4d403a66;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:25px;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #fdfcf9e6}.timeline-item{justify-content:flex-start}.timeline-left .timeline-card,.timeline-right .timeline-card{margin-left:50px;margin-right:0}.timeline-card{z-index:1;flex-direction:column;width:calc(100% - 50px);min-height:0;margin-left:50px;animation:.5s both fadeLiftIn;display:flex}.timeline.archive .timeline-card{width:100%;margin-left:0}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLiftIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes csSlideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes csSlideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-fade-in{animation:.35s forwards pageFadeIn}@keyframes panelSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.prompt-card{padding:16px 18px!important}.tree-panel{border-radius:16px 16px 0 0!important;width:100vw!important;height:auto!important;max-height:80vh!important;animation:.3s forwards panelSlideUp!important;inset:auto 0 0!important;overflow-y:auto!important;box-shadow:0 -4px 24px #0000001a!important}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.timeline-card{width:calc(100% - 44px)!important;margin-left:44px!important}.timeline-content-wrapper{padding-top:16px!important}}.readonly-timeline{max-width:600px;margin:0 auto;padding:0 20px;position:relative}.readonly-timeline:before{content:"";background:#dfdacf;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.readonly-timeline-item{width:100%;margin-bottom:32px;display:flex;position:relative}.readonly-timeline-item:nth-child(odd){justify-content:flex-end}.readonly-timeline-item:nth-child(2n){justify-content:flex-start}.readonly-timeline-node{z-index:2;background:#fdfcf9;border:2px solid #4d403a66;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.readonly-timeline-card{background:#fff;border:1px solid #4d403a14;border-radius:14px;width:45%;padding:20px 22px;box-shadow:0 2px 6px #342f2d08,0 10px 24px #342f2d0d}@media (max-width:768px){.readonly-timeline:before{left:24px;transform:none}.readonly-timeline-item,.readonly-timeline-item:nth-child(odd),.readonly-timeline-item:nth-child(2n){justify-content:flex-start}.readonly-timeline-node{left:24px;transform:translate(-50%,-50%)}.readonly-timeline-card{width:calc(100% - 50px);margin-left:50px}}.about-animate{opacity:0;transition:opacity .35s ease-out,transform .35s ease-out;transform:translateY(20px)}.about-animate.about-visible{opacity:1;transform:translateY(0)}.about-animate-left{opacity:0;transition:opacity .35s ease-out,transform .35s ease-out;transform:translate(-20px)}.about-animate-left.about-visible{opacity:1;transform:translate(0)}.about-animate-right{opacity:0;transition:opacity .35s ease-out,transform .35s ease-out;transform:translate(20px)}.about-animate-right.about-visible{opacity:1;transform:translate(0)}@media (max-width:768px){.about-feature-section{flex-direction:column!important;gap:32px!important;padding:56px 24px!important}.about-feature-section>div:first-child{flex:none!important}.about-hero-title{font-size:32px!important;line-height:1.3!important}.about-closing-title{font-size:26px!important}}.landing-video{object-position:center}@media (max-width:768px){.landing-video{object-position:30% center}}@keyframes drawLine{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.tree-connector{stroke-dasharray:1;stroke-dashoffset:1px;animation:.6s forwards drawLine}.tree-connector:nth-child(2){animation-delay:.1s}.tree-connector:nth-child(3){animation-delay:.2s}.tree-connector:nth-child(4){animation-delay:.3s}.tree-connector:nth-child(5){animation-delay:.4s}.tree-connector:nth-child(6){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.tree-node{opacity:0;animation:.4s forwards fadeInUp}.tree-node:first-child{animation-delay:50ms}.tree-node:nth-child(2){animation-delay:.15s}.tree-node:nth-child(3){animation-delay:.25s}.tree-node:nth-child(4){animation-delay:.35s}.tree-node:nth-child(5){animation-delay:.45s}.tree-node:nth-child(6){animation-delay:.55s}