@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root{--cream:#f7f2e8;--paper:#fffdf8;--ink:#172523;--muted:#586661;--line:#dcded2;--orange:#e94c24;--peach:#ffddc5;--teal:#007d6d;--teal-dark:#07584f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}img{max-width:100%;display:block}a{color:inherit}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;z-index:50;top:-60px;left:20px;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:14px}.site-header{position:relative;z-index:10;border-bottom:1px solid rgba(23,37,35,.12);background:var(--cream)}.nav{min-height:82px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1.4px;white-space:nowrap}.brand img{object-fit:contain}.brand-dot{color:var(--orange)}.nav nav{display:flex;gap:32px;margin-left:auto}.nav nav a{font-size:13px;font-weight:700;text-decoration:none}.nav nav a:hover,.under-link:hover{color:var(--teal)}.nav-action{background:var(--ink);color:white;text-decoration:none;border-radius:999px;padding:13px 18px;font-size:13px;font-weight:700;white-space:nowrap}.nav-action span{margin-left:14px}.nav-action:hover,.button-dark:hover{background:var(--teal-dark)}
.hero{overflow:hidden}.hero-layout{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:20px}.hero-copy{padding:50px 0 64px;position:relative;z-index:2}.eyebrow,.section-index{font-size:11px;font-weight:800;letter-spacing:.17em}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--teal-dark)}.eyebrow-line{width:28px;height:2px;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6.2vw,94px);line-height:1.04;letter-spacing:-.075em;margin:23px 0 28px;font-weight:800}h1 em,h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.055em;color:var(--orange)}.hero-copy>p{font-size:18px;line-height:1.75;max-width:530px;color:#4c5b57}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:35px;flex-wrap:wrap}.button{border-radius:999px;padding:17px 23px;text-decoration:none;font-weight:800;font-size:14px;display:inline-flex;gap:31px;align-items:center;white-space:nowrap}.button-dark{background:var(--ink);color:white}.under-link{font-size:14px;font-weight:800;text-underline-offset:6px}.under-link span{margin-left:9px}.hero-meta{font-size:12px;font-weight:700;color:#67736e;margin-top:42px;display:flex;align-items:center;gap:10px}.meta-dot{width:7px;height:7px;border-radius:50%;background:var(--teal)}.meta-sep{color:#c4c9bf}.hero-scene{height:580px;position:relative;align-self:center;background:#e9eee3;border-radius:48% 48% 8px 8px;overflow:hidden}.scene-sun{position:absolute;width:440px;height:440px;left:50%;top:26px;transform:translateX(-50%);border-radius:50%;background:#f5c9a4}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,100,80,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,80,.09) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent 20%,black 100%)}.scene-label{position:absolute;right:26px;top:24px;font-size:10px;letter-spacing:.15em;font-weight:800;color:#47776b;z-index:2}.hero-panda{position:absolute;width:220px;top:8px;right:50%;transform:translateX(50%);filter:drop-shadow(0 14px 8px rgba(57,50,34,.1))}.app-card{position:absolute;left:10%;right:10%;bottom:55px;background:rgba(255,253,248,.97);box-shadow:0 30px 50px rgba(19,44,38,.18);border:1px solid #e4e8dd;border-radius:17px;overflow:hidden}.app-card-head{padding:15px 21px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e9e2}.app-card-brand{display:flex;align-items:center;gap:6px;font-size:14px;letter-spacing:-.04em}.app-card-status{font-size:11px;color:var(--teal-dark);font-weight:800}.app-card-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2cb998;margin-right:5px}.app-card-project{padding:19px 22px 12px}.app-card small{font-size:9px;font-weight:800;color:#77837c;letter-spacing:.13em}.app-card-project strong{display:block;font-size:17px;margin-top:8px}.branch-glyph{font-size:23px;color:var(--teal);vertical-align:-2px}.muted{font-weight:500;color:#8c9891}.app-card-row{display:flex;justify-content:space-between;padding:0 22px 17px;font-size:12px;color:#6d7d76}.app-card-row strong{color:var(--orange)}.app-card-rule{height:1px;background:#e9eae3;margin:0 22px}.app-card-bottom{padding:18px 22px 21px;display:flex;justify-content:space-between;align-items:end}.app-card-bottom strong{display:block;font-size:23px;letter-spacing:-.05em}.focus-bars{display:flex;gap:4px;align-items:end;height:31px}.focus-bars i{width:7px;background:#80c3a6;border-radius:4px 4px 1px 1px;height:45%}.focus-bars i:nth-child(2),.focus-bars i:nth-child(6){height:75%}.focus-bars i:nth-child(3),.focus-bars i:nth-child(5),.focus-bars i:nth-child(8){height:95%}.focus-bars i:nth-child(7),.focus-bars i:nth-child(9){height:60%}.preview-label{position:absolute;bottom:17px;right:24px;font-size:10px;color:#587a70;font-weight:700}.ticker{background:var(--teal-dark);color:#eaf5ed}.ticker-inner{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ticker span{font-size:10px;letter-spacing:.17em;font-weight:800;color:#a9d6cb}.ticker strong{font-size:18px;letter-spacing:-.04em}.ticker b{font-size:17px;color:#f4b88f}
.section{padding:120px 0}.intro-layout{display:grid;grid-template-columns:.28fr 1fr;gap:40px}.section-id{display:flex;flex-direction:column;justify-content:space-between;color:var(--teal-dark)}.section-squiggle{font-size:115px;font-weight:400;line-height:1}.intro h2{max-width:900px;font-size:clamp(42px,5.1vw,74px);line-height:1.12;letter-spacing:-.065em;margin-bottom:25px}.intro p{max-width:710px;font-size:18px;color:var(--muted);line-height:1.75;margin-bottom:0}.features{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading h2,.rhythm h2,.plans h2,.privacy h2{font-size:clamp(40px,4.6vw,65px);line-height:1.13;letter-spacing:-.065em;margin:17px 0 0}.section-heading>p{max-width:260px;color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{min-height:430px;padding:28px;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.feature-git{background:#dfeae0}.feature-focus{background:#f7e5d8}.feature-care{background:#e9e9df}.feature-top{display:flex;justify-content:space-between;font-weight:800;font-size:12px;color:#60746a}.feature-symbol{font-size:38px;line-height:1;color:var(--teal-dark)}.feature-focus .feature-symbol{color:var(--orange)}.feature-content{margin-top:43px}.feature h3{font-size:29px;line-height:1.16;letter-spacing:-.055em;margin-bottom:12px}.feature p{font-size:14px;color:#53635a;line-height:1.65;max-width:295px}.feature-visual{margin-top:auto;min-height:84px}.git-visual{display:flex;align-items:end;justify-content:space-between;gap:5px}.repo-branch{background:var(--ink);color:white;border-radius:8px;padding:13px 14px;font-size:12px;font-weight:700;white-space:nowrap}.repo-pill{background:#fffdf8;border-radius:999px;padding:10px 13px;font-size:11px;color:var(--orange);font-weight:800;white-space:nowrap}.focus-visual{display:flex;align-items:center;gap:18px}.timer-circle{height:79px;width:79px;border-radius:50%;border:7px solid #e59b79;border-left-color:#f9cdbc;background:#fff9f4;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-circle strong{font-size:24px;line-height:1}.timer-circle small{font-size:8px;font-weight:800;letter-spacing:.1em}.focus-visual>div:last-child strong,.care-visual strong{display:block;font-size:14px}.focus-visual>div:last-child span,.care-visual span:last-child{display:block;color:#69776f;font-size:11px;margin-top:5px}.care-visual{display:flex;gap:15px;align-items:center;background:rgba(255,255,255,.7);border-radius:12px;padding:17px;height:84px}.care-sun{font-size:34px;color:var(--orange)}
.rhythm{background:#173631;color:#f4f4e9;overflow:hidden}.rhythm-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.rhythm-art{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.rhythm-disc{width:350px;height:350px;border-radius:50%;background:#d9e4d6;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.rhythm-disc img{width:300px;filter:drop-shadow(0 15px 8px rgba(22,41,30,.16))}.rhythm-art:before,.rhythm-art:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:415px;height:415px}.rhythm-art:after{width:520px;height:520px}.orbit-word{position:absolute;z-index:2;background:var(--cream);color:var(--teal-dark);padding:10px 14px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.14em}.word-one{top:4px;left:8%}.word-two{bottom:35px;left:0}.word-three{top:60px;right:0}.rhythm .section-index{color:#9ac6b8}.rhythm h2{margin:20px 0 25px}.rhythm h2 em{color:#f5b999}.rhythm p{font-size:17px;color:#c6d9d0;line-height:1.75;max-width:500px}.rhythm .under-link{display:inline-block;margin-top:15px;color:white}.plans{background:var(--cream)}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.plan{padding:37px 39px 35px;border-radius:16px;min-height:470px}.plan-free{background:#fffdf8;border:1px solid #dce0d5}.plan-pro{background:#e4ece2;border:1px solid #cdd9cf}.plan-top{display:flex;justify-content:space-between;align-items:start}.plan-tag{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--teal-dark)}.plan-icon{font-size:25px;color:var(--teal)}.plan h3{font-size:37px;letter-spacing:-.06em;margin:37px 0 4px}.plan p{font-size:15px;color:#5a6a61;line-height:1.6}.plan ul{padding:21px 0 0;margin:27px 0 0;list-style:none;border-top:1px solid #d9e0d5}.plan li{font-size:14px;margin:14px 0;padding-left:28px;position:relative;line-height:1.4}.plan li:before{content:'✓';position:absolute;left:0;color:var(--teal);font-weight:800}.privacy{background:#e9ede3;padding:92px 0}.privacy-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.privacy h2{margin-bottom:0}.privacy p{font-size:17px;line-height:1.78;color:#4e6157}.privacy-pill{display:inline-block;border:1px solid #92aa9b;border-radius:999px;color:var(--teal-dark);font-size:10px;letter-spacing:.15em;font-weight:800;padding:9px 12px}.privacy-pill span{font-size:8px;margin-right:5px}.closing{background:var(--orange);color:white;padding:48px 0}.closing-layout{display:flex;align-items:center;gap:26px}.closing img{object-fit:contain;filter:drop-shadow(0 8px 7px rgba(64,21,8,.16))}.closing .section-index{color:#ffe2d7}.closing h2{font-size:clamp(27px,3.5vw,45px);letter-spacing:-.06em;margin:7px 0}.button-light{background:white;color:var(--ink);margin-left:auto}.button-light:hover{background:#f9e9dd}.footer{background:#102a26;color:#e3ece4}.footer-layout{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:22px}.footer .brand-dot{color:#fb8158}.footer span:not(.brand-dot){font-size:12px;color:#a9c0b4}
@media(max-width:980px){.nav nav{gap:16px}.hero-layout{grid-template-columns:1fr 1fr;min-height:600px}.hero-scene{height:520px}.hero-panda{width:210px;top:5px}.app-card{left:5%;right:5%}.ticker-inner{flex-wrap:wrap;justify-content:center;padding:20px 0}.intro-layout{grid-template-columns:.25fr 1fr}.feature{padding:22px}.repo-branch{font-size:10px}.repo-pill{font-size:9px}.rhythm-layout{gap:35px}.rhythm-disc{width:300px;height:300px}.rhythm-disc img{width:260px}}
@media(max-width:720px){.wrap{width:min(100% - 34px,540px)}.nav{min-height:70px;flex-wrap:wrap;justify-content:space-between;gap:0}.brand{font-size:22px}.brand img{width:37px;height:37px}.nav nav{order:3;width:100%;justify-content:space-between;margin:0;padding:0 0 15px;gap:8px}.nav nav a{font-size:12px}.nav-action{padding:10px 13px;font-size:11px}.nav-action span{margin-left:5px}.hero-layout{display:block;padding-top:32px}.hero-copy{padding:22px 0 40px}.hero h1{font-size:clamp(52px,11vw,75px)}.hero-copy>p{font-size:16px}.hero-meta{margin-top:31px}.hero-scene{height:470px;margin-bottom:32px}.hero-panda{width:160px;top:8px}.scene-sun{width:350px;height:350px}.app-card{bottom:45px}.ticker-inner{gap:10px 15px}.ticker span{width:100%;text-align:center}.ticker strong{font-size:15px}.ticker b{font-size:12px}.section{padding:77px 0}.intro-layout{display:block}.section-id{display:block}.section-squiggle{display:none}.intro h2{font-size:46px;margin-top:24px}.intro p{font-size:16px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.rhythm h2,.plans h2,.privacy h2{font-size:44px}.section-heading>p{max-width:430px;margin:17px 0 0}.feature-grid,.plan-grid,.rhythm-layout,.privacy-layout{grid-template-columns:1fr}.feature{min-height:350px}.feature-content{margin-top:28px}.rhythm-layout{gap:15px}.rhythm-art{height:340px}.rhythm-disc{width:270px;height:270px}.rhythm-disc img{width:230px}.rhythm-art:before{width:330px;height:330px}.rhythm-art:after{width:390px;height:390px}.rhythm-copy{padding-top:30px}.plan{min-height:auto;padding:30px}.plan h3{margin-top:22px}.privacy{padding:72px 0}.privacy-layout{gap:20px}.closing-layout{flex-wrap:wrap}.closing img{width:68px;height:68px}.closing-layout>div{flex:1}.closing .button{margin:5px 0 0 0}.footer-layout{min-height:140px;flex-wrap:wrap;padding:25px 0}.footer-layout>span:nth-child(2){display:none}}
@media(max-width:390px){.nav-action{display:none}.hero h1{font-size:48px}.hero-buttons{gap:20px}.hero-scene{height:430px}.app-card{left:4%;right:4%;bottom:39px}.app-card-project{padding-top:14px}.ticker strong{font-size:13px}.ticker b{font-size:10px}.intro h2,.section-heading h2,.rhythm h2,.plans h2,.privacy h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-panda,.rhythm-disc img{height:auto}

/* Keep cards comfortable on tablets before the phone layout stacks them. */
@media(max-width:900px) and (min-width:721px){
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-care{grid-column:1/-1;min-height:300px}
  .feature-care .feature-content{margin-top:28px}
  .feature-care .feature-visual{max-width:360px;width:100%}
}

@media(max-width:720px){
  .nav nav a{display:inline-flex;align-items:center;min-height:44px}
  .hero-copy{padding-bottom:28px}
  .hero-scene{height:540px;border-radius:42% 42% 14px 14px}
  .hero-panda{width:160px;top:25px}
  .scene-label{display:none}
  .app-card{bottom:43px}
}

@media(max-width:390px){
  .hero-scene{height:520px}
  .hero-panda{top:25px}
  .app-card{bottom:39px}
}

.page-time-chip{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #cddbd1;border-radius:12px;background:#e9eee7;white-space:nowrap;box-shadow:3px 3px 8px #d3d8d1,-3px -3px 8px #fffdf8}
.page-time-chip span:last-child{display:flex;flex-direction:column;gap:1px}
.page-time-chip small{font-size:8px;letter-spacing:.12em;font-weight:800;color:#617469}
.page-time-chip strong{font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1}
.page-time-dot,.live-caption i{display:block;width:8px;height:8px;background:#23a785;border-radius:50%;flex:none}
.page-time-dot.is-paused,.live-caption i.is-paused{background:#a4ada7}
.live-caption{display:flex;align-items:center;gap:6px;font-size:10px;color:#5b7569;font-weight:700}
.app-showcase{background:#e8e5e0;border-bottom:1px solid #d4d2cb}
.showcase-heading{max-width:750px;margin:0 auto 42px;text-align:center}
.showcase-heading .section-index{color:#5d6770}
.showcase-heading h2{font-size:clamp(39px,4.7vw,64px);line-height:1.13;letter-spacing:-.065em;margin:15px 0 16px}
.showcase-heading p{font-size:16px;line-height:1.65;color:#666b70;margin:0 auto;max-width:570px}
.workspace-window{max-width:1040px;margin:auto;border:1px solid rgba(255,255,255,.85);border-radius:19px;overflow:hidden;background:#e8e5e0;box-shadow:18px 20px 36px rgba(92,90,87,.28),-14px -14px 30px rgba(255,255,255,.78)}
.workspace-titlebar{height:45px;display:flex;align-items:center;gap:18px;padding:0 18px;background:#eeece8;border-bottom:1px solid #d6d4cf;color:#676a6b;font-size:11px;font-weight:700}
.window-dots{display:flex;gap:7px}.window-dots i{width:10px;height:10px;border-radius:50%;background:#e89082}.window-dots i:nth-child(2){background:#e2c17b}.window-dots i:nth-child(3){background:#83bbaa}
.workspace-titlebar>span:nth-child(2) span{padding:0 5px;color:#a0a3a0}.window-badge{margin-left:auto;color:#7b8582;letter-spacing:.14em;font-size:9px}
.workspace-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:490px}
.workspace-sidebar{background:#e3e1dc;padding:22px 16px;border-right:1px solid #d7d5cf}
.sidebar-brand{display:flex;gap:9px;align-items:center}.sidebar-brand img{object-fit:contain;width:42px;height:42px;padding:4px;border-radius:11px;background:#edeae5;box-shadow:3px 3px 7px #c8c5bf,-3px -3px 7px white}.sidebar-brand strong{display:block;font-size:14px;letter-spacing:-.03em}.sidebar-brand small{display:block;margin-top:2px;font-size:9px;color:#7b7e80}.sidebar-divider{height:1px;background:#cfcdc7;margin:20px 2px}.sidebar-item{padding:11px 12px;border-radius:10px;font-size:12px;font-weight:700;color:#73777a;display:flex;gap:10px;align-items:center}.sidebar-item span{font-size:15px;width:17px;text-align:center}.sidebar-item.selected{color:#45484d;background:#eeeae5;box-shadow:4px 4px 8px #c5c2bd,-4px -4px 8px #fff}.workspace-content{padding:27px 30px;min-width:0}.workspace-heading{display:flex;align-items:center;gap:12px}.workspace-heading-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#eeeae5;color:#656e78;font-size:25px;box-shadow:4px 4px 8px #c5c2bd,-4px -4px 8px #fff}.workspace-heading h3{font-size:21px;margin:0;letter-spacing:-.04em;color:#46494e}.workspace-heading p{font-size:12px;color:#7d8082;margin:2px 0 0}.workspace-divider{height:1px;background:#cfcdc7;margin:24px 0}.workspace-content h4{font-size:14px;color:#626a73;margin:22px 0 12px}.workspace-content h4 span{font-size:16px;margin-right:5px}.workspace-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workspace-metric{min-height:142px;padding:17px 15px;display:flex;flex-direction:column;background:rgba(255,255,255,.47);border:1px solid rgba(255,255,255,.82);border-radius:16px;box-shadow:6px 6px 11px rgba(137,134,129,.28),-5px -5px 10px rgba(255,255,255,.75);min-width:0}.metric-icon{font-size:17px;color:#697684;line-height:1}.metric-time .metric-icon{color:#0d987f}.workspace-metric strong{font-size:21px;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:11px 0 3px;white-space:nowrap}.workspace-metric>span:nth-last-child(2){font-size:11px;font-weight:800;color:#6e7175}.workspace-metric small{font-size:10px;color:#8a8d8d;line-height:1.35;margin-top:5px}.workspace-details{background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.68);border-radius:14px;overflow:hidden}.workspace-details>div{display:flex;justify-content:space-between;gap:15px;padding:11px 15px;font-size:12px}.workspace-details>div+div{border-top:1px solid #d5d4ce}.workspace-details span{color:#777b7d}.workspace-details strong{color:#4e5256;text-align:right;font-weight:700}.showcase-note{text-align:center;color:#666d6c;font-size:12px;line-height:1.5;margin:25px auto 0;max-width:650px}
@media(max-width:1080px){.nav{gap:18px}.nav nav{gap:18px}.nav-action{display:none}}
@media(max-width:820px){.workspace-body{grid-template-columns:175px minmax(0,1fr)}.workspace-content{padding:22px}.workspace-metrics{gap:10px}.workspace-metric{padding:14px 11px}.workspace-metric strong{font-size:18px}.sidebar-brand small{font-size:8px}}
@media(max-width:720px){.page-time-chip{margin-left:auto;padding:7px 9px}.nav nav{margin-left:0}.workspace-sidebar{display:none}.workspace-body{display:block;min-height:0}.workspace-content{padding:22px}.workspace-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-time{grid-column:1/-1}.showcase-heading{margin-bottom:29px}.showcase-heading h2{font-size:43px}.showcase-heading p{font-size:15px}.workspace-titlebar{padding:0 12px;gap:10px}.window-badge{font-size:8px}}
@media(max-width:420px){.workspace-metrics{grid-template-columns:1fr}.metric-time{grid-column:auto}.workspace-metric{min-height:112px}.workspace-details>div{font-size:11px}.showcase-heading h2{font-size:38px}.window-badge{display:none}.page-time-chip small{font-size:7px}.page-time-chip strong{font-size:13px}}

.page-time-chip{max-width:185px}.page-time-chip span:last-child{min-width:0}.page-time-chip small{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis}
.app-card-project [data-branch-name],.workspace-metric [data-branch-name],.workspace-details [data-branch-name]{overflow-wrap:anywhere}
.workspace-metric strong[data-branch-name]{white-space:normal}
.branch-picker{padding:17px 18px;border-radius:15px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.7);box-shadow:inset 3px 3px 8px rgba(132,130,126,.16),inset -3px -3px 8px rgba(255,255,255,.62)}
.branch-picker label{display:block;font-size:12px;font-weight:800;color:#50565b;margin-bottom:9px}.branch-picker label span{font-weight:500;color:#85898b}
.branch-picker-controls{display:flex;align-items:center;gap:9px}.branch-picker-icon{font-size:22px;color:#65717a;line-height:1}.branch-picker input{min-width:0;flex:1;border:1px solid #c7c8c4;border-radius:9px;padding:10px 11px;font:600 13px 'DM Sans',system-ui,sans-serif;color:#3d4448;background:#f8f8f5;outline:none}.branch-picker input:focus{border-color:#0d987f;box-shadow:0 0 0 2px rgba(13,152,127,.17)}.branch-picker input[aria-invalid=true]{border-color:#c4553f}
.branch-picker-controls button{border:0;border-radius:9px;background:#596570;color:white;font:700 12px 'DM Sans',system-ui,sans-serif;padding:11px 15px;cursor:pointer;white-space:nowrap}.branch-picker-controls button:hover{background:#36434c}.branch-picker-controls button:focus-visible,.branch-presets button:focus-visible{outline:3px solid #0d987f;outline-offset:2px}
.branch-picker p{font-size:10px;color:#797f80;line-height:1.45;margin:9px 0 0}.branch-picker .branch-error{color:#9e3c2d;font-weight:700}.branch-picker .branch-error[hidden]{display:none}
.branch-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.branch-presets button{border:1px solid #c5c8c4;background:#f4f3ef;color:#566065;border-radius:999px;padding:6px 11px;font:700 10px 'DM Sans',system-ui,sans-serif;cursor:pointer}.branch-presets button:hover,.branch-presets button.selected{border-color:#82ae9e;background:#e4eee9;color:#12654f}
@media(max-width:420px){.branch-picker{padding:15px}.branch-picker-controls{gap:6px}.branch-picker-controls button{padding:11px 10px;font-size:11px}.page-time-chip{max-width:122px}.page-time-chip small{max-width:87px}}