.process-monitor{border:var(--os-border);background:var(--os-white);box-shadow:7px 7px #77736c}.process-commandbar{border-bottom:var(--os-border);color:#f6f4ff;min-height:48px;font:600 .75rem var(--mono);background:#191b2a;align-items:center;gap:.75rem;padding:.65rem .8rem;display:flex}.process-commandbar strong{color:#8de5c6;letter-spacing:.06em}.process-commandbar span{color:#cbc6d8}.process-head{border-bottom:var(--os-hairline);font:700 .75rem var(--mono);background:#f0eff6;justify-content:space-between;align-items:center;gap:.6rem;margin:calc(-1*clamp(1.4rem,2.4vw,2rem)) calc(-1*clamp(1.4rem,2.4vw,2rem)) 1.5rem;padding:.7rem .75rem;display:flex}.process-head code{font:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.process-head>span{color:#315a4e;text-transform:uppercase}.process-head>span i{background:#1a9d73;border-radius:50%;width:6px;height:6px;margin-right:.22rem;display:inline-block}.process-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.process-card{border:0;border-right:1px solid var(--os-border-muted);min-width:0;min-height:620px;transition:border-color var(--ease-fast), background var(--ease-fast), transform var(--ease-fast);background:#ffffff1f;grid-template-rows:auto 1fr auto;padding:clamp(1.4rem,2.4vw,2rem);display:grid;position:relative;overflow:hidden}.book-card:hover,.book-card:focus-visible,.coffee-card:hover,.coffee-card:focus-visible{border-color:var(--book-accent);background:color-mix(in srgb, var(--book-accent) 8%, #0b0e19a8);transform:translateY(-4px)}.coffee-card{--book-accent:var(--amber)}.process-card-copy>span{color:#665473;font:500 .75rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.process-card:last-child{border-right:0}.process-card-copy{min-width:0}.process-card-copy h3{letter-spacing:-.04em;overflow-wrap:anywhere;hyphens:auto;margin:1.4rem 0 .8rem;font-size:clamp(1.35rem,2vw,2rem);line-height:1.08}.process-card-copy p{color:var(--paper-ink);margin:0;line-height:1.55}.process-card-footer{border-top:1px solid var(--paper-line);color:var(--paper-ink);font:500 .75rem var(--mono);letter-spacing:.09em;text-transform:uppercase;padding-top:1.3rem}.book-card .process-card-footer,.coffee-card .process-card-footer{justify-content:space-between;align-items:center;display:flex}.book-card .process-card-footer span,.coffee-card .process-card-footer span{color:var(--book-accent);transition:transform var(--ease-fast);font-size:1rem}.book-card:hover .process-card-footer span,.book-card:focus-visible .process-card-footer span,.coffee-card:hover .process-card-footer span,.coffee-card:focus-visible .process-card-footer span{transform:translate(.2rem,-.2rem)}.book-cover{aspect-ratio:.67;background:linear-gradient(145deg, #ffffff14, transparent 36%), color-mix(in srgb, var(--book-accent) 58%, #11131c);border:1px solid color-mix(in srgb, var(--book-accent) 60%, white 10%);color:#fff;flex-direction:column;align-self:center;width:min(84%,240px);margin:2.5rem auto;padding:1.35rem;transition:transform .35s,box-shadow .35s;display:flex;overflow:hidden;transform:rotate(-1.5deg);box-shadow:13px 14px #080a1099,0 25px 55px #0005}.book-card:nth-child(3) .book-cover{transform:rotate(1.8deg)}.book-card:nth-child(4) .book-cover{transform:rotate(-.6deg)}.book-card:hover .book-cover,.book-card:focus-visible .book-cover{transform:rotate(0)translateY(-6px);box-shadow:16px 20px #080a1099,0 32px 70px #0008}.book-cover small{font:500 .75rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.book-cover strong{font-family:var(--serif);overflow-wrap:break-word;word-break:normal;hyphens:manual;margin-top:auto;font-size:clamp(.95rem,1.1vw,1.18rem);line-height:1.06}.book-cover i{font:500 .75rem var(--mono);letter-spacing:.13em;border-top:1px solid #fff5;margin-top:1rem;padding-top:.8rem;font-style:normal}.coffee-visual{align-self:center;justify-items:center;margin-block:2.5rem;display:grid}.coffee-steam{align-items:end;gap:.55rem;height:58px;display:flex}.coffee-steam i{background:linear-gradient(transparent, var(--purple), transparent);border-radius:50%;width:2px;height:42px;animation:2.6s ease-in-out infinite coffee-steam;display:block}.coffee-steam i:nth-child(2){height:55px;animation-delay:-.9s}.coffee-steam i:nth-child(3){height:35px;animation-delay:-1.7s}.coffee-cup{border:2px solid var(--purple);background:linear-gradient(#7a4b2a 0 13%,#3c2118 14% 20%,#15121a 21%);border-radius:8px 8px 42px 42px;width:140px;height:105px;position:relative;box-shadow:inset 0 8px 18px #ffbd5244,0 24px 45px #0004}.coffee-cup:after{content:"";border:2px solid var(--purple);border-left:0;border-radius:0 28px 28px 0;width:42px;height:52px;position:absolute;top:19px;left:calc(100% - 2px)}.coffee-cup i{background:#b87a45;border-radius:50%;height:7px;position:absolute;inset:13px 10px auto;box-shadow:0 0 12px #ffbd5277}.coffee-visual>span{color:#665473;font:500 .75rem var(--mono);letter-spacing:.12em;margin-top:2.2rem}@media (width<=1200px){.process-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card:nth-child(2n){border-right:0}.process-card:nth-child(n+3){border-top:1px solid var(--os-border-muted)}}@media (width<=650px){.process-shelf{grid-template-columns:1fr}.process-card,.process-card:nth-child(2n){border-right:0}.process-card+.process-card{border-top:1px solid var(--os-border-muted)}.process-card{min-height:560px}}@media (width<=800px){.process-card{min-height:0}.book-cover{width:min(68%,210px);margin-block:1.75rem}.coffee-visual{margin-block:1.75rem}}.os-page .process-card{color:var(--os-black);box-shadow:none;backdrop-filter:none;background:linear-gradient(150deg,#fff 58%,#eeeaff)}.os-page .process-card:hover,.os-page .process-card:focus-visible{border-color:var(--os-black);box-shadow:inset 0 0 0 3px var(--os-black);background:#fffdf7;transform:translate(-2px,-2px)}.os-page .process-card-copy>span{color:var(--os-blue)}.os-page #reading{background:linear-gradient(145deg, #fffaf2 0 54%, #ffe8f3 100%), var(--os-paper)}.os-page .process-card:nth-child(2n){background:linear-gradient(150deg,#fff 58%,#e1f8ff)}.os-page .process-card:nth-child(3n){background:linear-gradient(150deg,#fff 58%,#ffe6f1)}html[data-theme=dark] .process-monitor{box-shadow:7px 7px #090a13}html[data-theme=dark] .process-head{color:var(--copy-muted);background:#25263b}html[data-theme=dark] .process-head>span{color:#8de5c6}@keyframes coffee-steam{50%{opacity:.3;transform:translate(5px,-9px)scaleY(1.15)}}