:root{--bg:#f7f7f2;--surface:#fff;--ink:#242720;--muted:#72756b;--line:#dddfd6;--soft:#eeefe8;--accent:#eb5b2c;--accent-soft:#fceee6;--shadow:0 10px 32px #25292009;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}button{border:0;background:transparent}a:hover{color:var(--accent)}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.header{height:105px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:25px;letter-spacing:-1.1px;font-weight:800}.brand-light{font-weight:400}.brand-dot{color:var(--accent)}.brand-mark{font-family:monospace;background:var(--accent);color:white;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:21px;letter-spacing:-3px;padding-right:3px}.header nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:600}.nav-current{color:var(--accent)}.theme-btn{border:1px solid var(--line);height:33px;width:33px;border-radius:50%;font-size:20px}.hero{padding:52px 0 40px}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:1.7px;display:flex;align-items:center;gap:9px;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#65826b;flex:none}.eyebrow-tail{color:#a2a59b;margin-left:6px}.hero-line{display:flex;justify-content:space-between;align-items:center;margin:23px 0 32px}.hero h1{font-size:clamp(38px,5.2vw,66px);line-height:1.32;letter-spacing:-2.7px;margin:0;font-weight:800}.hero h1>span:first-child{color:var(--accent)}.period{color:var(--accent)}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin:20px 0 0}.hero-symbol{width:330px;height:225px;position:relative;display:grid;place-items:center;margin-right:45px}.orbit{position:absolute;border:1px solid var(--line);width:264px;height:180px;border-radius:50%;transform:rotate(-32deg)}.orbit-two{transform:rotate(35deg);width:300px;height:185px}.terminal-art{width:228px;height:140px;background:#272d28;color:#f5f6ee;border:1px solid #51574a;border-radius:9px;transform:rotate(-7deg);box-shadow:12px 18px 0 #e5e6dc}.terminal-top{height:34px;border-bottom:1px solid #ffffff1a;display:flex;gap:5px;align-items:center;padding:0 13px}.terminal-top i{display:block;width:5px;height:5px;background:#7c8479;border-radius:50%}.terminal-top i:first-child{background:var(--accent)}.terminal-top span{font:8px monospace;letter-spacing:1px;margin-left:auto;color:#a6ae9f}.terminal-code{padding:16px;font:17px/1.7 monospace;letter-spacing:-.5px}.terminal-code span{color:#8c9a87}.terminal-code em{font-style:normal;color:#ee7748}.symbol-tag{position:absolute;bottom:0;font:8px monospace;letter-spacing:1.5px;color:#9a9e91}.search-form{display:flex;align-items:center;height:76px;background:var(--surface);border:1px solid #c8cec0;border-radius:12px;padding:10px 12px 10px 25px;gap:18px;box-shadow:var(--shadow)}.search-form:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-icon{width:18px;height:18px;flex:none;display:block;border:2px solid var(--muted);border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;height:7px;width:2px;background:var(--muted);transform:rotate(-45deg);right:-4px;bottom:-5px}.search-form input{font-size:16px;min-width:0;flex:1;width:100%;border:0;background:transparent;color:var(--ink);outline:0;height:100%}.search-form input::placeholder{color:#96998d}.shortcut{font:12px monospace;border:1px solid var(--line);border-radius:5px;padding:5px 8px;color:var(--muted)}.search-submit{background:var(--accent);color:#fff;padding:16px 26px;border-radius:7px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:22px}.search-submit:hover{background:#cb4620}.search-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted);margin-top:14px}.example{padding:3px 0;border-bottom:1px dotted var(--line);font-size:11px;color:var(--muted)}.example:hover{color:var(--accent)}.source-pill{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px}.catalog{scroll-margin-top:30px}.catalog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.catalog-tabs{display:flex;gap:25px;align-self:stretch}.catalog-tabs button{padding:15px 0 18px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;gap:9px;align-items:center}.catalog-tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.catalog-tabs button span{font:10px monospace;background:var(--soft);color:var(--muted);padding:3px 6px;border-radius:4px}.catalog-tabs button.active span{background:var(--accent-soft);color:var(--accent)}.snapshot{font-size:10px;color:var(--muted)}.filters{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 20px}.categories{display:flex;gap:7px;flex-wrap:wrap}.category{font-size:11px;padding:8px 15px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.category.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.category:not(.active):hover{border-color:var(--accent);color:var(--accent)}.sort-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:10px;white-space:nowrap}.sort-label select{color:var(--ink);border:0;background:transparent;font-size:11px;padding:5px}.result-meta{display:flex;justify-content:space-between;align-items:center;padding:0 0 13px}.result-meta p{font-size:11px;color:var(--muted);margin:0}.result-meta p strong{color:var(--ink);font-family:monospace;font-size:13px}.copy-mode{display:flex;gap:4px;align-items:center;font-size:10px;color:var(--muted)}.copy-mode>span{margin-right:5px}.copy-mode button{font-size:10px;padding:5px 10px;border:1px solid transparent;border-radius:4px}.copy-mode button.active{color:var(--ink);background:var(--surface);border-color:var(--line)}.table-head,.package-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) 170px;align-items:center;gap:22px}.table-head{background:var(--soft);font-size:9px;color:var(--muted);letter-spacing:.9px;padding:12px 19px;border-radius:7px 7px 0 0;border:1px solid var(--line)}.table-head span:last-child{text-align:right;padding-right:8px}.results{border:1px solid var(--line);border-top:0;background:var(--surface)}.package-row{padding:19px;min-height:90px;border-bottom:1px solid var(--line)}.package-row:last-child{border-bottom:0}.package-row:hover{background:var(--bg)}.app-info{display:flex;gap:13px;align-items:center;min-width:0}.app-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;flex:none;font-size:18px;font-weight:700;letter-spacing:-1px;border:1px solid #00000008}.app-name{font-size:13px;font-weight:700;margin:0 0 6px;line-height:1.4;overflow-wrap:anywhere}.namespace{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.id-block{min-width:0}.id-value{font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-block;line-height:1.6;overflow-wrap:anywhere;color:var(--ink)}.package-label{display:block;margin-top:4px;font:8px monospace;color:var(--muted);letter-spacing:1px}.row-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end}.copy-button{background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:9px 11px;font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap}.copy-button:hover{background:var(--accent-soft);color:var(--accent);border-color:#ec5b2a55}.copy-button svg{width:13px;height:13px}.save-button,.manifest-button{width:28px;height:30px;display:grid;place-items:center;color:var(--muted);font-size:20px}.save-button[aria-pressed=true]{color:var(--accent)}.manifest-button{font-size:17px}.table-bottom{padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.table-bottom p{font:10px monospace;color:var(--muted);margin:0}.load-more{border:1px solid var(--line);border-radius:5px;font-size:11px;background:var(--surface);padding:9px 18px;display:flex;gap:20px;align-items:center}.load-more:hover{border-color:var(--accent);color:var(--accent)}[hidden]{display:none!important}.table-note{font:9px monospace;letter-spacing:1px;color:var(--muted)}.catalog-note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;color:var(--muted);font-size:10px;line-height:1.8}.catalog-note>span{font-size:14px}.catalog-note p{margin:0;max-width:820px}.catalog-note a{white-space:nowrap;margin-left:auto;text-decoration:underline;text-underline-offset:3px}.how-to{margin:80px 0 60px;padding-top:38px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:45px}.how-heading h2{font-size:26px;letter-spacing:-1px;margin:13px 0}.how-heading p{color:var(--muted);font-size:11px;line-height:1.9}.how-heading a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;margin:0;padding:5px 0}.step-number{font:13px monospace;color:var(--accent);display:block;margin-bottom:25px}.steps h3{font-size:13px;margin:0 0 12px}.steps p{font-size:10px;line-height:1.9;color:var(--muted);margin:0}.steps code{font-size:10px;color:var(--ink)}.footer{border-top:1px solid var(--line);padding:25px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-size:18px}.footer>span{font:10px monospace;color:var(--muted)}.footer p{font-size:9px;color:var(--muted);margin:0}.empty{padding:65px 20px;text-align:center}.empty-icon{font-size:30px;color:var(--accent)}.empty h2{font-size:18px;margin:15px 0 9px}.empty p{font-size:12px;color:var(--muted);line-height:1.9}.empty button{margin-top:12px;border:1px solid var(--line);padding:10px 18px;border-radius:5px;background:var(--bg);font-size:12px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 22px;max-width:calc(100% - 30px);background:var(--ink);color:var(--bg);border-radius:8px;font-size:12px;box-shadow:0 8px 25px #0002;z-index:10}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:10px;left:10px;background:var(--surface);padding:10px;z-index:20}dialog{max-width:500px;width:calc(100% - 32px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:25px}dialog::backdrop{background:#0005}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:18px}.dialog-head button{font-size:24px}dialog p{font-size:12px;line-height:1.8;color:var(--muted)}dialog textarea{width:100%;resize:vertical;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px;font:12px/1.7 monospace;margin-bottom:15px}:root[data-theme=dark]{--bg:#191d19;--surface:#222722;--ink:#eff1e9;--muted:#a1a99b;--line:#394136;--soft:#2b322b;--accent:#ff8958;--accent-soft:#493228;--shadow:0 10px 32px #0002;color-scheme:dark}[data-theme=dark] .terminal-art{box-shadow:12px 18px 0 #30382d}[data-theme=dark] .search-submit{color:#1f221a}[data-theme=dark] .search-submit:hover{background:#ec7747}[data-theme=dark] .app-icon{filter:brightness(.8)}
@media(min-width:1500px){.hero h1{font-size:70px}.hero{padding-top:64px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero-symbol{margin-right:0;width:250px;transform:scale(.88)}.table-head,.package-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 160px;gap:15px}.how-to{grid-template-columns:1fr;gap:30px}.how-heading p br{display:none}.steps{gap:20px}.step-number{margin-bottom:16px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header{height:76px}.brand{font-size:21px}.brand-mark{width:29px;height:29px;font-size:18px}.header nav{gap:17px;font-size:11px}.nav-current{display:none}.hero{padding:32px 0}.eyebrow{font-size:9px;letter-spacing:1px}.eyebrow-tail{display:none}.hero-line{margin:24px 0 26px}.hero h1{font-size:41px;letter-spacing:-2px}.hero-description{font-size:12px;margin-top:16px}.hero-symbol{display:none}.search-form{height:65px;padding:8px 8px 8px 17px;gap:13px}.search-form input{font-size:12px}.shortcut{display:none}.search-submit{font-size:12px;padding:14px 17px;gap:9px}.search-meta{gap:12px;flex-wrap:wrap;font-size:10px}.source-pill{margin-left:0;flex-basis:100%;margin-top:4px}.catalog-top{align-items:flex-start;gap:10px;flex-wrap:wrap;padding-bottom:8px}.catalog-tabs{gap:20px}.catalog-tabs button{font-size:11px;padding:10px 0}.snapshot{font-size:9px;padding:6px 0;width:100%}.filters{padding:16px 0;align-items:flex-start;flex-wrap:wrap;gap:11px}.categories{gap:5px}.category{padding:7px 9px;font-size:10px}.sort-label{margin-left:auto}.result-meta{gap:10px}.copy-mode{font-size:9px}.table-head{display:none}.results{border-top:1px solid var(--line);border-radius:7px}.package-row{grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:16px;position:relative}.app-info{grid-column:1;grid-row:1}.app-icon{width:37px;height:37px;border-radius:8px;font-size:16px}.app-name{font-size:12px;margin-bottom:4px}.namespace{font-size:9px}.id-block{grid-column:1/-1;grid-row:2;padding-left:50px;padding-right:5px}.id-value{font-size:11px}.package-label{display:none}.row-actions{grid-column:2;grid-row:1;gap:3px}.copy-button{font-size:9px;padding:8px}.save-button,.manifest-button{width:23px}.table-note{display:none}.table-bottom{padding:14px 0}.table-bottom p{font-size:9px}.catalog-note{flex-wrap:wrap;font-size:9px}.catalog-note p{flex:1}.catalog-note a{margin-left:24px}.how-to{margin-top:50px;padding-top:30px;margin-bottom:35px}.how-heading h2{font-size:24px}.steps{grid-template-columns:1fr;gap:24px}.steps li{position:relative;padding-left:40px}.step-number{position:absolute;left:0;top:2px;font-size:12px}.steps h3{margin-bottom:7px}.steps p br{display:none}.steps p{font-size:11px}.footer{flex-wrap:wrap;gap:15px;padding-bottom:25px}.footer>span{margin-left:auto;font-size:9px}.footer p{width:100%;font-size:9px}.empty{padding:45px 20px}.empty h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.footer-credit{display:block;margin-bottom:7px;color:var(--ink);font-size:10px;letter-spacing:.2px}

.config-builder{border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:22px 24px;margin:0 0 30px}.config-builder-head{display:flex;justify-content:space-between;align-items:center;gap:22px}.config-eyebrow{font:9px monospace;letter-spacing:1.3px;color:var(--accent)}.config-builder h2{font-size:17px;margin:8px 0 9px;letter-spacing:-.4px}.config-builder-head p{font-size:10px;color:var(--muted);margin:0;line-height:1.8}.config-buttons{display:flex;gap:8px;align-items:center;flex:none}.config-primary,.config-secondary{font-size:11px;padding:12px 16px;border:1px solid var(--line);border-radius:6px;white-space:nowrap}.config-primary{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600}.config-primary:not(:disabled):hover{background:var(--accent);border-color:var(--accent);color:#fff}.config-secondary{background:var(--surface)}.config-secondary:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.config-builder button:disabled{cursor:default;opacity:.4}.selection-toolbar{display:flex;align-items:center;gap:17px;margin-top:18px;flex-wrap:wrap}.selection-toolbar p{font:11px monospace;margin:0;color:var(--accent)}.selection-toolbar button{font-size:10px;color:var(--muted);padding:2px 0;text-decoration:underline;text-underline-offset:4px}.selection-toolbar button:not(:disabled):hover{color:var(--accent)}.selection-toolbar button:last-child{margin-left:auto}.selected-packages{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px;max-height:145px;overflow:auto}.selection-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 9px;background:var(--surface);border:1px solid var(--line);border-radius:5px;font-size:10px;overflow-wrap:anywhere;min-width:0}.selection-chip button{font-size:16px;color:var(--muted);line-height:1;padding:0 2px;flex:none}.config-error{font-size:11px;line-height:1.8;margin:13px 0 0;color:var(--accent)}.package-check{width:16px;height:16px;flex:none;accent-color:var(--accent);cursor:pointer;margin:0 2px 0 0}.package-check:disabled{cursor:not-allowed}.package-row.is-selected{background:var(--accent-soft)}.config-dialog{max-width:720px}.config-dialog #config-yaml{height:330px;min-height:160px;margin-top:10px;tab-size:2;white-space:pre;overflow:auto}.config-dialog-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center}.config-dialog-bottom>span{font:10px monospace;color:var(--muted)}.config-dialog .config-dialog-help{font-size:10px;margin-bottom:0}.config-dialog-help a{text-decoration:underline;text-underline-offset:3px}.config-dialog .explorer-export-note{background:var(--accent-soft);border-radius:6px;padding:11px 14px;color:var(--ink);font-size:11px;line-height:1.8}
@media(max-width:700px){.config-builder{padding:18px 16px;margin-bottom:25px}.config-builder-head{align-items:flex-start;flex-direction:column;gap:15px}.config-builder h2{font-size:16px}.config-buttons{width:100%;flex-wrap:wrap}.config-builder .config-buttons button{flex:1}.config-primary,.config-secondary{padding:11px 12px;font-size:10px}.selection-toolbar{gap:13px;margin-top:16px}.selection-toolbar p{font-size:10px}.selection-toolbar button{font-size:9px}.selection-toolbar button:last-child{margin-left:0}.selected-packages{max-height:135px}.package-check{width:16px;height:16px}.app-info{gap:9px}.package-row .id-block{padding-left:72px}.config-dialog{padding:20px}.config-dialog .dialog-head h2{font-size:15px}.config-dialog-bottom{align-items:flex-start;flex-direction:column;gap:13px}.config-dialog-bottom .config-buttons button{flex:1}.config-dialog #config-yaml{height:280px;font-size:11px}}

.creator-profile{border-top:1px solid var(--line);padding:35px 0 40px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:center}.creator-info{display:flex;gap:23px;align-items:flex-start}.creator-avatar{width:78px;height:78px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid var(--accent);border-radius:18px;font-size:40px;font-weight:800;letter-spacing:-3px;color:var(--ink);margin-top:5px}.creator-avatar span{color:var(--accent)}.creator-eyebrow{display:block;font:9px monospace;letter-spacing:1.5px;color:var(--muted)}.creator-details h2{font-size:28px;letter-spacing:-1px;margin:9px 0 6px}.creator-dot{color:var(--accent)}.creator-role{font:10px monospace;letter-spacing:.3px;color:var(--muted);margin:0}.creator-description{font-size:11px;color:var(--muted);line-height:1.9;margin:13px 0 16px}.creator-socials{display:flex;gap:8px;flex-wrap:wrap}.creator-socials a{display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.creator-socials a:hover{border-color:var(--accent);color:var(--accent)}.creator-socials svg{width:15px;height:15px;flex:none}.creator-socials .social-arrow{font-size:11px;margin-left:6px;color:var(--muted)}.creator-project{display:block;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:22px}.creator-project:hover{border-color:var(--accent)}.creator-project-title{display:flex;align-items:center;gap:10px;margin-top:13px}.creator-project-title svg{width:21px;height:21px;flex:none}.creator-project-title h3{margin:0;font-size:18px;letter-spacing:-.4px}.creator-project-title>span{margin-left:auto;color:var(--accent);font-size:21px}.creator-project p{font-size:11px;color:var(--muted);line-height:1.9;margin:13px 0}.creator-project-url{font:9px monospace;color:var(--muted);overflow-wrap:anywhere;display:block}
@media(max-width:850px){.creator-profile{gap:24px}.creator-info{gap:17px}.creator-avatar{width:60px;height:60px;font-size:32px;border-radius:14px}.creator-description{font-size:10px}.creator-socials{gap:6px}.creator-socials a{padding:8px 10px;font-size:10px}.creator-socials .social-arrow{margin-left:1px}.creator-project{padding:19px}}@media(max-width:700px){.creator-profile{grid-template-columns:1fr;padding:28px 0 30px;gap:25px}.creator-details h2{font-size:25px}.creator-avatar{width:54px;height:54px;font-size:30px;border-radius:12px;margin-top:7px}.creator-info{gap:15px}.creator-description{font-size:10px;margin-top:12px}.creator-socials a{padding:9px 10px}.creator-project-title h3{font-size:17px}.creator-project p{font-size:11px}}
