/* featureos:folding-panels@1.0.0 */
/* Folding panels: a paper sidebar. Applies only when the body carries .sbs-paper (a per-user choice, sidebar-styles.js).
   The light set is the delivered design's own values; the dark set keeps the same roles in a warm dark paper, so the style reads in both themes.
   Everything is scoped to .sbs-paper: the default sidebar is not touched. */

/* ---------- tokens ---------- */
body.sbs-paper{
  --pp-page:#efe7d8;--pp-paper:#fbf7ee;--pp-paper2:#fffdf8;--pp-paper3:#f3ebdc;--pp-edge:#e4d8c3;--pp-crease:rgba(120,90,50,.12);
  --pp-ink:#1f1b16;--pp-ink2:#4a4239;--pp-muted:#6f6355;--pp-accent:#c4452b;--pp-accent-rgb:196,69,43;--pp-accent-soft:#f6ddd3;--pp-shadow:80,55,30;
  --pp-hi:#fff;--pp-top:rgba(255,255,255,.7);--pp-note-a:#fff6d8;--pp-note-b:#fbedc4;--pp-note-ink:#1f1b16;--pp-note-label:#b53d25;--pp-tip:#1f1b16;--pp-tip-ink:#fbf7ee;--pp-glow:rgba(255,250,235,.9);--pp-logo-ink:#1f1b16;--pp-logo-paper:#fbf7ee;
  --pp-serif:ui-serif,Georgia,Cambria,"Times New Roman",serif;--pp-sans:Inter,var(--font);
  --pp-out:cubic-bezier(.16,1,.3,1);--pp-fold:cubic-bezier(.65,0,.35,1);--pp-soft:cubic-bezier(.34,1.45,.64,1);--pp-turn:cubic-bezier(.55,0,.9,.4);
  --pp-spring:cubic-bezier(.34,1.45,.64,1);--pp-w:var(--sb-w,296px);
  background:var(--pp-page);
}
@supports (transition-timing-function:linear(0,1)){body.sbs-paper{--pp-spring:linear(0,.009,.035 2.1%,.141,.281 6.7%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1)}}
:root[data-theme=dark] body.sbs-paper{
  --pp-page:#161310;--pp-paper:#26211c;--pp-paper2:#302a24;--pp-paper3:#1e1a16;--pp-edge:#44392d;--pp-crease:rgba(0,0,0,.3);
  --pp-ink:#f3ebdd;--pp-ink2:#d3c9b7;--pp-muted:#a99e8a;--pp-accent:#ef7b5e;--pp-accent-rgb:239,123,94;--pp-accent-soft:#4a2b22;--pp-shadow:0,0,0;
  --pp-hi:rgba(255,255,255,.08);--pp-top:rgba(255,255,255,.05);--pp-note-label:#a63a22;--pp-tip:#f3ebdd;--pp-tip-ink:#1f1b16;--pp-glow:rgba(120,95,60,.28);--pp-logo-ink:#f3ebdd;--pp-logo-paper:#26211c;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body.sbs-paper{
  --pp-page:#161310;--pp-paper:#26211c;--pp-paper2:#302a24;--pp-paper3:#1e1a16;--pp-edge:#44392d;--pp-crease:rgba(0,0,0,.3);
  --pp-ink:#f3ebdd;--pp-ink2:#d3c9b7;--pp-muted:#a99e8a;--pp-accent:#ef7b5e;--pp-accent-rgb:239,123,94;--pp-accent-soft:#4a2b22;--pp-shadow:0,0,0;
  --pp-hi:rgba(255,255,255,.08);--pp-top:rgba(255,255,255,.05);--pp-note-label:#a63a22;--pp-tip:#f3ebdd;--pp-tip-ink:#1f1b16;--pp-glow:rgba(120,95,60,.28);--pp-logo-ink:#f3ebdd;--pp-logo-paper:#26211c;
}}
@media (min-width:901px){body.sbs-paper.sbs-collapsed{--pp-w:100px}}
/* the warm light that drifts across the page (22 s) */
body.sbs-paper::before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 35% at 30% 20%,var(--pp-glow),transparent 70%),radial-gradient(35% 30% at 80% 70%,rgba(var(--pp-accent-rgb),.07),transparent 70%);animation:pp-sun 22s ease-in-out infinite alternate}
@keyframes pp-sun{to{transform:translate(6%,4%) rotate(4deg)}}

/* ---------- the column, the back sheet and the paper ---------- */
body.sbs-paper .app{grid-template-columns:var(--pp-w) minmax(0,1fr);transition:grid-template-columns 550ms var(--pp-out)}
.side.sbs-paper{background:transparent;border:0;padding:14px 0 14px 14px;overflow:visible;perspective:1500px;z-index:60;font-family:var(--pp-sans)}
.side.sbs-paper::before{content:"";position:absolute;top:22px;bottom:10px;left:20px;right:-4px;border-radius:18px;background:var(--pp-paper3);box-shadow:0 10px 30px -18px rgba(var(--pp-shadow),.5);transform:rotate(-1.1deg);transform-origin:bottom left;transition:transform 500ms var(--pp-out)}
.sbs-collapsed .side.sbs-paper::before{transform:rotate(-2.4deg)}
.side.sbs-paper .sbs-sheet{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;transform-origin:left center;transition:transform 620ms var(--pp-out);background:linear-gradient(180deg,var(--pp-top),transparent 30%),var(--pp-paper);box-shadow:inset 0 1px 0 var(--pp-hi),0 1px 2px rgba(var(--pp-shadow),.12),0 24px 48px -24px rgba(var(--pp-shadow),.45),0 0 0 1px var(--pp-edge)}
.side.sbs-paper.is-turning .sbs-sheet{transform:rotateY(-88deg);transition:transform 300ms var(--pp-turn)}
.sbp-shade{position:absolute;inset:0;z-index:9;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(40,28,15,.55),rgba(40,28,15,.12));opacity:0;transition:opacity 620ms ease-out}
.is-turning .sbp-shade{opacity:1;transition:opacity 300ms ease-in}
.side.sbs-paper :focus-visible{outline:2px solid var(--pp-accent);outline-offset:2px}
.side.sbs-paper a.nav:focus-visible{outline-offset:-2px}
.sbs-collapsed .side.sbs-paper .sbs-sheet{box-shadow:inset 10px 0 14px -12px rgba(var(--pp-shadow),.3),inset -10px 0 14px -12px rgba(var(--pp-shadow),.3),inset 0 1px 0 var(--pp-hi),0 1px 2px rgba(var(--pp-shadow),.12),0 24px 48px -24px rgba(var(--pp-shadow),.45),0 0 0 1px var(--pp-edge)}
.sbs-collapsed .side.sbs-paper .sbs-sheet::after{content:"";position:absolute;right:8px;top:14px;bottom:14px;border-right:2px dashed var(--pp-edge);pointer-events:none;z-index:9}

/* head: the logo with its folding flap, the serif name and the fold button */
.sbs-paper .sbs-head{display:flex;align-items:center;gap:12px;padding:20px 16px 14px 18px}
.sbs-paper .sbs-head a.brand{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;margin:0;color:var(--pp-ink)}
.sbs-paper .brand .logo{flex:none;width:40px;height:40px;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 4px 6px rgba(var(--pp-shadow),.25))}
.sbs-paper .brand .logo svg{width:40px;height:40px}
.sbs-paper .brand .logo svg rect{fill:var(--pp-logo-ink)}.sbs-paper .brand .logo svg path:nth-of-type(1){fill:var(--pp-logo-paper)}
.sbs-paper .brand .logo .flap{transform-origin:50% 50%;transform-box:fill-box;animation:pp-flap 5s var(--pp-fold) infinite}
@keyframes pp-flap{0%,70%,100%{transform:none}80%{transform:scaleY(.55)}90%{transform:none}}
.sbs-paper .sbs-bt{min-width:0;flex:1}
.sbs-paper .sbs-bt strong{display:block;font:600 20px/1.1 var(--pp-serif);letter-spacing:-.01em;white-space:nowrap;color:var(--pp-ink)}
.sbs-paper .sbs-bt small{display:block;margin-top:3px;font:500 11px var(--pp-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbs-paper .sbs-head .icon-btn{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--pp-edge);background:var(--pp-paper2);color:var(--pp-ink2);cursor:pointer;box-shadow:inset 0 1px 0 var(--pp-hi),0 2px 4px rgba(var(--pp-shadow),.08);transition:transform 300ms var(--pp-soft),color 200ms}
.sbs-paper .sbs-head .icon-btn:hover{color:var(--pp-accent);transform:translateY(-2px);border-color:var(--pp-edge)}
.sbs-paper .sbs-head .icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.sbs-paper .sbs-fold .pg{transform-box:fill-box;transform-origin:left center;transition:transform 500ms var(--pp-out)}
.sbs-paper .sbs-fold:hover .pg{transform:perspective(60px) rotateY(-40deg)}
.sbs-paper .sbs-close{display:none!important}

/* the menu */
.side.sbs-paper nav{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 12px 12px;scrollbar-width:thin;scrollbar-color:var(--pp-edge) transparent;margin:0}
.sbs-paper .sb-group{margin-top:8px}
.sbs-paper .sb-end{min-height:16px;flex:none}
.sbs-paper .nav-sec.sb-sec{position:relative;z-index:2;display:flex;align-items:center;gap:10px;height:34px;padding:0 6px 0 8px;border-radius:8px;color:var(--pp-muted);cursor:pointer;font:600 11px var(--pp-sans);letter-spacing:.16em;text-transform:uppercase;transition:color 200ms,background 200ms}
.sbs-paper .nav-sec.sb-sec>span:not(.sbp-ear):not(.sbp-n){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbs-paper .nav-sec.sb-sec:hover{color:var(--pp-ink);background:rgba(var(--pp-shadow),.05)}
.sbs-paper .sbp-group.is-closed:has(a.nav[aria-current=page]) .sb-sec{color:var(--pp-accent)}
.sbp-ear{width:14px;height:14px;flex:none;position:relative}
.sbp-ear::before{content:"";position:absolute;inset:0;border-radius:2px;background:var(--pp-paper3);border:1px solid var(--pp-edge)}
.sbp-ear::after{content:"";position:absolute;right:-1px;top:-1px;width:7px;height:7px;background:linear-gradient(225deg,var(--pp-paper) 50%,var(--pp-edge) 50%);transform-origin:top right;transition:transform 450ms var(--pp-soft)}
.is-closed>.sb-sec .sbp-ear::after{transform:scale(1.6)}
.sbp-n{font:italic 500 13px var(--pp-serif);letter-spacing:0;text-transform:none;color:var(--pp-muted)}
.sbp-gh{flex:none;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:none;color:inherit;cursor:pointer}
.sbp-gh svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform 550ms var(--pp-soft)}
.is-closed>.sb-sec .sbp-gh svg{transform:rotate(-90deg)}
.sbs-paper .sb-up{color:var(--pp-muted)}.sbs-paper .sb-up:hover:not(:disabled){background:rgba(var(--pp-shadow),.07);color:var(--pp-ink)}
.sbs-paper .sb-drop{box-shadow:inset 0 2px 0 var(--pp-accent)}
.sbp-gb{display:grid;grid-template-rows:1fr;transition:grid-template-rows 550ms var(--pp-fold)}
.sbp-gb>.sb-list{overflow:hidden;min-height:0;padding:6px 8px 10px;margin:-6px -8px -10px}
.sbp-group.is-closed>.sbp-gb{grid-template-rows:0fr}
.sbs-paper .sb-row{position:relative;z-index:2;border-radius:10px;gap:2px;transform:perspective(700px);transform-origin:50% 0;transition:transform 550ms var(--pp-out),opacity 350ms linear;transition-delay:calc(var(--i,0)*70ms)}
.sbs-paper .sb-row:nth-child(even){transform-origin:50% 100%}
.sbs-paper .sb-row::after{content:"";position:absolute;inset:0;border-radius:10px;pointer-events:none;background:linear-gradient(180deg,rgba(var(--pp-shadow),.4),transparent 70%);opacity:0;transition:opacity 500ms linear;transition-delay:inherit}
.sbp-group.is-closed .sb-row{opacity:0;transform:perspective(700px) rotateX(-96deg);transition-delay:calc((var(--n,1) - 1 - var(--i,0))*55ms)}
.sbp-group.is-closed .sb-row:nth-child(even){transform:perspective(700px) rotateX(96deg)}
.sbp-group.is-closed .sb-row::after{opacity:1}
.side.sbs-paper a.nav{position:relative;z-index:2;display:flex;align-items:center;gap:12px;height:42px;margin:3px 0;padding:0 12px 0 24px;border-radius:10px;overflow:hidden;background:transparent;color:var(--pp-ink2);font:500 14px var(--pp-sans);transition:transform 350ms var(--pp-soft),box-shadow 350ms var(--pp-out),background 250ms,color 200ms}
.side.sbs-paper a.nav:hover{background:var(--pp-paper2);color:var(--pp-ink);transform:translateY(-3px) rotate(-.4deg);box-shadow:inset 0 1px 0 var(--pp-hi),0 12px 20px -12px rgba(var(--pp-shadow),.55),0 2px 4px rgba(var(--pp-shadow),.08)}
.side.sbs-paper a.nav:active{transform:translateY(0) scale(.97)}
.side.sbs-paper a.nav::before{display:none}
.side.sbs-paper a.nav[aria-current=page]::before{display:none}
.side.sbs-paper a.nav[aria-current=page]{background:transparent;box-shadow:none;color:var(--pp-ink);font-weight:600}
.side.sbs-paper a.nav[aria-current=page]:hover{background:transparent;box-shadow:none}
.side.sbs-paper a.nav svg.ic{width:20px;height:20px;stroke-width:1.7;flex:none;overflow:visible}
.side.sbs-paper a.nav[aria-current=page] svg.ic{color:var(--pp-accent)}
.side.sbs-paper a.nav>span:not(.sbs-badge){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbs-paper .nav-new{font-style:normal;flex:none;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;color:var(--pp-accent);background:var(--pp-accent-soft)}
/* the slip: one raised piece of paper that springs to the current row, with a bookmark ribbon */
.sbp-slip{position:absolute;left:0;top:0;z-index:1;border-radius:10px;pointer-events:none;background:var(--pp-paper2);box-shadow:inset 0 1px 0 var(--pp-hi),0 14px 24px -14px rgba(var(--pp-shadow),.6),0 2px 5px rgba(var(--pp-shadow),.1),0 0 0 1px rgba(var(--pp-shadow),.07);transition:translate 600ms cubic-bezier(.34,1.45,.64,1),width 450ms var(--pp-out),height 350ms var(--pp-out),opacity 250ms linear;transition:translate 600ms var(--pp-spring),width 450ms var(--pp-out),height 350ms var(--pp-out),opacity 250ms linear;overflow:hidden}
.sbp-slip::before{content:"";position:absolute;left:7px;top:-1px;width:8px;height:22px;background:var(--pp-accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);transform-origin:top;animation:pp-sway 4s ease-in-out infinite}
.sbp-slip.on-head{border-radius:8px}.sbp-slip.on-head::before{display:none}
.sbp-slip::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) no-repeat;background-size:250% 100%;background-position:150% 0;animation:pp-sheen 5s ease-in-out infinite}
.sbp-slip.wob{animation:pp-wob 600ms var(--pp-out)}
@keyframes pp-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(4deg)}}
@keyframes pp-sheen{0%,60%{background-position:150% 0}100%{background-position:-50% 0}}
@keyframes pp-wob{0%{transform:rotate(-2.2deg) scale(1.03)}50%{transform:rotate(1deg)}100%{transform:none}}
.sbs-rip{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:rgba(var(--pp-accent-rgb),.22);pointer-events:none;animation:pp-rip 650ms ease-out forwards}
@keyframes pp-rip{from{transform:scale(0);opacity:.9}to{transform:scale(28);opacity:0}}
/* a real number: late reports waiting for this lead */
.sbs-paper .sbs-badge{flex:none;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;font:700 11px var(--pp-sans);color:#fff;background:radial-gradient(circle at 35% 30%,#df6a4f,#c4452b 60%,#9c331d);box-shadow:0 2px 4px rgba(196,69,43,.4),inset 0 -1px 0 rgba(0,0,0,.2);font-variant-numeric:tabular-nums}
/* icon micro-animations, one per meaning (single drawings, so each plays as a whole) */
@keyframes pp-bell{0%{transform:rotate(0)}20%{transform:rotate(20deg)}40%{transform:rotate(-16deg)}60%{transform:rotate(11deg)}80%{transform:rotate(-7deg)}100%{transform:rotate(3deg)}}
@keyframes pp-gear{to{transform:rotate(120deg)}}
@keyframes pp-fold{40%{transform:skewX(-18deg) scaleY(.82)}}
@keyframes pp-bars{from{transform:scaleY(.15)}}
@keyframes pp-team{50%{transform:translateY(-2.5px)}}
@keyframes pp-shield{from{transform:scale(.8)}}
@keyframes pp-tiles{from{transform:scale(.6)}}
@keyframes pp-lift{40%{transform:translateY(-3px)}}
.side.sbs-paper a.nav:is(:hover,:focus-visible) svg.ic{animation:pp-lift 500ms var(--pp-soft)}
.side.sbs-paper a.nav[data-ik=bell]:is(:hover,:focus-visible) svg.ic{animation:pp-bell 900ms ease;transform-origin:50% 10%}
.side.sbs-paper a.nav[data-ik=gear]:is(:hover,:focus-visible) svg.ic{animation:pp-gear 800ms var(--pp-soft)}
.side.sbs-paper a.nav[data-ik=folder]:is(:hover,:focus-visible) svg.ic{animation:pp-fold 450ms var(--pp-soft);transform-origin:bottom}
.side.sbs-paper a.nav[data-ik=bars]:is(:hover,:focus-visible) svg.ic{animation:pp-bars 600ms var(--pp-soft);transform-origin:bottom}
.side.sbs-paper a.nav[data-ik=team]:is(:hover,:focus-visible) svg.ic{animation:pp-team 500ms ease}
.side.sbs-paper a.nav[data-ik=shield]:is(:hover,:focus-visible) svg.ic{animation:pp-shield 450ms var(--pp-out)}
.side.sbs-paper a.nav[data-ik=tiles]:is(:hover,:focus-visible) svg.ic{animation:pp-tiles 500ms var(--pp-soft)}

/* the pinned note: only when there is something real to say */
.sbp-note-wrap{position:relative;z-index:2}
.sbp-note{position:relative;display:block;margin:16px 22px 14px;padding:12px 14px 10px;border-radius:3px;text-decoration:none;color:var(--pp-note-ink);background:linear-gradient(180deg,var(--pp-note-a),var(--pp-note-b));box-shadow:0 10px 18px -10px rgba(var(--pp-shadow),.5),0 1px 2px rgba(var(--pp-shadow),.15);transform:rotate(-1.6deg);transform-origin:50% 0;animation:pp-sway2 6s ease-in-out infinite}
.sbp-note::before{content:"";position:absolute;left:50%;top:-8px;width:64px;height:16px;margin-left:-32px;background:rgba(255,255,255,.55);box-shadow:0 1px 2px rgba(0,0,0,.08);transform:rotate(3deg)}
@keyframes pp-sway2{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(-.4deg) translateY(1px)}}
.sbp-note b{display:block;font:600 11px var(--pp-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--pp-note-label)}
.sbp-note p{margin:4px 0 0;font:italic 14.5px/1.3 var(--pp-serif);color:var(--pp-note-ink)}
@media (max-height:820px){.sbp-note-wrap{display:none}}

/* footer: a dashed rule, the account card */
.sbs-paper .sbs-user{position:relative;z-index:2;padding:10px 12px 4px;border-top:1px dashed var(--pp-edge)}
.sbs-paper .side-foot{position:relative;z-index:2;padding:4px 12px 12px;text-align:center;font:11.5px var(--pp-sans);color:var(--pp-muted)}
.sbs-paper .sbs-ubtn{display:flex;align-items:center;gap:12px;width:100%;margin-top:2px;padding:9px 10px;border-radius:12px;border:1px solid var(--pp-edge);background:var(--pp-paper2);cursor:pointer;text-align:left;color:var(--pp-ink);font:inherit;box-shadow:inset 0 1px 0 var(--pp-hi);transition:transform 350ms var(--pp-soft)}
.sbs-paper .sbs-ubtn:hover,.sbs-paper .sbs-ubtn[aria-expanded=true]{transform:translateY(-2px)}
.sbs-paper .sbs-av,.sbs-menu-paper .sbs-av{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;font:600 15px var(--pp-serif);color:#fff;background:radial-gradient(circle at 30% 25%,#3b332b,#1f1b16);box-shadow:0 0 0 2px var(--pp-paper2),0 0 0 3px var(--pp-edge)}
.sbs-paper .sbs-ut{flex:1;min-width:0}.sbs-paper .sbs-ut strong{display:block;font:600 14px var(--pp-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbs-paper .sbs-ut span{display:block;margin-top:1px;font:12px var(--pp-sans);color:var(--pp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbs-paper .sbs-chev{flex:none;width:16px;height:16px;fill:none;stroke:var(--pp-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-90deg);transition:transform 450ms var(--pp-soft)}
.sbs-paper .sbs-ubtn[aria-expanded=true] .sbs-chev{transform:rotate(90deg)}

/* the account menu and the spine's tooltips live in <body> */
.sbs-menu-paper{position:fixed;z-index:400;padding:6px;border-radius:14px;background:var(--pp-paper2);color:var(--pp-ink);font-family:var(--pp-sans);box-shadow:inset 0 1px 0 var(--pp-hi),0 24px 48px -20px rgba(var(--pp-shadow),.55),0 0 0 1px var(--pp-edge);transform-origin:50% 100%;animation:pp-menu 600ms var(--pp-spring) both,pp-menu-o 200ms linear both}
.sbs-menu-paper.is-beside{transform-origin:0 100%}
@keyframes pp-menu{from{transform:perspective(800px) rotateX(-75deg)}}
@keyframes pp-menu-o{from{opacity:0}}
.sbs-menu-paper .sbs-menu-h{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;border-bottom:1px dashed var(--pp-edge);margin-bottom:6px}
.sbs-menu-paper .sbs-menu-h strong{display:block;font:600 16px var(--pp-serif)}.sbs-menu-paper .sbs-menu-h small{display:block;font-size:12px;color:var(--pp-muted);overflow-wrap:anywhere}
.sbs-menu-paper [role=menuitem]{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--pp-ink2);font:500 13.5px var(--pp-sans);text-decoration:none;cursor:pointer;text-align:left;transition:transform 300ms var(--pp-soft),background 150ms,color 150ms}
.sbs-menu-paper [role=menuitem]:hover,.sbs-menu-paper [role=menuitem]:focus-visible{transform:translateX(3px);background:var(--pp-paper3);color:var(--pp-ink)}
.sbs-menu-paper [role=menuitem]:focus-visible{outline:2px solid var(--pp-accent);outline-offset:-2px}
.sbs-menu-paper [data-action=logout]:hover,.sbs-menu-paper [data-action=logout]:focus-visible{color:var(--pp-accent)}
.sbs-menu-paper [role=menuitem] svg.ic{width:16px;height:16px;flex:none}
.sbs-menu-paper kbd{margin-left:auto;font:600 11px ui-monospace,Consolas,monospace;padding:2px 6px;border-radius:5px;border:1px solid var(--pp-edge);border-bottom-width:2px;background:var(--pp-paper);color:var(--pp-ink2)}
.sbs-menu-paper hr{border:0;border-top:1px dashed var(--pp-edge);margin:6px 4px}
.sbs-tip-paper{position:fixed;z-index:410;transform:translate(-4px,-50%) perspective(400px) rotateY(-50deg);transform-origin:left center;opacity:0;pointer-events:none;padding:7px 12px;border-radius:8px;font:500 12.5px var(--pp-sans);white-space:nowrap;color:var(--pp-tip-ink);background:var(--pp-tip);box-shadow:0 8px 18px -8px rgba(var(--pp-shadow),.6);transition:opacity 150ms linear,transform 450ms var(--pp-soft)}
.sbs-tip-paper::before{content:"";position:absolute;left:-5px;top:50%;margin-top:-5px;border:5px solid transparent;border-left:0;border-right-color:var(--pp-tip)}
.sbs-tip-paper.on{opacity:1;transform:translate(0,-50%)}
.sbs-tip[hidden]{display:none}
.sbs-pm-gap{display:inline-block;width:18px;height:18px}

/* the spine: 100 px, icons only, groups separated by dashed rules (desktop) */
@media (min-width:901px){
  .sbs-collapsed .sbs-paper .sbs-head{flex-direction:column;gap:12px;padding:20px 0 12px}
  .sbs-collapsed .sbs-paper .sbs-head a.brand{flex:none}
  .sbs-collapsed .sbs-paper .sbs-bt{display:none}
  .sbs-collapsed .sbs-paper .nav-sec{display:none}
  .sbs-collapsed .sbs-paper .sbp-group{margin-top:0}
  .sbs-collapsed .sbs-paper .sbp-group+.sbp-group{border-top:1px dashed var(--pp-edge);margin-top:8px;padding-top:8px}
  .sbs-collapsed .sbs-paper nav{padding:4px 14px 12px}
  .sbs-collapsed .side.sbs-paper a.nav{justify-content:center;padding:0;gap:0}
  .sbs-collapsed .side.sbs-paper a.nav>span:not(.sbs-badge),.sbs-collapsed .sbs-paper .nav-new{display:none}
  .sbs-collapsed .sbs-paper .sb-up{display:none}
  .sbs-collapsed .sbs-paper .sbs-badge{position:absolute;top:3px;right:6px;min-width:16px;height:16px;padding:0 4px;font-size:9.5px}
  .sbs-collapsed .sbs-paper .sbp-note-wrap,.sbs-collapsed .sbs-paper .side-foot{display:none}
  .sbs-collapsed .sbs-paper .sbs-user{padding:10px 8px 14px}
  .sbs-collapsed .sbs-paper .sbs-ubtn{justify-content:center;padding:6px 0;border-color:transparent;background:transparent;box-shadow:none}
  .sbs-collapsed .sbs-paper .sbs-ut,.sbs-collapsed .sbs-paper .sbs-chev{display:none}
  body.sbs-paper.sbs-collapsed .sb-grip{display:none}
}

/* entrance: once per page load; the negative delay is how long the page has been up, so a screen change never restarts it */
.sbs-enter .sbs-sheet>*:not(.sr):not(.sbp-shade),.sbs-enter .sbp-group,.sbs-enter .sbp-slip{animation:pp-unfold 600ms var(--pp-out) backwards;transform-origin:50% 0}
.sbs-enter .sbs-head{animation-delay:calc(0ms - var(--el,0ms))}
.sbs-enter nav{animation-delay:calc(165ms - var(--el,0ms))}
.sbs-enter .sbs-user{animation-delay:calc(385ms - var(--el,0ms))}
.sbs-enter .sbp-group{animation-delay:calc(220ms + var(--i,0)*55ms - var(--el,0ms))}
.sbs-enter .sbs-badge{animation:pp-pop 700ms var(--pp-soft) backwards;animation-delay:calc(1s - var(--el,0ms))}
@keyframes pp-unfold{from{opacity:0;transform:perspective(700px) rotateX(-55deg) translateY(-6px)}}
@keyframes pp-pop{from{opacity:0;transform:scale(0) rotate(-30deg)}60%{transform:scale(1.2) rotate(6deg)}}

/* phones and tablets: the page swings in from the left edge over a warm, slightly blurred backdrop */
@media (max-width:900px){
  body.sbs-paper .app{grid-template-columns:minmax(0,1fr)}
  .side.sbs-paper{position:fixed;left:0;top:0;bottom:0;height:auto;width:min(310px,86vw);padding:10px;box-shadow:none;perspective:none;opacity:0;visibility:hidden;transform-origin:left center;transform:perspective(1500px) translateX(-30px) rotateY(-95deg);transition:transform 550ms var(--pp-turn),opacity 250ms linear,visibility 0s linear 600ms}
  .side.sbs-paper.open{opacity:1;visibility:visible;transform:none;transition:transform 800ms var(--pp-out),opacity 200ms linear,visibility 0s}
  .side.sbs-paper::before{display:none}
  .side.sbs-paper .sbs-sheet{border-radius:18px}
  .sbp-note-wrap{display:none}
  .sbp-shade{opacity:.9;transition:opacity 600ms linear}.side.sbs-paper.open .sbp-shade{opacity:0}
  body.sbs-paper .scrim{display:block;position:fixed;inset:0;background:rgba(40,28,15,.32);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity 400ms linear;z-index:55}
  body.sbs-paper .scrim.show{opacity:1;pointer-events:auto}
  .sbs-paper .sbs-fold{display:none!important}.sbs-paper .sbs-close{display:grid!important}
  body.sbs-paper .sb-grip{display:none}
}
body.sbs-paper.imp-on .side{top:var(--imp-h,0px)}

/* reduced motion: the page light and the loops stop, the page turn and the ripples are off, every change is instant */
@media (prefers-reduced-motion:reduce){
  body.sbs-paper *,body.sbs-paper *::before,body.sbs-paper *::after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  body.sbs-paper::before,.sbp-slip::before,.sbp-slip::after,.sbp-note,.sbs-paper .brand .logo .flap{animation:none!important}
  .sbp-note{transform:rotate(-1.6deg)}
}