*{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:#181815;--ink:#e2e2da;--muted:#93938a;--line:#34342d;--card:#22221e}.stack{max-width:645px;margin:100px auto 70px;padding:0 26px}.initial-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-content:center;background:#a89072;color:#2b251d;font:italic 17px Georgia,serif}.theme-switch{color:var(--muted);font-size:22px}.stack h1{margin:22px 0 18px}.stack header p{color:var(--muted);line-height:1.55;margin-bottom:16px}.stack a{text-decoration-style:dotted;text-decoration-color:var(--muted)}.stack header a{color:var(--ink)}.stack .links{margin-top:24px;font-size:14px;color:var(--muted)}.stack section{margin-top:85px}.stack section>h2{color:var(--muted);margin-bottom:26px;font-size:15px}.stack-project{margin-bottom:48px}.stack-project>button{width:100%;padding:0;border-radius:12px;overflow:hidden;display:block}.stack-project>button:hover{filter:brightness(1.08)}.stack-project h3{margin:20px 0 7px}.stack-project h3 button{padding:0}.stack-project p{font-size:14px;color:var(--muted);line-height:1.6}.calendar-art{background:#252c27;padding:35px 45px 0;aspect-ratio:1.5;overflow:hidden;text-align:left}.calendar-app{padding:24px 28px;background:#e4e9df;color:#33443a;border-radius:14px 14px 0 0;box-shadow:0 8px 50px #0004;transform:rotate(-3deg)}.calendar-app b{font-size:13px}.calendar-app small{font-size:9px}.calendar-app h3{font:28px/1.1 Georgia,serif;margin:20px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-days span{display:grid;place-content:center;aspect-ratio:1;font-size:10px;background:#cfd8cb;border-radius:5px;color:#6b7f6b}.calendar-days .done{background:#6e9273;color:#fff}.calendar-app p{font-size:10px;margin:18px 0}.color-art{background:#272826;aspect-ratio:1.5;padding:35px;color:#414438;text-align:left;display:grid;place-content:center}.color-art>div{background:#e1e2d8;border-radius:10px;padding:24px 28px;width:330px;max-width:100%;box-shadow:0 10px 40px #0002}.color-art span{font:8px monospace;letter-spacing:1px}.color-art b{display:block;font:45px/.95 Georgia,serif;margin:20px 0}.swatches{display:flex;height:55px}.swatches i{flex:1;background:#69745b}.swatches i:nth-child(2){background:#a9b09c}.swatches i:nth-child(3){background:#d0cab6}.swatches i:nth-child(4){background:#a0b4bc}.swatches i:nth-child(5){background:#4f656e}.color-art small{display:block;font-size:8px;margin-top:13px}.route-art{aspect-ratio:1.5;background:#c7caba;position:relative;overflow:hidden;text-align:left;background-image:repeating-radial-gradient(ellipse at 25% 80%,transparent 0,transparent 18px,#7c886333 19px,transparent 21px)}.trail-line{position:absolute;width:60%;height:60%;border:5px solid #657651;border-right-color:transparent;border-radius:45% 55% 40% 60%;transform:rotate(-30deg);top:9%;left:21%}.route-label{position:absolute;bottom:20px;left:25px;background:#eff0e8;padding:16px 21px;border-radius:8px;color:#495344;box-shadow:0 4px 20px #0001}.route-label small{font-size:8px}.route-label b{display:block;font:24px Georgia,serif;margin:7px 0}.route-label span{font-size:10px}.route-pin{position:absolute;top:25%;right:25%;font-size:22px;font-style:normal;color:#657651}.note{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.note summary{display:flex;justify-content:space-between;gap:12px}.note time{color:var(--muted);font-size:11px;white-space:nowrap}.note p{margin:12px 0;line-height:1.6}dialog .calendar-art,dialog .color-art,dialog .route-art{margin:25px 0;border-radius:8px}@media(max-width:600px){.stack{margin-top:55px}.stack section{margin-top:65px}.calendar-art{padding:25px 28px 0}.calendar-app{padding:18px}.calendar-app h3{font-size:23px;margin:15px 0}.calendar-days{gap:4px}.calendar-days span{font-size:8px}.color-art{padding:24px}.color-art b{font-size:34px}.color-art>div{padding:18px;width:260px}.swatches{height:42px}.route-label{bottom:14px;left:14px;padding:12px}.route-label b{font-size:20px}.note summary{flex-wrap:wrap}}
/* 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}