/* Read Pico firmware preview: local, quiet, and independent of the installer. */
.pico-home.glass{
  --pico-accent:var(--accent,#5848b5);
  --pico-paper:#fcfbf7;
  --pico-view:#f1efed;
  --pico-rule:rgba(77,61,99,.15);
  padding:clamp(22px,3vw,40px);
  color:var(--ink);
  background:var(--pico-paper);
  border:1px solid var(--line);
  overflow:hidden;
}
html.dark .pico-home{
  --pico-paper:#17151e;
  --pico-view:#211e2a;
  --pico-rule:rgba(216,204,240,.17);
}
.pico-home [hidden]{display:none!important}
.pico-home :where(h2,h3,p,figure,ul){margin:0}
.pico-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--pico-rule)}
.pico-eyebrow,.pico-topline>p{font:11px/1.65 "SFMono-Regular",Consolas,monospace;letter-spacing:.07em;color:var(--ink2);overflow-wrap:anywhere}
.pico-status,.pico-topline>span{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--accent-border);border-radius:var(--radius-action);background:var(--accent-soft);color:var(--pico-accent);font-size:11px;line-height:1.5;font-weight:650}
.pico-status::before,.pico-topline>span::before{content:"";width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}
.pico-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,4vw,56px);padding-block:30px}
.pico-copy,.pico-viewer,.pico-panel{min-width:0}
.pico-copy h2{font-size:clamp(32px,3.6vw,46px);font-weight:750;letter-spacing:-.04em;line-height:1.15;overflow-wrap:anywhere}
.pico-copy h2 span{display:block;margin-top:10px;font-size:14px;font-weight:500;line-height:1.65;letter-spacing:.015em;color:var(--ink2)}
.pico-home .pico-tagline{margin-top:24px;font-size:clamp(20px,2.2vw,25px);line-height:1.5;font-weight:650;letter-spacing:-.025em;text-wrap:balance}
.pico-home .pico-intro{margin-top:14px;max-width:40ch;font-size:14px;line-height:1.9;color:var(--ink2)}
.pico-home .pico-directions{display:grid;gap:0;list-style:none;padding:0;margin-top:26px;border-top:1px solid var(--pico-rule)}
.pico-directions li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding-block:16px;border-bottom:1px solid var(--pico-rule)}
.pico-directions li>span{padding-top:3px;font:11px/1.5 "SFMono-Regular",Consolas,monospace;color:var(--pico-accent)}
.pico-directions strong{display:block;font-size:14px;font-weight:650;line-height:1.55}
.pico-directions p{margin-top:4px;font-size:12px;line-height:1.85;color:var(--ink2);overflow-wrap:anywhere}
.pico-home .pico-release-note{margin-top:18px;font-size:11px;line-height:1.9;color:var(--ink2);overflow-wrap:anywhere}
.pico-viewer{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;height:530px;box-sizing:border-box;padding:16px;border:1px solid var(--pico-rule);border-radius:var(--radius-panel);background:var(--pico-view)}
.pico-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--pico-rule);border-radius:var(--radius-control);background:var(--pico-paper)}
.pico-tabs button{min-width:0;min-height:44px;padding:8px 6px;border:1px solid transparent;border-radius:8px;color:var(--ink2);background:transparent;font:inherit;font-size:11px;line-height:1.45;font-weight:550;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
.pico-tabs button[aria-selected=true]{color:var(--pico-accent);background:var(--accent-soft);border-color:var(--accent-border);font-weight:650}
.pico-tabs button:active{background:var(--accent-hover)}
.pico-home :is(button,a,[role=tabpanel]):focus-visible{outline:2px solid var(--pico-accent);outline-offset:4px}
.pico-panel{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;overflow-y:auto;scrollbar-width:thin}
.pico-panel h3{margin-top:14px;font-size:16px;font-weight:650;line-height:1.6;letter-spacing:-.015em}
.pico-home .pico-panel-copy{margin-top:6px;font-size:12px;line-height:1.8;color:var(--ink2);overflow-wrap:anywhere}
.pico-hardware{display:flex;flex:1;flex-direction:column;justify-content:center;min-height:0}
.pico-hardware img{display:block;width:100%;height:auto;max-height:266px;aspect-ratio:2000/858;object-fit:contain}
.pico-hardware figcaption{margin-top:12px;font-size:10px;line-height:1.7;text-align:right;color:var(--ink2)}
.pico-hardware figcaption a{color:inherit;text-underline-offset:3px}
.pico-hardware-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--pico-rule)}
.pico-hardware-facts>span{min-width:0;font-size:10px;line-height:1.65;color:var(--ink2);overflow-wrap:anywhere}
.pico-hardware-facts b{display:block;margin-top:3px;font-size:12px;line-height:1.6;font-weight:650;color:var(--ink)}
.pico-screen-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;margin:0}
.pico-screen{width:165px;max-width:100%;flex-shrink:0;padding:8px 8px 12px;border:1px solid #443f48;border-radius:17px;background:#27252a;box-shadow:0 6px 16px rgb(0 0 0 / .1)}
.pico-screen img{display:block;width:100%;height:auto;max-height:298px;aspect-ratio:684/1216;object-fit:contain;border-radius:5px;background:#f2f0eb}
.pico-touch-keys{display:flex;justify-content:center;gap:24px;padding-top:10px}
.pico-touch-keys i{width:4px;height:4px;border:1px solid #a6a0ab;border-radius:50%}
.pico-home .pico-screen-caption{margin-top:10px;max-width:42ch;font-size:10px;line-height:1.7;text-align:center;color:var(--ink2)}
.pico-footer{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;border-top:1px solid var(--pico-rule);padding:20px 0 0;text-align:left;letter-spacing:normal}
.pico-footer p{max-width:78ch;font-size:11px;line-height:1.9;color:var(--ink2)}
.pico-footer a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--pico-rule);border-radius:var(--radius-action);color:var(--pico-accent);font-size:12px;line-height:1.6;font-weight:600;text-align:center;text-decoration:none}
@media(hover:hover) and (pointer:fine){.pico-tabs button:not([aria-selected=true]):hover{background:var(--accent-soft);color:var(--pico-accent)}.pico-footer a:hover{background:var(--accent-soft);border-color:var(--accent-border)}}
@media(max-width:1000px) and (min-width:761px){.pico-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}.pico-viewer{padding:12px}.pico-tabs button{font-size:10px;padding-inline:2px}.pico-copy h2{font-size:34px}}
@media(max-width:760px){.pico-main{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:26px}.pico-copy h2{font-size:36px}.pico-home .pico-intro{max-width:58ch}.pico-viewer{width:100%}.pico-hardware img{max-height:250px}.pico-footer{align-items:flex-start;flex-direction:column;gap:12px}.pico-footer a{max-width:100%;flex-shrink:1}}
@media(max-width:390px){.pico-home{padding:20px 16px}.pico-topline{padding-bottom:20px;gap:10px}.pico-copy h2{font-size:32px}.pico-home .pico-tagline{font-size:21px}.pico-viewer{padding:10px;gap:12px}.pico-tabs{gap:2px;padding:3px}.pico-tabs button{padding:7px 2px;font-size:10px}.pico-hardware-facts{gap:8px}.pico-hardware-facts b{font-size:11px}.pico-footer a{width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.pico-home :is(button,a,[role=tabpanel]){animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.pico-home{backdrop-filter:none}}
@media(prefers-contrast:more){.pico-home,.pico-viewer,.pico-tabs,.pico-directions li,.pico-footer,.pico-footer a{border-color:var(--ink2)}.pico-tabs button[aria-selected=true]{outline:1px solid var(--pico-accent);outline-offset:-2px}}
