.gear-picker{border:1.5px solid var(--ink);background:var(--surface);width:min(1120px,94vw);max-width:none;height:min(88vh,900px);max-height:none;color:var(--ink);border-radius:4px;margin:auto;padding:0;overflow:hidden;box-shadow:7px 7px #1b22402e,0 36px 60px -24px #1b2240b3}.gear-picker[open]{display:flex}.gear-picker::backdrop{background:#1b2240a8}body:has(dialog.gear-picker[open]){overflow:hidden}.picker-sheet{flex-direction:column;width:100%;min-width:0;min-height:0;display:flex}.picker-head{border-bottom:1.5px solid var(--ink);background-color:var(--surface);background-image:var(--grain);flex:none;gap:.5rem;padding:.8rem 1.1rem .65rem;display:grid}.picker-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.picker-title-row h2{font:400 1.5rem/1.15 var(--display);letter-spacing:-.02em;outline:none;margin:0}.picker-done{min-width:96px;box-shadow:2px 2px 0 var(--terra);padding-inline:1.1rem}.picker-search{font-size:16px}.picker-chips{scrollbar-width:thin;overscroll-behavior-x:contain;gap:.4rem;margin-bottom:-.25rem;padding:0 0 .25rem;display:flex;overflow-x:auto}.picker-chips button{white-space:nowrap;background:var(--surface);border-radius:999px;flex:none;min-height:44px;padding:.2rem .85rem;font-size:.92rem;font-weight:600}.picker-chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fcfcfa}.gear-picker .picker-chips button[aria-pressed=true]:hover:not(:disabled){background:var(--forest-deep);color:#fcfcfa}.picker-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.88rem;display:flex}.picker-meta p{margin:0 auto 0 0}.picker-brand{color:var(--ink);align-items:center;gap:.45rem;font-weight:600;display:flex}.picker-brand select{width:auto;max-width:11.5rem;padding-block:.3rem;font-size:16px}.picker-scroll{overscroll-behavior:contain;background:var(--paper);flex:auto;align-content:start;gap:1rem;min-height:0;padding:1rem 1.1rem 1.4rem;display:grid;overflow-y:auto}.picker-note{color:var(--muted);margin:0;font-size:.92rem}.picker-empty{justify-items:start;gap:.6rem;padding:1.5rem 0;display:grid}.picker-empty p{max-width:34rem;margin:0}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.picker-grid[data-kind=boards]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.picker-grid li{content-visibility:auto;contain-intrinsic-size:auto 250px;min-width:0}.picker-grid[data-kind=boards] li{contain-intrinsic-size:auto 240px}.gear-card{text-align:left;border:1.5px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:4px;align-content:start;gap:.1rem;width:100%;height:100%;min-height:0;padding:.45rem .45rem .6rem;font-weight:400;line-height:1.3;transition:transform 80ms,border-color .12s;display:grid;position:relative}.gear-card strong{margin-top:.3rem;font-size:.95rem;font-weight:650}.gear-card small{color:var(--muted);font-size:.78rem}.gear-card .thumb-art{background-color:#edf1ec;background-image:var(--grain);border-radius:2px;width:100%;height:auto;display:block}.gear-card:hover:not(:disabled){border-color:var(--ink);background:var(--surface);box-shadow:3px 3px #1b224029}.gear-card:active:not(:disabled){transform:scale(.975)}.gear-card[data-count],.gear-card[data-current]{border-color:var(--terra);background:#fbf3ee}.gear-card[aria-disabled=true]{opacity:.6;cursor:default}.gear-badge{background:var(--terra);color:#fff;border-radius:999px;padding:.12rem .55rem;font-size:.76rem;font-weight:700;line-height:1.35;animation:.28s ease-out badge-pop;position:absolute;top:.7rem;right:.7rem;box-shadow:0 1px #0003}@keyframes badge-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.gear-badge{animation:none}.gear-card{transition:none}}.picker-more{justify-self:center;min-width:14rem}.picker-custom{border-bottom:1px dashed var(--line);margin-bottom:-.35rem}.picker-custom .planner-custom form{max-width:28rem}.picker-heard{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.planner-add-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.planner-add-actions button{min-height:48px;font-size:.95rem}.planner-add-actions button.primary{box-shadow:2px 2px 0 var(--terra)}.planner-add-actions .planner-full{grid-column:1/-1}.planner-list li button{grid-template-columns:52px minmax(0,1fr);align-items:center;column-gap:.6rem}.list-thumb{width:52px;height:42px;display:block}.list-thumb .thumb-art{width:100%;height:100%;display:block}.list-text{min-width:0;display:grid}@media (max-width:699px){.gear-picker{width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;inset:0}.picker-head{gap:.4rem;padding:.6rem .75rem .5rem}.picker-title-row h2{font-size:1.3rem}.picker-scroll{padding:.75rem .75rem 1.25rem}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.picker-grid[data-kind=boards]{grid-template-columns:minmax(0,1fr)}.picker-brand span{display:none}.picker-meta{gap:.5rem}.picker-brand select{max-width:9.5rem}.gear-card{padding:.35rem .35rem .5rem}}
.home-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding-block:clamp(1.1rem,3vw,2.4rem) clamp(1.4rem,3vw,2.2rem);display:grid}.home-hero-copy{min-width:0;container-type:inline-size}.home-hero h1{font:400 clamp(2rem, 8.5cqi, 4.2rem)/1.04 var(--display);letter-spacing:-.055em;text-wrap:balance;margin:0 0 .7rem}.home-hero-copy p{max-width:36rem;color:var(--muted);margin:0;font-size:clamp(1rem,1.8vw,1.2rem)}.home-hero .hero-actions{margin-top:.5rem}.home-hero-art img{object-fit:contain;width:100%;height:auto;max-height:300px;display:block}.home-section{margin-top:clamp(3rem,7vw,6rem)}.home-lead{max-width:40rem;color:var(--muted);margin:.5rem 0 0}.board-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);margin:0;padding:0;list-style:none;display:grid}.board-strip li{min-width:0}.board-note{height:100%;color:var(--ink);background-color:var(--surface);background-image:var(--grain);box-shadow:var(--notebook-shadow);flex-direction:column;padding:.8rem .8rem .9rem;text-decoration:none;display:flex;transform:rotate(-.4deg)}.board-strip li:nth-child(2n) .board-note{transform:rotate(.5deg)}.board-note:hover{color:var(--ink);box-shadow:0 4px 5px #1b22401b,0 26px 35px -22px #1b22407c}.board-stage{background-color:#e8ede5;background-image:var(--grain);align-items:center;min-height:6.5rem;margin-bottom:.6rem;padding:.35rem;display:flex}.board-stage>div{min-width:0}.board-stage svg{width:100%;height:auto;display:block}.board-note h3{font:400 1.2rem/1.2 var(--display);justify-content:space-between;gap:.5rem;margin:0 0 .15rem;display:flex}.board-note h3 span{color:var(--terra);font:700 1.25rem/1 var(--hand)}.board-note p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.4}.board-note .board-count{color:var(--ink);margin-top:auto;padding-top:.45rem;font-size:1rem}.board-note .board-count b{border-bottom:2px solid var(--terra);font-weight:650}.pedal-row{border-top:3px double var(--measure);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:1.2rem 0 0;list-style:none;display:grid}.pedal-row li{border-bottom:1px dashed var(--line);min-width:0}.pedal-spec{height:100%;color:var(--ink);padding:.9rem clamp(.5rem,1.4vw,1.1rem) 1.1rem;text-decoration:none;display:block}.pedal-spec:hover h3{color:var(--terra)}.pedal-stage{border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(90deg,#0000 0 23px,#aeb8cc44 23px 24px);justify-content:center;align-items:flex-end;height:11rem;margin-bottom:.6rem;display:flex}.pedal-stage svg{width:auto;max-width:100%;display:block}.pedal-spec h3{font:400 1.08rem/1.25 var(--display);margin:0 0 .1rem}.pedal-spec p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.pedal-spec p span{display:block}.pedal-spec .pedal-draw{color:var(--terra);margin-top:.25rem;font-weight:650}.home-read{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.home-read figure{background-color:var(--surface);background-image:var(--grain);box-shadow:var(--notebook-shadow);margin:0;padding:.8rem .8rem .6rem;transform:rotate(-.7deg)}.home-read svg{width:100%;height:auto;display:block}.home-read figcaption{border-top:1px solid var(--line);color:var(--ink);font:600 1.3rem/1.2 var(--hand);padding-top:.5rem}.home-read h2{font:400 clamp(1.7rem, 3.6vw, 2.6rem)/1.12 var(--display);letter-spacing:-.04em;margin:.35rem 0 .8rem}.home-read dl{margin:0 0 .6rem}.home-read dl div{border-top:1px dashed var(--line);grid-template-columns:5.5rem minmax(0,1fr);gap:.8rem;padding:.5rem 0;display:grid}.home-read dt{font:700 1.35rem/1.2 var(--hand);color:var(--terra)}.home-read dd{color:var(--muted);margin:0}@media (max-width:1000px){.board-strip,.pedal-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.home-hero{grid-template-columns:minmax(0,1fr);padding-block:.6rem 1rem}.home-hero-art,.home-hero .hero-scribble{display:none}.home-hero h1{font-size:clamp(1.9rem,9.5cqi,2.6rem)}.home-hero-copy p{font-size:1rem;line-height:1.45}.home-hero .hero-actions{margin-top:.1rem}.home-read{grid-template-columns:minmax(0,1fr)}}@media (max-width:500px){.board-strip{gap:1rem .7rem}.board-note{padding:.55rem}.board-note h3{font-size:1.02rem}.board-stage{min-height:4.5rem;padding:.2rem}.pedal-stage{height:8rem}.pedal-spec{padding-inline:.4rem}.home-read dl div{grid-template-columns:4.6rem minmax(0,1fr)}}