*{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:#fcfcfc;--ink:#373737;--muted:#919191}.trace{max-width:548px;margin:100px auto;padding:0 24px}.trace h1{margin:0 0 8px}.trace p{margin-bottom:14px}.trace a{text-decoration-color:#bbb}.trace section{margin-top:50px}.trace h2{margin-bottom:14px}.entry{margin-left:28px;padding:7px 0}.entry summary{display:flex;justify-content:space-between}.entry summary time{color:#aaa}.entry p{padding-top:6px;font-size:14px}.vault-link{padding:0 3px;background:linear-gradient(120deg,#ebedfa,#f4e0eb);border-radius:4px}.sketch{height:220px;display:flex;justify-content:center;align-items:center;gap:10px;margin:25px 0;background:#f4f1f8;border-radius:10px}.sketch i{display:block;width:70px;height:70px;background:#aeadd6;border-radius:30%;animation:turn 8s ease-in-out infinite}.sketch i:nth-child(2){background:#dbb9cd;animation-delay:-2s}.sketch i:nth-child(3){background:#c9ceb9;animation-delay:-4s}@keyframes turn{50%{transform:rotate(180deg);border-radius:50%}}@media(max-width:600px){.trace{margin:60px auto}.entry{margin-left:16px}}
/* 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}