:root{--primary:#1b7bb5;--bg-light:#f6f7f8;--bg-dark:#121a20}body{background-color:var(--bg-light);color:#0f172a;font-family:Plus Jakarta Sans,sans-serif}.ring-binder-edge{background-image:radial-gradient(circle,#d1d5db 20%,#0000 20%);background-position:0 10px;background-size:100% 40px;width:12px}.spiral-wire{z-index:50;flex-direction:column;justify-content:space-around;display:flex}.wire-loop{background:linear-gradient(90deg,#cbd5e1 0%,#94a3b8 50%,#cbd5e1 100%);border-radius:6px;width:30px;height:12px;margin-bottom:12px;box-shadow:2px 2px 4px #0000001a}.draw-underline{position:relative}.draw-underline:after{content:"";background-color:var(--primary);transform-origin:0;border-radius:2px;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.draw-underline.active:after{transform:scaleX(1)}.dot-grid{background-image:radial-gradient(circle,#cbd5e1 1px,#0000 1px);background-size:24px 24px}