:root{color:#302b27;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:center;max-width:1400px;min-height:100svh;margin:0 auto;padding:30px 48px;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;gap:7px;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-domain{text-overflow:ellipsis;white-space:nowrap;color:#72695d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;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{align-items:stretch;gap:16px;min-height:474px;display:flex}.category-card{--card-color:#f8e6a7;background:var(--card-color);isolation:isolate;border:2.5px solid #3b342f;border-radius:15px 9px 13px 8px/8px 14px 9px 15px;flex-direction:column;flex:0 0 82px;min-width:0;transition:flex-grow .22s,flex-basis .22s,box-shadow .18s;display:flex;position:relative;box-shadow:3px 4px #3b342f}.category-card:before{content:"";pointer-events:none;z-index:-1;border:1px solid #51453680;border-radius:8px 13px 8px 10px;position:absolute;inset:3px}.category-card: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-card.tools{--card-color:#c4e7f4}.category-card.work{--card-color:#d2e6b3}.category-card.wander{--card-color:#e3d8f4}.category-card[data-open=true]{flex:1 1 0;box-shadow:4px 7px #3b342f}.category-trigger{border-radius:inherit;cursor:pointer;background:0 0;border:0;flex:1;align-content:start;justify-items:center;width:100%;padding:19px 8px;display:grid;position:relative}.category-trigger:hover{background:#ffffff26}.category-trigger:focus-visible{outline-offset:6px}.category-illustration{object-fit:contain;width:64px;max-width:100%;height:64px;display:block}.category-card[data-open=true] .category-trigger{flex:0 0 64px;padding:9px}.category-card[data-open=true] .category-illustration{width:44px;height:44px}.category-content{min-width:0;padding:0 18px 18px}.site-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.site-item{text-align:left;cursor:pointer;background:#fffaf0d9;border:1px solid #65584445;border-radius:9px 6px 8px 5px;flex-direction:column;justify-content:center;gap:5px;width:100%;min-width:0;min-height:58px;padding:9px 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:14px;font-weight:600;line-height:1.3;overflow:hidden}.site-domain{color:#736e62;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.1;display:block;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:26px 32px}.category-card{flex-basis:70px}.category-illustration{width:52px;height:58px}}@media (width<=800px){.page{padding:22px 22px 28px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;min-height:0;display:grid}.category-card{display:contents}.category-card:before,.category-card:after{display:none}.category-trigger,.category-card[data-open=true] .category-trigger{background:var(--card-color);border:2px solid #3b342f;border-radius:10px 6px 9px 5px;grid-row:1;height:77px;padding:7px;box-shadow:2px 3px #3b342f}.category-trigger:hover{background:var(--card-color)}.category-card[data-open=true] .category-trigger{box-shadow:2px 3px #3b342f,0 0 0 3px #faf7ef,0 0 0 5px #3b342f}.category-illustration,.category-card[data-open=true] .category-illustration{width:100%;height:58px}.category-content{background:var(--card-color);border:2.5px solid #3b342f;border-radius:12px 6px 10px 7px;grid-area:2/1/auto/-1;padding:18px;box-shadow:3px 4px #3b342f}.site-list{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-tray{top:10px}}@media (width<=560px){.page{padding:19px 18px 26px}.category-content{padding:14px}.site-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.site-item{padding:9px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}