:root{color:#1f1a16;font-synthesis:none;text-rendering:optimizelegibility;background:#f8f3eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f8f3eb;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{color:#1f1a16;cursor:pointer;font:inherit;background:#fffaf3e0;border:1px solid #1f1a1629;border-radius:8px;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1rem;font-weight:700;display:inline-flex}.catalog-page{max-width:760px;min-height:100vh;margin:0 auto;padding:clamp(2rem,8vw,6rem)}.slug-list{gap:.75rem;margin-top:3rem;display:grid}.slug-list a{color:#51463f;overflow-wrap:anywhere;border-bottom:1px solid #1f1a162e;padding:0 0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.slug-list a:hover{color:#1f1a16}.bean-page{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 34%,#ffffffb8,#0000 24rem),#f8f3eb;height:100svh;position:relative;overflow:hidden}.bean-header{z-index:2;position:absolute;top:clamp(.9rem,3vw,1.6rem);left:clamp(1rem,4vw,2.5rem)}.back-link{color:#1f1a16ad;letter-spacing:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf338;border:1px solid #1f1a1629;border-radius:8px;min-height:2.35rem;padding:.45rem .8rem;font-size:.85rem;font-weight:700;display:inline-flex}.back-link:hover{color:#1f1a16;background:#fffaf361}.viewer{--card-color:#0b5a90;flex-direction:column;height:100%;min-height:0;padding-bottom:0;display:flex;position:relative}.viewer-loading{pointer-events:none;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.viewer-loading-card{aspect-ratio:1;background:radial-gradient(circle at 34% 26%, #ffffff2e, transparent 36%), linear-gradient(120deg, transparent 22%, #ffffff2e 43%, transparent 64%), var(--card-color);opacity:.72;background-size:100% 100%,240% 100%,100% 100%;border-radius:1%;width:min(84vw,68svh,720px);max-width:min(84vw,720px);max-height:min(68svh,720px);animation:1.4s ease-in-out infinite card-prep;transform:rotateX(1deg)rotateY(-2deg)scale(.98);box-shadow:0 2rem 4rem #1f1a161a}.viewer-canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex:1 1 0;width:100%;min-height:0;position:relative}.viewer-flat{flex:1 1 0;justify-content:center;align-items:center;min-height:0;padding:clamp(1rem,4vw,2.5rem);display:flex}.viewer-flat-card{aspect-ratio:1;object-fit:contain;border-radius:1%;width:min(82vw,62svh,620px);max-width:min(82vw,620px);max-height:100%;display:block;transform:perspective(900px)rotateX(1deg)rotateY(-2deg)}.viewer-canvas canvas{opacity:0;width:100%;height:100%;transition:opacity .36s;display:block}.viewer.is-ready .viewer-canvas canvas{opacity:1}.viewer-flat-card{opacity:0;transition:opacity .36s}.viewer.is-ready .viewer-flat-card{opacity:1}.viewer-controls{z-index:1;align-self:center;gap:.6rem;display:flex;position:absolute;bottom:clamp(.5rem,2vh,1.15rem);left:50%;transform:translate(-50%)}.viewer-control{color:#1f1a16b8;font:inherit;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf333;border:1px solid #1f1a162e;border-radius:8px;align-items:center;gap:.45rem;min-height:2.55rem;padding:0 .85rem;font-size:.92rem;font-weight:700;display:inline-flex}.viewer-control:hover{color:#1f1a16;background:#fffaf35c;border-color:#1f1a1647}@keyframes card-prep{0%{background-position:0 0,180% 0,0 0;transform:rotateX(1deg)rotateY(-2deg)scale(.975)}50%{background-position:0 0,35% 0,0 0;transform:rotateX(1deg)rotateY(-2deg)scale(1)}to{background-position:0 0,-120% 0,0 0;transform:rotateX(1deg)rotateY(-2deg)scale(.975)}}@media (max-width:700px){.bean-page{height:100svh;overflow:hidden}.bean-header{top:.85rem;left:.85rem}.viewer-controls{width:auto;max-width:100%;padding:0 1rem}.viewer-control{flex:none;justify-content:center}}