:root{color-scheme:light;--ink:#4a4a4a;--paper:#fff5f5;--surface:#fff5f5;--soft:#f7d6d0;--rose:#e2b4bd;--line:rgba(74,74,74,0.14);--muted:rgba(74,74,74,0.78);--accent:#4a4a4a;--on-accent:#fff5f5;--card-shadow:0 8px 30px rgba(74,74,74,0.035)}:root[data-theme=dark]{color-scheme:dark;--ink:#fff5f5;--paper:#4a4a4a;--surface:#4a4a4a;--soft:rgba(247,214,208,0.1);--rose:#e2b4bd;--line:rgba(247,214,208,0.24);--muted:#f7d6d0;--accent:#f7d6d0;--on-accent:#4a4a4a;--card-shadow:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{text-decoration:none}a,button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}svg{flex-shrink:0}button,input,select,textarea{border:1px solid var(--line)}input,select,textarea{color:var(--ink);background:var(--surface);border-radius:12px;padding:12px 14px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus{border-color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.shell{width:min(1120px,100%);padding-inline:28px;margin-inline:auto}.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}.skip-link{position:fixed;left:16px;top:-70px;z-index:100;background:var(--accent);color:var(--on-accent);padding:12px}.skip-link:focus{top:12px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:80px;justify-content:space-between;gap:16px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;font-size:22px;font-weight:700;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;transform:rotate(-7deg);overflow:hidden}.brand-mark img{display:block;width:36px;height:36px}.brand-thai{font-size:10px;font-weight:400;letter-spacing:1.8px;display:block;line-height:1.1;margin-top:-2px}.site-header nav{display:flex;align-items:center;gap:24px}.nav-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px}.nav-divider{height:20px;border-left:1px solid var(--line)}.icon-button{border:0;background:transparent;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;flex-shrink:0;transition:background .2s,transform .2s}.icon-button:hover{background:var(--soft)}.icon-button:active{transform:scale(.9)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--accent);color:var(--on-accent);border:1px solid transparent;border-radius:12px;min-height:46px;padding:10px 20px;font-weight:700;font-size:13px}.button.secondary{background:var(--soft);color:var(--ink);border-color:var(--line)}.text-link{text-decoration:underline;text-underline-offset:4px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;grid-gap:55px;gap:55px;padding-block:74px 58px}.eyebrow,.hero-label{font-size:10px;letter-spacing:1.9px;font-weight:700}.hero-label{display:inline-flex;gap:8px;align-items:center;background:var(--soft);border-radius:30px;padding:7px 12px}.hero h1{font-size:clamp(38px,4.7vw,60px);letter-spacing:-1.8px;line-height:1.43;margin-block:21px 14px}.hero-highlight{position:relative;isolation:isolate;white-space:nowrap}.hero-highlight:after{content:"";position:absolute;left:4px;right:-3px;bottom:8px;height:17px;background:var(--rose);opacity:.66;z-index:-1;transform:rotate(-2deg);border-radius:5px}.hero-description{font-size:13px;color:var(--muted);line-height:1.95}.search-box{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:8px 8px 8px 18px;margin-top:25px;box-shadow:var(--card-shadow);max-width:580px}.search-box input{border:0;background:transparent;flex:1 1;padding:7px 0;outline:none;width:100%;font-size:13px}.search-box:focus-within{outline:2px solid var(--ink);outline-offset:3px}.search-submit{display:grid;place-items:center;width:42px;height:42px;background:var(--accent);color:var(--on-accent);border:0;border-radius:11px;flex-shrink:0}.search-suggestions{display:flex;align-items:center;gap:13px;margin-top:13px;font-size:10px;color:var(--muted)}.search-suggestions a{display:flex;align-items:center;gap:3px;border-bottom:1px solid var(--line)}.hero-art{height:355px;position:relative}.art-orbit{position:absolute;border:1px dashed var(--rose);width:340px;height:340px;border-radius:50%;left:30px;top:0;transform:rotate(-20deg)}.art-sparkle{position:absolute;right:4px;top:0;font-size:55px;color:var(--rose)}.little-note{position:absolute;border-radius:19px;border:1px solid var(--line);padding:25px;background:var(--surface);width:315px}.note-back{background:var(--soft);transform:rotate(8deg);left:63px;top:32px;height:273px;display:flex;justify-content:space-between;flex-direction:column;font-size:11px}.note-front{left:26px;top:42px;transform:rotate(-6deg);box-shadow:0 15px 30px rgba(74,74,74,.07)}.note-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;align-items:center}.note-front h2{font-size:20px;margin-block:14px 16px}.note-row{display:flex;align-items:center;gap:10px;font-size:12px;margin-block:13px}.note-row s{color:var(--muted)}.note-check{width:19px;height:19px;border:1px solid var(--ink);border-radius:6px;display:grid;place-items:center}.note-check.checked{background:var(--rose);border-color:var(--rose);color:#4a4a4a}.note-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:19px;padding-top:13px;font-size:8px;letter-spacing:.3px}.art-caption{position:absolute;bottom:-16px;right:18px;transform:rotate(5deg);font-size:11px;line-height:1.7;color:var(--muted)}.catalog{padding-top:12px}.category-row{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:21px}.category-chip{display:flex;align-items:center;gap:8px;padding:10px 17px;min-height:44px;border-radius:30px;font-size:12px;border:1px solid transparent;transition:background .15s}.category-chip:hover{background:var(--soft)}.category-chip.selected{background:var(--accent);color:var(--on-accent)}.catalog-heading{display:flex;justify-content:space-between;align-items:center;margin-block:38px 24px;gap:14px}.catalog-heading h2{font-size:23px;margin-top:5px;font-weight:700}.result-count{font-size:11px;font-weight:400;border:1px solid var(--line);padding:2px 8px;border-radius:20px;margin-left:11px;vertical-align:middle}.sort-switch{display:flex;border:1px solid var(--line);border-radius:25px;padding:3px;font-size:11px;white-space:nowrap}.sort-switch a{padding:8px 16px;border-radius:20px}.sort-switch a.active{background:var(--soft)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.bucket-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:var(--card-shadow);transition:transform .2s,border-color .2s}.bucket-card:hover{transform:translateY(-4px);border-color:var(--rose)}.card-main{display:block;padding:25px 25px 14px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.cover-icon{font-size:30px;background:var(--soft);border-radius:14px;width:61px;height:61px;display:grid;place-items:center}.category-label{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}.bucket-card h3{font-size:18px;letter-spacing:-.3px;margin-bottom:7px}.card-description{font-size:11px;line-height:1.9;color:var(--muted);min-height:42px}.preview-list{list-style:none;padding:0;margin:19px 0 0;display:grid;grid-gap:9px;gap:9px;font-size:12px}.preview-list li{display:flex;align-items:center;gap:9px}.preview-box{width:15px;height:15px;border:1px solid var(--muted);border-radius:5px;flex-shrink:0}.more-items{padding:12px 0 0 24px}.card-footer,.more-items{font-size:10px;color:var(--muted)}.card-footer{border-top:1px solid var(--line);margin:0 25px;justify-content:space-between;padding:7px 0}.card-footer,.view-count{display:flex;align-items:center}.view-count{gap:6px}.card-actions{display:flex;gap:0}.card-actions .icon-button{width:38px}.card-actions button[aria-pressed=true]{color:var(--ink);background:var(--soft)}.request-section{padding-block:62px 15px}.request-inner{border:1px solid var(--line);border-radius:22px;background:var(--soft);padding:35px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;grid-gap:42px;gap:42px}.request-inner h2{font-size:23px;margin-block:10px 8px}.request-inner p{font-size:12px;color:var(--muted)}.request-form{display:grid;grid-gap:11px;gap:11px}.request-form label{font-size:12px}.request-controls{display:flex;gap:10px}.request-controls select{flex:1 1}.request-form input{width:100%}.form-message{font-size:12px;min-height:20px}.site-footer{border-top:1px solid var(--line);margin-top:62px;padding-block:34px;display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-brand{font-size:18px;font-weight:700;letter-spacing:-.7px}.site-footer p,.site-footer small{font-size:10px;color:var(--muted)}.footer-links{display:flex;gap:22px;font-size:11px}.page-intro{padding-top:55px;padding-bottom:30px;max-width:900px;text-align:center}.page-intro h1{font-size:34px;margin-block:12px}.page-intro>p{color:var(--muted)}.page-intro .search-box{margin-inline:auto}.empty-state{border:1px dashed var(--line);border-radius:22px;text-align:center;padding:70px 24px;display:grid;justify-items:center;grid-gap:14px;gap:14px}.empty-state p{color:var(--muted)}.detail-shell{max-width:830px;padding-top:30px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);flex-wrap:wrap;margin-bottom:26px}.detail-card{border:1px solid var(--line);border-radius:23px;background:var(--surface);padding:35px;box-shadow:var(--card-shadow)}.detail-heading{display:flex;gap:17px;align-items:flex-start}.detail-heading .cover-icon{flex-shrink:0}.detail-heading h1{font-size:29px;letter-spacing:-.6px;margin-block:6px}.detail-heading p{font-size:12px;color:var(--muted)}.detail-heading>div:nth-child(2){flex:1 1;min-width:0}.detail-heading-actions{display:flex;gap:2px}.progress-summary{display:flex;justify-content:space-between;font-size:11px;margin-top:26px;margin-bottom:8px;color:var(--muted)}.progress-track{height:5px;background:var(--soft);border-radius:10px;overflow:hidden;margin-bottom:19px}.progress-track>div{height:100%;background:var(--ink);transition:width .25s}.check-row{display:flex;align-items:center;min-height:51px;gap:12px;cursor:pointer;font-size:14px;border-radius:10px;padding:8px 5px}.check-row:hover{background:var(--soft)}.check-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;width:23px;height:23px;padding:0;flex-shrink:0;border:1.5px solid var(--ink);border-radius:8px;background:transparent;transition:transform .16s,background .16s}.check-row input:checked{background:var(--rose);color:#4a4a4a;border-color:var(--rose);animation:check-pop .24s ease-out}.check-row input:before{content:"";width:10px;height:6px;border-left:2px solid #4a4a4a;border-bottom:2px solid #4a4a4a;transform:rotate(-45deg) scale(0)}.check-row input:checked:before{transform:rotate(-45deg) scale(1)}.check-row:has(input:checked) span{text-decoration:line-through;color:var(--muted)}.custom-row{display:flex;align-items:center}.custom-row .check-row{flex:1 1}.add-item{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:14px;padding-top:18px}.add-item input{flex:1 1}.device-note{font-size:10px;color:var(--muted);text-align:center;margin-top:14px}.related-section{margin-top:50px}.related-section h2{font-size:22px;margin-bottom:20px}.detail-shell .grid{grid-template-columns:repeat(2,minmax(0,1fr))}dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px;width:min(440px,calc(100% - 32px));box-shadow:0 20px 90px rgba(74,74,74,.22)}dialog::-webkit-backdrop{background:rgba(74,74,74,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog::backdrop{background:rgba(74,74,74,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-header h2{font-size:21px}.dialog-description{font-size:12px;color:var(--muted);margin-bottom:18px}.share-options{display:grid;grid-gap:9px;gap:9px}.share-option{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:transparent;border-radius:12px;padding:14px}.share-option:hover{background:var(--soft)}.share-option span{flex:1 1}.toast{font-size:12px;margin-top:14px}.admin-shell{max-width:1000px;padding-top:40px}.admin-panel{border:1px solid var(--line);border-radius:20px;padding:25px;margin-block:20px}.admin-form{display:grid;grid-gap:13px;gap:13px}.admin-form label{display:grid;grid-gap:5px;gap:5px}.admin-form textarea{min-height:180px}.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.loading-state{padding:80px;text-align:center}.spinner{width:18px;height:18px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes check-pop{50%{transform:scale(1.16)}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:950px){.hero{gap:15px}.hero-art{transform:scale(.85);transform-origin:center}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-inner{gap:24px}.site-footer small{display:none}}@media (max-width:650px){.shell{padding-inline:20px}.header-inner{min-height:70px}.brand{font-size:19px}.site-header nav{gap:8px}.nav-link{font-size:11px}.nav-divider,.saved-link span{display:none}.hero{grid-template-columns:1fr;padding-block:40px 25px;gap:0}.hero h1{font-size:44px;margin-block:19px 11px}.hero-description{font-size:12px}.hero-label{font-size:8px;letter-spacing:1.4px}.hero-art{height:0;display:none}.search-box{margin-top:22px}.search-suggestions{gap:10px}.category-row{gap:2px;justify-content:flex-start;padding-block:13px}.category-chip{padding:9px 12px;font-size:11px}.catalog-heading{margin-block:27px 18px}.catalog-heading h2{font-size:19px}.eyebrow{font-size:8px;letter-spacing:1.5px}.sort-switch a{padding:7px 10px}.detail-shell .grid,.grid{grid-template-columns:1fr}.bucket-card h3{font-size:20px}.card-description{min-height:0}.card-main{padding:23px}.card-footer{margin-inline:23px}.request-section{padding-top:35px}.request-inner{grid-template-columns:1fr;padding:25px;gap:22px}.request-inner h2{font-size:22px}.site-footer{flex-wrap:wrap;margin-top:40px;padding-block:25px}.page-intro{padding-top:35px}.page-intro h1{font-size:27px}.detail-card{padding:22px 18px}.detail-heading{gap:10px;flex-wrap:wrap}.detail-heading h1{font-size:23px}.detail-heading .cover-icon{width:45px;height:45px;font-size:24px}.detail-heading-actions{width:100%;justify-content:flex-end;margin-top:-6px}.detail-heading p{font-size:11px}.check-row{font-size:13px;min-height:52px}.add-item .button{padding-inline:12px}.desktop-only{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (forced-colors:active){a,button,input{forced-color-adjust:auto}.check-row input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.check-row input:before{display:none}}.card-actions button[aria-pressed=true]{background:transparent;color:#f7d6d0}.catalog-more{text-align:center;margin-top:28px}.catalog-more-link{display:inline-flex;align-items:center;gap:6px;color:#e2b4bd}@font-face{font-family:notoThai;src:url(/_next/static/media/5729b6f6170fe337-s.p.ttf) format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:notoThai;src:url(/_next/static/media/655ce5d9a7ffe4a0-s.p.ttf) format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:notoThai Fallback;src:local("Arial");ascent-override:99.66%;descent-override:42.27%;line-gap-override:0.00%;size-adjust:106.47%}.__className_823be2{font-family:notoThai,notoThai Fallback}