*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg,#fafafa);color:var(--ink,#252525);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:3px}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #597ef7;outline-offset:5px}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3{font-size:inherit;font-weight:400}p{margin:0 0 20px}a:hover{opacity:.65}[hidden]{display:none!important}.muted{color:var(--muted,#858585)}.text-link{padding:0;text-decoration:underline;text-underline-offset:3px}.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.links{display:flex;gap:18px;flex-wrap:wrap}.section-label{font-size:14px;color:var(--muted,#888);margin:0 0 24px}details summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}details[open] summary{margin-bottom:18px}details p{color:var(--muted,#777)}dialog{width:min(760px,calc(100% - 32px));max-height:88dvh;overflow:auto;padding:32px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--bg,#fff);color:var(--ink,#222)}dialog::backdrop{background:#0008;backdrop-filter:blur(8px)}dialog h2{font-size:28px;line-height:1.2}dialog .close{float:right;font-size:13px;padding:5px}dialog p{line-height:1.7}.project-note{margin:25px 0;color:var(--muted,#888);font-size:14px}.endnote{margin-top:80px;font-size:13px;color:var(--muted,#888)}body.alt-theme{--bg:#f6f6f3;--ink:#262625;--muted:#70706d;--line:#ddd;--card:#eaeae6}@media(max-width:600px){body{font-size:15px}dialog{padding:22px}.row{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body{--bg:#fff;--ink:#343434;--muted:#939393}.mono{max-width:1020px;margin:130px auto 80px;padding:0 28px}.mono header,.mono section{display:grid;grid-template-columns:170px minmax(0,550px);gap:30px;margin-bottom:52px}.side-label{color:#999;font-size:14px;margin:3px 0}.mono p{margin-bottom:18px}.mono details summary{display:flex;justify-content:space-between}.mono details summary span{color:#aaa}.mono details+p{font-size:14px;margin:5px 0 26px}.mono details[open]{margin-bottom:15px}.practice{border:1px solid #e7e7e7;background:#fafafa;border-radius:10px;padding:30px;margin-top:26px}.practice label{font-size:13px;display:block}.practice input{width:100%;margin:20px 0;accent-color:#454545}.practice small{font-size:12px;color:#999}.pulse-track{height:44px;position:relative}.pulse-track i{display:block;position:absolute;width:18px;height:18px;border-radius:50%;background:#555;animation:pace var(--pace,4s) ease-in-out infinite alternate}@keyframes pace{to{left:calc(100% - 18px)}from{left:0}}@media(max-width:750px){.mono{margin:65px auto;padding:0 24px;max-width:590px}.mono header,.mono section{display:block}.side-label{margin-bottom:25px;display:block}.mono section{margin-top:45px}}
/* Keep the original UI inspiration visible in previews and downloads. */
.ui-inspiration-credit{max-width:960px;margin:32px auto 0;padding:22px 24px;border-top:1px solid var(--line,#e5e5df);font:13px/1.6 Helvetica,Arial,sans-serif;color:var(--muted,#74746c);text-align:center}.ui-inspiration-credit a{color:var(--ink,#35352f);text-decoration:underline;text-underline-offset:3px}.ui-inspiration-credit a:hover{opacity:.75}