.download-page{gap:var(--brocco-space-6);display:grid}.download-lead{max-width:none;font-size:1.1875rem;line-height:1.55}.download-platform{justify-content:space-between;align-items:center;gap:var(--brocco-space-3);margin-bottom:var(--brocco-space-4);flex-wrap:wrap;display:flex}.home-grid.download-single{grid-template-columns:minmax(0,1fr);width:calc(50% - 12px);margin-inline:auto}.download-more.download-single{justify-content:center}@media (max-width:600px){.home-grid.download-single{width:auto}}.download-platform-panel{display:grid}.download-platform-panel:focus{outline:none}.download-more{align-items:center;gap:var(--brocco-space-4);flex-wrap:wrap;display:flex}.download-screenshot{padding:var(--brocco-space-8);border-radius:var(--brocco-radius-panel);background:color-mix(in srgb, var(--brocco-accent) 16%, var(--brocco-page))}.download-window{border:1px solid var(--brocco-border-control);box-shadow:var(--brocco-shadow-float);border-radius:10px;overflow:hidden}.download-window-bar{border-bottom:1px solid var(--brocco-border);background:var(--brocco-surface-pressed);color:var(--brocco-text-muted);text-align:center;padding:7px 12px;font-size:.75rem;position:relative}.download-window-dots{gap:6px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.download-window-dots span{background:var(--brocco-border-control);border-radius:50%;width:10px;height:10px}.download-screenshot img{width:100%;height:auto;display:block}@media (max-width:600px){.download-screenshot{padding:var(--brocco-space-3)}}[data-brocco-theme=dark] .download-screenshot-light,[data-brocco-theme=light] .download-screenshot-dark{display:none!important}.download-page .brocco-panel ul{gap:var(--brocco-space-2);margin:0;padding-left:1.2em;display:grid}
.study{align-items:start;gap:var(--brocco-space-6);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}@media (max-width:920px){.study{grid-template-columns:minmax(0,1fr)}}.study-timer{gap:var(--brocco-space-4);flex-direction:column;display:flex}@media (min-width:921px){.study{align-items:stretch}.study-window{flex:1 0 auto}}.study-window{aspect-ratio:4/3;border-radius:var(--brocco-radius-panel);background:#09141a;position:relative;overflow:hidden}@media (max-width:600px){.study-window{aspect-ratio:1}}.study-scene{width:100%;height:100%;display:block;position:absolute;inset:0}.study-clock{place-content:center;justify-items:center;gap:var(--brocco-space-2);color:#faf9f4;text-shadow:0 2px 16px #00000073;pointer-events:none;display:grid;position:absolute;inset:0 0 30%}.study-phase{letter-spacing:.02em;opacity:.85;font-weight:600}.study-time{font-family:var(--brocco-font-heading);font-variant-numeric:tabular-nums;letter-spacing:var(--brocco-heading-tracking);font-size:clamp(3.5rem,11vw,6.5rem);font-weight:700;line-height:1}[data-brocco-theme=light] .study-window{background:#9ccbe0}[data-brocco-theme=light] .study-clock{color:#0f1411;text-shadow:0 1px 14px #ffffff8c}[data-brocco-theme=light] .study-progress span{background:#155b38}.study-progress{background:#faf9f41f;height:4px;position:absolute;inset:auto 0 0}.study-progress span{transform-origin:0;background:#a7e3c2;height:100%;transition:transform .25s linear;display:block}@media (prefers-reduced-motion:reduce){.study-progress span{transition:none}}.study-controls{align-items:center;gap:var(--brocco-space-2);flex-wrap:wrap;display:flex}.study-start{min-width:10.5rem}.study-start svg{width:18px;height:18px}.study-plan{min-width:12rem;margin-left:auto}@media (max-width:600px){.study-start{flex:1}.study-plan{flex:100%;margin-left:0}.study-plan .brocco-segmented-track{width:100%}}.study-sounds>section{gap:var(--brocco-space-4);display:grid}.study-sounds-heading{justify-content:space-between;align-items:center;gap:var(--brocco-space-3);display:flex}.study-sounds-actions{gap:var(--brocco-space-2);display:flex}.study-sounds-heading h2{font-size:var(--brocco-text-title);letter-spacing:var(--brocco-heading-tracking);margin:0}.study-split{margin-top:var(--brocco-space-1)}.study-split svg{width:16px;height:16px;display:block}.study-preset{border-radius:var(--brocco-radius-pill)}.study-presets{gap:var(--brocco-space-2);flex-wrap:wrap;display:flex}.study-grid{gap:var(--brocco-space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.study-sound{align-content:center;justify-items:center;gap:var(--brocco-space-1);width:100%;min-height:76px;padding:var(--brocco-space-2);border:1px solid var(--brocco-border);border-radius:var(--brocco-radius-control);background:var(--brocco-page);color:var(--brocco-text-muted);font:600 var(--brocco-text-small) / 1.2 var(--brocco-font-ui);cursor:pointer;display:grid}.study-sound:hover{background:var(--brocco-surface-hover);color:var(--brocco-text)}.study-sound:focus-visible{outline:var(--brocco-focus-width) solid var(--brocco-focus-ring);outline-offset:var(--brocco-focus-offset)}.study-sound[aria-pressed=true]{border-color:var(--brocco-switch-on);background:var(--brocco-switch-on);color:var(--brocco-switch-thumb)}.study-sound svg{width:28px;height:28px}.study-level .brocco-field{align-items:center;column-gap:var(--brocco-space-3);grid-template-columns:7rem minmax(0,1fr)}.study-level[data-off] .brocco-label{color:var(--brocco-text-muted)}.study-level[data-off] .brocco-slider-input{opacity:.55}.study-levels{width:min(32rem,100vw - 32px)}.study-sound[aria-busy=true] svg{animation:1.1s ease-in-out infinite alternate study-loading}@keyframes study-loading{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.study-sound[aria-busy=true] svg{opacity:.5;animation:none}}.study-bell{align-items:flex-end;gap:var(--brocco-space-3);display:flex}.study-bell .brocco-field{flex:1}