/* A little oxblood behind the opening sheet. */
.app-shell[data-screen="nearby"] main{position:relative;isolation:isolate}
.app-shell[data-screen="nearby"] main::before{
  content:'';position:absolute;z-index:-1;left:0;top:0;
  width:82px;height:230px;
  background:linear-gradient(140deg,#742e2a,#57201f);
}
.home-sheet,.paper-sheet{
  background:#f8f3e7;
  clip-path:polygon(2% 0,91% 0,100% 9%,99% 100%,0 99%,0 5%);
}
.home-sheet::before,.paper-sheet::before{
  content:'';position:absolute;right:0;top:0;
  width:12%;height:12%;
  background:linear-gradient(225deg,var(--fog) 0 48%,#d8d2c4 49% 51%,transparent 52%);
  pointer-events:none;
}
.paper-sheet{
  --paper-cut:8px;--paper-fold:24px;
  clip-path:polygon(var(--paper-cut) 0,calc(100% - var(--paper-fold)) 0,100% var(--paper-fold),calc(100% - 2px) 100%,0 calc(100% - 3px),0 var(--paper-cut));
}
.paper-sheet::before{width:calc(var(--paper-fold)*1.25);height:calc(var(--paper-fold)*1.25)}
.ink-label{font-size:11px;color:var(--muted);margin:0 0 9px}
.ink-options{display:grid;gap:5px;margin:0 0 18px;padding:4px;border:1px solid #c5cfca;border-radius:5px}
.ink-options button{flex:1;min-height:44px;padding:7px 10px;text-align:left;font:12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;border-radius:3px;color:#566b70}
.ink-options button[aria-pressed="true"]{background:var(--blue);color:var(--bright)}
.study-link{display:inline-block;font-size:11px;color:var(--muted);padding-top:22px;text-underline-offset:4px}
@media(min-width:760px){
  .app-shell[data-screen="nearby"] main::before{width:clamp(180px,24vw,350px);height:340px}
}