.about-page{--about-palette-primary:225 88% 62%;--about-palette-accent:262 73% 66%;--about-palette-link:166 68% 50%;--about-palette-ring:32 92% 63%;--about-palette-neutral:226 20% 32%;background:radial-gradient(120% 120% at 0 0,color-mix(in srgb,hsl(var(--gradient-from)) 20%,hsl(var(--background)) 80%) 0,transparent 60%),radial-gradient(110% 110% at 100% 0,color-mix(in srgb,hsl(var(--gradient-to)) 22%,hsl(var(--background)) 78%) 0,transparent 55%),hsl(var(--background));color:hsl(var(--foreground))}.mode-study .about-page{--about-palette-primary:214 94% 60%;--about-palette-accent:256 74% 66%;--about-palette-link:170 70% 48%;--about-palette-ring:26 92% 60%;--about-palette-neutral:218 22% 34%}.dark .about-page{--about-palette-primary:214 100% 75%;--about-palette-accent:272 88% 78%;--about-palette-link:166 72% 62%;--about-palette-ring:32 94% 68%;--about-palette-neutral:224 24% 82%}.dark.mode-study .about-page{--about-palette-primary:221 96% 72%;--about-palette-accent:260 82% 74%;--about-palette-link:168 72% 60%;--about-palette-ring:24 92% 64%;--about-palette-neutral:220 22% 78%}.about-main{position:relative;z-index:1}.about-page [data-tone=log]{--about-tone:hsl(var(--about-palette-primary))}.about-page [data-tone=blog]{--about-tone:hsl(var(--about-palette-accent))}.about-page [data-tone=bookmark]{--about-tone:hsl(var(--about-palette-ring))}.about-page [data-tone=cycle]{--about-tone:hsl(var(--about-palette-link))}.about-display{font-weight:800;letter-spacing:-.01em;color:hsl(var(--foreground))}.about-h2{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.4}.about-x{margin-inline:.18em;color:color-mix(in srgb,hsl(var(--about-palette-primary)) 65%,hsl(var(--foreground)) 35%)}.about-section{padding-block:clamp(3rem,7vw,5.5rem)}.about-btn-ghost,.about-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.75rem 1.75rem;border-radius:9999px;font-size:.95rem;font-weight:700;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .25s ease}.about-btn-primary{background:hsl(var(--foreground));color:hsl(var(--background));box-shadow:0 14px 30px -16px color-mix(in srgb,hsl(var(--foreground)) 50%,transparent 50%)}.about-btn-primary:hover{background:color-mix(in srgb,hsl(var(--foreground)) 86%,hsl(var(--about-palette-primary)) 14%);transform:translateY(-1px);box-shadow:0 18px 34px -16px color-mix(in srgb,hsl(var(--foreground)) 55%,transparent 45%)}.about-btn-ghost{border:1px solid color-mix(in srgb,hsl(var(--foreground)) 30%,transparent 70%);color:hsl(var(--foreground));background:transparent}.about-btn-ghost:hover{background:color-mix(in srgb,hsl(var(--foreground)) 7%,transparent 93%);border-color:color-mix(in srgb,hsl(var(--foreground)) 50%,transparent 50%)}.about-btn-ghost:focus-visible,.about-btn-primary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.about-check-icon{color:color-mix(in srgb,var(--about-tone,hsl(var(--about-palette-link))) 65%,hsl(var(--foreground)) 35%)}.about-hero-copy{animation:about-rise .7s ease both}.about-hero-shot{animation:about-rise .7s ease .15s both}.about-demo{display:grid;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:1.25rem;background:color-mix(in srgb,hsl(var(--card)) 92%,hsl(var(--background)) 8%);border:1px solid color-mix(in srgb,hsl(var(--border)) 85%,hsl(var(--foreground)) 15%);box-shadow:0 32px 64px -40px color-mix(in srgb,hsl(var(--foreground)) 40%,transparent 60%)}@media (min-width:640px){.about-demo{grid-template-columns:1fr auto 1fr;gap:1.75rem;padding:2.25rem 2rem}}.dark .about-page .about-demo{background:color-mix(in srgb,hsl(var(--card)) 80%,hsl(var(--background)) 20%)}.about-demo-arrow{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:hsl(var(--muted-foreground))}.about-demo-arrow-text{font-size:.75rem;font-weight:600}.about-sw{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.4rem 1.2rem;border-radius:.9rem;background:color-mix(in srgb,hsl(var(--stopwatch-study-base)) 7%,hsl(var(--card)) 93%);border:1px solid color-mix(in srgb,hsl(var(--stopwatch-study-base)) 32%,hsl(var(--border)) 68%)}.about-sw-compact{gap:.6rem;padding:1rem 1.2rem;width:fit-content}.about-sw-head{display:flex;align-items:center;gap:.7rem}.about-sw-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:color-mix(in srgb,hsl(var(--stopwatch-study-base)) 60%,hsl(var(--foreground)) 40%)}.about-sw-dot{width:.45rem;height:.45rem;border-radius:9999px;background:currentColor;animation:about-pulse 1.6s ease-in-out infinite}.about-sw-category{padding:.15rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:color-mix(in srgb,hsl(var(--muted)) 80%,transparent 20%);color:hsl(var(--foreground))}.about-sw-time{font-size:2.4rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:hsl(var(--foreground))}.about-sw-compact .about-sw-time{font-size:1.75rem}.about-sw-actions{display:flex;gap:.6rem}.about-sw-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1.15rem;border-radius:9999px;border:1px solid transparent;font-size:.8rem;font-weight:700}.about-demo-chart{display:flex;flex-direction:column;align-items:center;gap:.9rem}.about-demo-total{font-size:.85rem;color:hsl(var(--muted-foreground))}.about-demo-total strong{margin-left:.2rem;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;color:hsl(var(--foreground))}.about-demo-bars{display:flex;align-items:flex-end;gap:.55rem;height:7rem}.about-demo-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.4rem;height:100%}.about-demo-bar{display:block;width:.95rem;border-radius:.3rem;background:color-mix(in srgb,hsl(var(--about-palette-primary)) 34%,hsl(var(--muted)) 66%);transition:height 1s linear}.about-demo-bar[data-today=true]{background:linear-gradient(180deg,color-mix(in srgb,hsl(var(--about-palette-primary)) 85%,hsl(var(--foreground)) 15%),hsl(var(--about-palette-primary)))}.about-demo-day{font-size:.68rem;color:hsl(var(--muted-foreground))}.about-demo-day[data-today=true]{font-weight:700;color:color-mix(in srgb,hsl(var(--about-palette-primary)) 60%,hsl(var(--foreground)) 40%)}.about-timeline{position:relative;margin-top:3rem}.about-timeline:before{content:"";position:absolute;left:1.75rem;top:1.5rem;bottom:1.5rem;width:2px;background:linear-gradient(180deg,color-mix(in srgb,hsl(var(--about-palette-primary)) 45%,hsl(var(--border)) 55%),color-mix(in srgb,hsl(var(--about-palette-link)) 45%,hsl(var(--border)) 55%))}.about-step{position:relative;display:grid;grid-template-columns:3.5rem 1fr;gap:1.25rem;padding-block:1.6rem}@media (min-width:640px){.about-step{gap:1.75rem}}.about-step-marker{display:flex;justify-content:center;align-items:flex-start}.about-step-time{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:9999px;font-size:.85rem;font-weight:800;color:color-mix(in srgb,var(--about-tone) 58%,hsl(var(--foreground)) 42%);background:color-mix(in srgb,var(--about-tone) 10%,hsl(var(--card)) 90%);border:2px solid color-mix(in srgb,var(--about-tone) 42%,hsl(var(--border)) 58%)}.about-step-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;color:color-mix(in srgb,var(--about-tone) 60%,hsl(var(--foreground)) 40%)}.about-step-visual{margin-top:1rem;max-width:24rem}.about-night{gap:1.25rem}.about-night,.about-night-bars{display:flex;align-items:flex-end}.about-night-bars{gap:.4rem;height:3.5rem}.about-night-bars .about-demo-bar{width:.6rem}.about-article{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1rem 1.1rem;border-radius:.5rem;border:1px solid hsl(var(--border));background:hsl(var(--card))}.about-article-title{font-size:.92rem;font-weight:700;color:hsl(var(--foreground))}.about-article-math{padding:.45rem .75rem;border-radius:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;color:color-mix(in srgb,var(--about-tone) 55%,hsl(var(--foreground)) 45%);background:color-mix(in srgb,var(--about-tone) 9%,hsl(var(--background)) 91%);border:1px solid color-mix(in srgb,var(--about-tone) 26%,hsl(var(--border)) 74%)}.about-readers{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;border-radius:9999px;border:1px solid color-mix(in srgb,var(--about-tone) 30%,hsl(var(--border)) 70%);background:color-mix(in srgb,var(--about-tone) 8%,hsl(var(--card)) 92%);width:fit-content}.about-readers-avatars{display:flex}.about-readers-avatars span{width:1.6rem;height:1.6rem;border-radius:9999px;border:2px solid hsl(var(--card));background:linear-gradient(135deg,hsl(var(--about-palette-primary)),hsl(var(--about-palette-accent)))}.about-readers-avatars span+span{margin-left:-.5rem}.about-readers-avatars span:nth-child(2){background:linear-gradient(135deg,hsl(var(--about-palette-ring)),hsl(var(--about-palette-primary)))}.about-readers-avatars span:nth-child(3){background:linear-gradient(135deg,hsl(var(--about-palette-link)),hsl(var(--about-palette-accent)))}.about-readers-text{font-size:.85rem;color:hsl(var(--muted-foreground))}.about-readers-text strong{margin-inline:.15rem;font-size:1rem;font-weight:800;color:hsl(var(--foreground))}.about-bm{display:flex;align-items:center;gap:.75rem;padding:.8rem;border-radius:.5rem;border:1px solid hsl(var(--border));background:hsl(var(--card))}.about-bm-favicon{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:.5rem;background:linear-gradient(135deg,hsl(var(--about-palette-primary)),color-mix(in srgb,hsl(var(--about-palette-accent)) 70%,hsl(var(--about-palette-primary)) 30%))}.about-bm-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.about-bm-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;color:hsl(var(--foreground))}.about-bm-tags{font-size:.74rem;color:hsl(var(--muted-foreground))}.about-bm-side{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.about-bm-status{padding:.12rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:700}.about-bm-status[data-status=studying]{color:color-mix(in srgb,hsl(var(--stopwatch-study-base)) 60%,hsl(var(--foreground)) 40%);background:color-mix(in srgb,hsl(var(--stopwatch-study-base)) 12%,transparent 88%)}.about-bm-status[data-status=done]{color:color-mix(in srgb,hsl(var(--about-palette-link)) 55%,hsl(var(--foreground)) 45%);background:color-mix(in srgb,hsl(var(--about-palette-link)) 12%,transparent 88%)}.about-bm-time{font-size:.74rem;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}.about-vision-line{font-size:clamp(1.05rem,2.4vw,1.3rem);font-weight:800;letter-spacing:-.01em;color:hsl(var(--foreground))}.about-values{margin-top:2.5rem;display:grid;gap:1.75rem 2.5rem;text-align:left}@media (min-width:640px){.about-values{grid-template-columns:repeat(2,1fr)}}.about-value dt{font-size:.95rem;font-weight:700;color:hsl(var(--foreground))}.about-value dd{margin-top:.35rem;font-size:.88rem;line-height:1.8;color:hsl(var(--muted-foreground))}.about-faq{border-radius:1rem;background:color-mix(in srgb,hsl(var(--card)) 92%,hsl(var(--background)) 8%);border:1px solid color-mix(in srgb,hsl(var(--border)) 92%,transparent 8%);transition:border-color .25s ease}.about-faq[open]{border-color:color-mix(in srgb,hsl(var(--about-palette-primary)) 34%,hsl(var(--border)) 66%)}.about-faq summary{display:flex;align-items:center;gap:1rem;padding:1.05rem 1.3rem;cursor:pointer;list-style:none}.about-faq summary::-webkit-details-marker{display:none}.about-faq summary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px;border-radius:1rem}.about-faq summary h3{flex:1;font-size:.95rem;font-weight:600;line-height:1.65;color:hsl(var(--foreground))}.about-faq-marker{position:relative;width:.95rem;height:.95rem;flex-shrink:0}.about-faq-marker:after,.about-faq-marker:before{content:"";position:absolute;inset:0;margin:auto;background:color-mix(in srgb,hsl(var(--foreground)) 65%,transparent 35%);border-radius:1px;transition:transform .25s ease}.about-faq-marker:before{width:100%;height:2px}.about-faq-marker:after{width:2px;height:100%}.about-faq[open] .about-faq-marker:after{transform:rotate(90deg)}.about-faq>p{padding:0 1.3rem 1.25rem;font-size:.9rem;line-height:2;color:hsl(var(--muted-foreground))}.about-card{border-radius:1.25rem;background:color-mix(in srgb,hsl(var(--card)) 92%,hsl(var(--background)) 8%);border:1px solid color-mix(in srgb,hsl(var(--border)) 90%,transparent 10%);box-shadow:0 20px 44px -34px color-mix(in srgb,hsl(var(--foreground)) 30%,transparent 70%)}.about-contact{padding:2.5rem 1.5rem;text-align:center}.about-cta{padding-bottom:clamp(4.5rem,9vw,7.5rem)}@keyframes about-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes about-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@media (prefers-reduced-motion:reduce){.about-hero-copy,.about-hero-shot,.about-sw-dot{animation:none}.about-demo-bar{transition:none}}