:root{color-scheme:light;--paper:#ffffff;--surface:#ffffff;--ink:#20211e;--muted:#666666;--line:#e5e4dc;--orange:#ff5a1f;--shadow:0 14px 32px #20211e0d,0 3px 8px #20211e05;--card-shadow:0 2px 7px #20211e26;--card-shadow-hover:0 8px 18px #20211e29,0 2px 5px #20211e14;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}button,input{font:inherit}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}svg{display:block}.page{width:min(880px,calc(100% - 48px));margin:auto}.header{height:128px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:30px;letter-spacing:-1.8px;font-weight:900;white-space:nowrap}.brand span{display:inline-block;margin-left:5px;border-radius:50%;background:var(--orange);font-size:0;vertical-align:baseline;position:relative;top:-3px;width:7px;height:7px}.header nav{display:flex;align-items:center;gap:24px;font-size:13px;color:var(--muted)}.header nav button:hover{color:var(--ink)}.icon-button{display:grid;place-items:center;width:32px;height:36px}.icon-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.random-button svg{width:25px;transition:transform .2s}.random-button:hover svg{transform:rotate(-12deg)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:8px 0 64px}.product-card{display:flex;flex-direction:column;min-width:0;width:100%;text-align:left;background:var(--surface);border:0;border-radius:6px;box-shadow:var(--card-shadow);overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.product-image{display:grid;place-items:center;width:100%;aspect-ratio:1.55;background:#eeede7;border-bottom:1px solid #20211e04}.product-image .art{width:66%;height:80%;transition:transform .3s ease}.product-copy{display:flex;flex-direction:column;gap:10px;padding:20px 18px 24px;min-height:136px;text-align:center}.product-title{font-size:20px;font-weight:700;line-height:1.5;letter-spacing:-.3px}.product-description{font-size:14px;line-height:1.8;color:var(--muted)}
[data-product="cleaner"] .product-image{background:#eaf0f6}[data-product="fire"] .product-image{background:#f6ebdf}[data-product="fan"] .product-image{background:#edf1f6}[data-product="coil"] .product-image{background:#e8efe8}[data-product="roach"] .product-image{background:#f0eae2}[data-product="broken"] .product-image{background:#e8eff1}[data-product="clock"] .product-image{background:#edede9}[data-product="boat"] .product-image{background:#e9eff6}[data-product="keyboard"] .product-image{background:#efebe4}[data-product="sun"] .product-image{background:#f7efd9}[data-product="cursor"] .product-image{background:#eeedf5}[data-product="dice"] .product-image{background:#eceee6}
.product-card:focus-visible{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}@media(hover:hover){.product-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.product-card:hover .product-image>.art{transform:scale(1.045)}}
.footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0 38px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer a:hover{color:var(--ink)}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--paper);z-index:20}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);width:min(520px,calc(100% - 32px));max-height:85dvh;padding:40px;overscroll-behavior:contain}dialog::backdrop{background:#25261d55}dialog h2{font-size:26px;line-height:1.5;margin:0 0 20px;letter-spacing:-.6px}.close-dialog{position:absolute;right:16px;top:10px;font-size:29px;font-weight:300;width:32px;height:36px;color:var(--muted)}.dialog-eyebrow{font-size:12px;color:var(--muted);letter-spacing:1px;margin:0 0 14px}#dialog-content{font-size:15px;line-height:1.9}#dialog-content p{margin:0 0 15px}#dialog-content .art{width:150px;height:115px;margin:0 auto 20px}#dialog-content a{border-bottom:1px solid var(--line)}.dialog-done{margin-top:18px;padding:12px 0;font-size:13px;border-bottom:1px solid var(--ink)}.quiet{color:var(--muted);font-size:13px}.friend-list{display:grid;gap:14px;margin:20px 0}.friend-list a{display:flex;justify-content:space-between}.search-heading{margin-bottom:20px}#search-input{border:1px solid var(--line);background:#fffefa;width:100%;padding:13px 15px;border-radius:0;color:var(--ink)}.search-meta{font-size:12px;color:var(--muted);margin:17px 0 10px}.search-result{width:100%;display:flex;align-items:center;gap:15px;text-align:left;padding:10px 0;border-bottom:1px solid #e3e3d9;font-size:14px}.search-result .art{width:51px;height:42px}.result-status{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.search-empty{font-size:14px;color:var(--muted);padding:20px 0}.search-tip{font-size:12px;color:var(--muted);margin:22px 0 0}.search-tip button{color:var(--ink);margin-left:8px}
.fan-blades{transform-origin:80px 64px}.flame{transform-origin:96px 108px}.smoke{opacity:0;transform:translateY(6px)}.extra-crack,.crumbs{opacity:0}.squeegee,.roach,.cursor,.boat,.keyboard,.dice,.sun{transition:transform .28s}.extra-crack,.crumbs{transition:opacity .2s}.product-card:is(:hover,:focus-visible) .squeegee{transform:translate(-12px,-7px) rotate(-18deg);transform-origin:118px 90px}.product-card:is(:hover,:focus-visible) .fan-blades{animation:spin .85s linear infinite}.product-card:is(:hover,:focus-visible) .flame{animation:flicker .5s ease-in-out infinite alternate}.product-card:is(:hover,:focus-visible) .smoke{animation:smoke 2s ease-out infinite}.product-card:is(:hover,:focus-visible) .roach{transform:translate(15px,-10px) rotate(-36deg);transform-origin:107px 71px}.product-card:is(:hover,:focus-visible) .extra-crack,.product-card:is(:hover,:focus-visible) .crumbs{opacity:1}.product-card:is(:hover,:focus-visible) .clock-digits{animation:tick .6s ease-in-out infinite alternate}.product-card:is(:hover,:focus-visible) .boat{transform:translate(3px,-4px) rotate(-3deg);transform-origin:90px 80px}.product-card:is(:hover,:focus-visible) .keyboard{transform:translateY(-4px) rotate(-20deg);transform-origin:90px 74px}.product-card:is(:hover,:focus-visible) .sun{transform:rotate(20deg);transform-origin:137px 36px}.product-card:is(:hover,:focus-visible) .cursor{transform:translate(10px,5px) rotate(8deg);transform-origin:90px 75px}.product-card:is(:hover,:focus-visible) .dice{transform:rotate(-9deg);transform-origin:92px 70px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flicker{to{transform:scale(.96,1.055) skewX(2deg)}}@keyframes smoke{0%{opacity:0;transform:translateY(7px)}40%{opacity:.7}100%{opacity:0;transform:translateY(-7px)}}@keyframes tick{to{opacity:.6}}

dialog{border-radius:16px;box-shadow:var(--shadow)}dialog::backdrop{backdrop-filter:blur(5px)}#search-input{border-radius:8px}.search-result .art{flex-shrink:0}
@media(max-width:1000px){.page{width:min(880px,calc(100% - 48px))}.product-grid{gap:20px}.product-copy{padding:20px 18px 23px}.product-title{font-size:20px}.product-description{font-size:14px}}
@media(max-width:760px){.header{height:104px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:40px}.brand{font-size:27px}.header nav{gap:16px}}
@media(max-width:480px){.page{width:calc(100% - 36px)}.header{height:90px}.header nav{gap:12px}.product-grid{grid-template-columns:1fr;gap:22px}.product-image{aspect-ratio:1.65}.product-copy{padding:21px 22px 25px}.product-title{font-size:18px}.product-description{font-size:13px}.footer{font-size:11px}dialog{padding:32px 24px}.search-result{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.product-card:is(:hover,:focus-visible),.product-card:hover .product-image>.art{transform:none}.product-card:is(:hover,:focus-visible) .smoke{opacity:.7}}

.product-description{text-wrap:pretty}.idea-note{white-space:nowrap}

.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 0 48px}.intro h1{margin:0;font-size:36px;font-weight:800;line-height:1.3;letter-spacing:-1.2px}.intro p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.intro-play{display:flex;align-items:center;gap:14px;padding-right:4px}.play-note{font-size:12px;line-height:1.8;letter-spacing:1px;color:var(--muted);transform:rotate(-15deg);align-self:flex-start}.play-note svg{width:70px;height:40px;fill:none;stroke:currentColor;stroke-width:1;transform:rotate(15deg);margin:0 0 0 28px}.intro-random{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:13px;font-weight:600;padding:12px 0}.intro-random>svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-12deg);transition:transform .25s}.intro-random:hover>svg{transform:rotate(12deg)}.intro-random>span>span{margin-left:12px;font-size:18px;font-weight:400}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}#collection-filters{display:flex;gap:28px}#collection-filters button{position:relative;white-space:nowrap;padding:14px 0;font-size:12px;color:var(--muted)}#collection-filters button span{font-size:10px;margin-left:8px;color:#999}#collection-filters button[aria-pressed="true"]{font-weight:700;color:var(--ink)}#collection-filters button[aria-pressed="true"]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}
@media(max-width:760px){.intro h1{font-size:30px}.intro{gap:20px;padding-bottom:30px}#collection-filters{gap:18px}.collection-toolbar{flex-wrap:wrap;gap:0}.play-note{display:none}}
@media(max-width:480px){.intro{align-items:flex-start;gap:12px;padding-top:8px}.intro h1{font-size:26px;letter-spacing:-.8px}.intro p{font-size:12px;max-width:220px}.intro-random{font-size:11px;gap:12px}.intro-random>span>span{margin-left:4px}.intro-random>svg{width:30px;height:30px}#collection-filters{width:100%;gap:0;justify-content:space-between}.collection-toolbar{margin-bottom:18px}}

.intro-play{position:relative}.intro-random{position:relative;min-width:104px}#dice-feedback{position:absolute;top:100%;right:0;white-space:nowrap;font-size:11px;font-weight:400;color:var(--muted)}.intro-random.rolling>svg{animation:dice-roll .55s ease-in-out}@keyframes dice-roll{0%{transform:rotate(-12deg)}50%{transform:translateY(-10px) rotate(180deg)}100%{transform:rotate(348deg)}}

.product-image .cover-image{display:block;width:100%;height:100%;object-fit:cover;min-height:0}.search-result .cover-image{width:51px;height:42px;object-fit:cover;flex-shrink:0;border-radius:3px}

/* Card typography */
.product-copy{gap:8px}.product-title{font-size:18px;font-weight:700;line-height:1.5;letter-spacing:normal}.product-description{font-size:15px;font-weight:400;line-height:1.6;color:#454545;letter-spacing:normal;text-wrap:pretty}.idea-note{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted);white-space:nowrap}

/* Quiet header identity; introduction carries the visual emphasis. */
.header .brand{font-size:13px;font-weight:400;letter-spacing:normal;color:var(--muted)}.header .brand span{width:4px;height:4px;margin-left:3px;top:-1px}

/* Centered introduction with balanced play areas. */
.header{height:72px}.intro{display:grid;grid-template-columns:140px minmax(0,1fr) 140px;align-items:center;gap:24px;padding:24px 0 40px;min-height:192px}.intro-copy{text-align:center}.intro h1{margin:0;font-size:36px;font-weight:700;line-height:1.35;letter-spacing:normal;text-align:center}.intro .intro-kicker{margin:12px 0 0;max-width:none;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:normal;color:#666;text-align:center}.intro-play{display:flex;justify-content:center;padding:0;width:100%}.intro-random,.bounce-play{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:140px;min-height:104px;padding:8px 0;font-size:12px;font-weight:400;color:var(--muted)}.intro-random>svg{width:36px;height:36px;color:var(--ink)}#dice-feedback{position:static;min-height:20px;line-height:20px;font-size:12px;white-space:nowrap}.ball-stage{position:relative;display:block;width:54px;height:36px}.bounce-ball{position:absolute;left:13px;top:1px;width:28px;height:28px;background:var(--orange);border-radius:50%}.ball-shadow{position:absolute;bottom:0;left:16px;width:22px;height:3px;border-radius:50%;background:#20211e18}#bounce-feedback{line-height:20px;min-height:20px;white-space:nowrap}.bounce-play.bouncing .bounce-ball{animation:ball-hop .7s ease-in-out}.bounce-play.bouncing .ball-shadow{animation:shadow-hop .7s ease-in-out}@keyframes ball-hop{0%,100%{transform:translateY(0) scale(1)}15%{transform:translateY(2px) scale(1.2,.8)}45%{transform:translateY(-24px) scale(.95,1.05)}75%{transform:translateY(2px) scale(1.15,.85)}}@keyframes shadow-hop{45%{transform:scale(.55);opacity:.3}}
@media(max-width:760px){.header{height:64px}.intro{grid-template-columns:96px minmax(0,1fr) 96px;gap:12px;padding:20px 0 30px;min-height:172px}.intro h1{font-size:30px}.intro .intro-kicker{font-size:13px;margin-top:10px}.intro-random,.bounce-play{width:96px}#dice-feedback,#bounce-feedback{font-size:11px}}
@media(max-width:480px){.intro{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;padding:24px 0 30px;min-height:148px}.intro h1{font-size:clamp(23px,6vw,28px)}.intro .intro-kicker{font-size:12px;white-space:nowrap;margin-top:8px}.intro-random,.bounce-play{width:44px;min-width:0;min-height:80px;gap:8px}.intro-random>svg{width:28px;height:28px}.ball-stage{transform:scale(.85);height:30px}#dice-feedback,#bounce-feedback{font-size:10px;line-height:15px;min-height:30px;white-space:normal;text-align:center}}

.collection-toolbar{justify-content:center}#collection-filters{justify-content:center;flex-wrap:wrap}@media(max-width:480px){#collection-filters{column-gap:16px;row-gap:0;width:auto}}

/* Compact introduction and close category indicator. */
.intro{min-height:128px;padding:12px 0 16px}
#collection-filters button{padding:8px 0;line-height:20px}
#collection-filters button[aria-pressed="true"]:after{bottom:3px}
@media(max-width:760px){.intro{min-height:116px;padding:10px 0 12px}}
@media(max-width:480px){.intro{min-height:104px;padding:8px 0 10px}}

/* NUT identity: springing N and an independent idea dot. */
.header .brand{display:inline-flex;align-items:center;gap:6px;color:#191919;flex-shrink:0}.brand-mark{display:block;width:27px;height:25px;object-fit:contain}.brand-wordmark{font-family:"Arial Rounded MT Bold","Microsoft YaHei",sans-serif;font-size:16px;font-weight:900;letter-spacing:-.5px;line-height:1.2}@media(max-width:480px){.brand-mark{width:25px;height:23px}.brand-wordmark{font-size:15px}.header .brand{gap:5px}}