:root{color:#302b27;scrollbar-gutter:stable;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#faf7ef;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%239b8c71' opacity='.07' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");min-width:0;margin:0}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline-offset:4px;outline:3px solid #345b9b}[hidden]{display:none!important}::selection{color:#302b27;background:#f4d56b}.page{align-content:start;max-width:1400px;min-height:100svh;margin:0 auto;padding:clamp(24px,8svh,80px) 48px 30px;display:grid}.navigation{min-width:0}.selection-tray{z-index:5;background:linear-gradient(#faf7eff5 85%,#faf7ef00);min-width:0;height:94px;margin-bottom:20px;position:sticky;top:14px}.selection-tray[data-empty=true]{visibility:hidden}.selection-list{scrollbar-width:thin;scrollbar-color:#8a786455 transparent;gap:12px;min-width:0;height:100%;margin:0;padding:5px 4px 9px;list-style:none;display:flex;overflow:auto hidden}.selection-chip{--card-color:#f8e6a7;background:var(--card-color);border:2px solid #3b342f;border-radius:7px 5px 8px 4px;flex:0 0 112px;min-width:0;height:80px;animation:.14s pop-in;position:relative;box-shadow:2px 2px #3b342f}.selection-chip.tools{--card-color:#c4e7f4}.selection-chip.work{--card-color:#d2e6b3}.selection-chip.wander{--card-color:#e3d8f4}.selection-preview{border-radius:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;width:100%;min-width:0;height:100%;padding:13px 12px 10px;display:flex}.selection-name{text-overflow:ellipsis;white-space:nowrap;padding-right:16px;font-size:13px;font-weight:600;display:block;overflow:hidden}.selection-remove{color:#6a6256;cursor:pointer;background:0 0;border:0;width:25px;height:25px;padding:0;font-size:17px;position:absolute;top:0;right:0}.selection-remove:hover{color:#302b27}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px 14px;max-width:560px;margin-inline:auto;display:grid}.category-card{--card-color:#f8e6a7;display:contents}.category-card.tools{--card-color:#c4e7f4}.category-card.work{--card-color:#d2e6b3}.category-card.wander{--card-color:#e3d8f4}.category-trigger{background:var(--card-color);cursor:pointer;isolation:isolate;border:2.5px solid #3b342f;border-radius:15px 9px 13px 8px/8px 14px 9px 15px;grid-row:1;place-items:center;width:100%;height:120px;padding:12px;transition:box-shadow .14s;display:grid;position:relative;box-shadow:3px 4px #3b342f}.category-trigger:before,.category-content:before{content:"";pointer-events:none;z-index:-1;border:1px solid #51453680;border-radius:8px 13px 8px 10px;position:absolute;inset:3px}.category-trigger:after,.category-content:after{content:"";pointer-events:none;border-radius:inherit;opacity:.65;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.13' filter='url(%23n)' d='M0 0h120v120H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.category-trigger:hover{box-shadow:3px 5px #3b342f}.category-card[data-open=true] .category-trigger{box-shadow:3px 4px #3b342f,0 0 0 3px #faf7ef,0 0 0 5px #3b342f}.category-trigger:focus-visible{outline-offset:6px}.category-illustration{object-fit:contain;width:90px;max-width:100%;height:90px;display:block}.category-content{isolation:isolate;background:var(--card-color);border:2.5px solid #3b342f;border-radius:12px 6px 10px 7px;grid-area:2/1/auto/-1;justify-self:center;width:min(100%,520px);min-height:64px;padding:16px;position:relative;box-shadow:3px 4px #3b342f}.site-list{grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.site-item{text-align:center;cursor:pointer;background:#fffaf0d9;border:1px solid #65584445;border-radius:9px 6px 8px 5px;flex-direction:column;justify-content:center;width:100%;min-width:0;min-height:46px;padding:10px;display:flex}.site-item:hover{background:#fff8;border-color:#6558446b}.site-item[aria-pressed=true]{background:#fffaf0d9;border-color:#4c4437;box-shadow:1px 2px #3b342f33}.site-item:focus-visible{outline-offset:1px}.site-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(-5px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1100px){.page{padding-inline:32px}}@media (width<=800px){.page{padding:22px 22px 28px}.category-grid{gap:18px 12px}.category-trigger{border-width:2px;border-radius:10px 6px 9px 5px;height:77px;padding:7px}.category-illustration{width:100%;height:58px}.selection-tray{top:10px}}@media (width<=560px){.page{padding:19px 18px 26px}.category-content{padding:14px}.site-list{grid-template-columns:repeat(auto-fit,minmax(min(112px,100%),1fr));gap:8px}.site-item{padding-inline:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html,html *{cursor:url(/assets/cursors/richfree-cursor.png) 0 0,auto!important;cursor:-webkit-image-set(url(/assets/cursors/richfree-cursor.png) 2x) 0 0, auto!important;cursor:image-set(url(/assets/cursors/richfree-cursor.png) 2x) 0 0, auto!important}html :is(button:not(:disabled),a,[role=button]:not([aria-disabled=true]),[role=link]),html :is(button:not(:disabled),a,[role=button]:not([aria-disabled=true]),[role=link]) *{cursor:url(/assets/cursors/richfree-pointer.png) 13 5,pointer!important;cursor:-webkit-image-set(url(/assets/cursors/richfree-pointer.png) 2x) 7 3, pointer!important;cursor:image-set(url(/assets/cursors/richfree-pointer.png) 2x) 7 3, pointer!important}html :is(input,textarea,[contenteditable=true]),html [contenteditable=true] *{cursor:text!important}html :is(button:disabled,[aria-disabled=true]),html :is(button:disabled,[aria-disabled=true]) *{cursor:not-allowed!important}