:root{--pco-color-page:#cbd2d8;--pco-color-card:#9ba5ad;--pco-color-ink:#020617;--pco-color-muted:#64748b;--pco-color-soft:#94a3b8;--pco-color-line:#dbe3ea;--pco-color-surface:#ffffff;--pco-color-surface-glass:rgba(255,255,255,.68);--pco-radius-xs:4px;--pco-radius-sm:6px;--pco-radius-md:8px;--pco-radius-lg:10px;--pco-radius-xl:12px;--pco-shadow-sm:0 4px 12px rgba(100,116,139,.12);--pco-shadow-md:0 18px 48px rgba(100,116,139,.18);--pco-shadow-lg:0 24px 70px rgba(15,23,42,.22);--pco-font-sans:Inter,"Noto Sans JP",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}@keyframes pco-soft-reveal{0%{opacity:0;transform:translateY(8px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes pco-row-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pco-line-reveal{0%{opacity:.66}to{opacity:1}}.pco-header{position:sticky;top:0;z-index:20;animation:pco-soft-reveal .28s cubic-bezier(.16,1,.3,1) both}.pco-header-inner{display:flex;min-height:54px;max-width:1500px;align-items:center;gap:16px;margin:0 auto;padding:20px 20px 12px}.pco-header-logo{display:block;width:390px;max-width:42vw;height:30px;flex-shrink:0;border:0;background:transparent;padding:0;cursor:pointer}.pco-header-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.pco-header-logo span{display:block;overflow:hidden;color:var(--pco-color-ink);font-size:15px;font-weight:950;letter-spacing:.18em;line-height:30px;text-overflow:ellipsis;white-space:nowrap}.pco-header-main{display:flex;min-width:0;flex:1;align-items:center;gap:12px;margin:0}.pco-search-box{position:relative;z-index:3;display:block;width:100%;max-width:520px;flex:1 1 auto}.pco-header-main input{width:100%;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.9);padding:0 46px 0 20px;color:var(--pco-color-ink);font-size:14px;font-weight:900;outline:none;transition:background-color .18s ease,outline-color .18s ease}.pco-header-main input::-webkit-search-cancel-button{display:none}.pco-header-main input::placeholder{color:#94a3b8;font-weight:500}.pco-header-main input:focus{background:white;outline:2px solid rgba(71,85,105,.18);outline-offset:2px}.pco-search-clear{position:absolute;top:50%;right:8px;display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:999px;background:rgba(100,116,139,.12);color:#64748b;font-size:18px;font-weight:900;line-height:1;transform:translateY(-50%);cursor:pointer;transition:background .16s ease,color .16s ease}.pco-search-clear:hover{background:rgba(100,116,139,.22);color:var(--pco-color-ink)}.pco-search-suggestions{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:50;display:grid;max-height:260px;overflow:auto;border-radius:10px;background:rgba(174,184,193,.98);padding:8px}.pco-search-suggestions button{display:flex;width:100%;align-items:center;border:0;border-radius:6px;background:transparent;padding:10px 12px;color:white;font-size:13px;font-weight:950;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.pco-search-suggestions button:hover{background:rgba(255,255,255,.22);color:white}.pco-search-suggestions .pco-tag-hash{margin-right:2px;color:rgba(255,255,255,.52)}.pco-header-main>span{font-size:12px;white-space:nowrap}.pco-header-actions,.pco-header-main>span{flex-shrink:0;color:var(--pco-color-muted);font-weight:950}.pco-header-actions{display:flex;align-items:center;gap:8px;font-size:11px}.pco-header-actions>span:first-child{border-radius:999px;background:rgba(255,255,255,.55);padding:4px 12px}.pco-header-actions button{border:0;border-radius:999px;background:var(--pco-color-ink);padding:4px 12px;color:white;font-size:11px;font-weight:950;cursor:pointer;transition:background .16s ease,transform .16s ease}.pco-header-actions button:hover{background:#1e293b}.pco-header-actions button:disabled{cursor:wait;background:#94a3b8}.pco-header-message{display:block;max-width:260px;overflow:hidden;color:var(--pco-color-muted);text-overflow:ellipsis;white-space:nowrap}.pco-highlight{border-radius:3px;background:rgba(255,255,255,.42);box-shadow:0 0 0 2px rgba(255,255,255,.2);color:inherit;padding:0 2px}.pco-view-toggle{flex-shrink:0;background:rgba(71,85,105,.24);padding:4px}.pco-view-toggle,.pco-view-toggle button{display:flex;align-items:center;border:0;border-radius:999px}.pco-view-toggle button{width:32px;height:32px;justify-content:center;background:transparent;color:rgba(255,255,255,.82);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.pco-view-toggle button:hover{background:rgba(255,255,255,.15)}.pco-view-toggle button.is-active{background:white;color:var(--pco-color-ink)}.pco-view-toggle svg{width:16px;height:16px}.pco-sort-control{display:flex;height:40px;flex-shrink:0;align-items:center;gap:8px;border:0;border-radius:999px;background:rgba(71,85,105,.24);padding:0 8px 0 14px;color:rgba(255,255,255,.82)}.pco-sort-control span{color:rgba(255,255,255,.82);font-size:10px;font-weight:950;letter-spacing:.08em;white-space:nowrap}.pco-sort-control select{height:28px;min-width:94px;border:0;border-radius:999px;background:white;padding:0 28px 0 12px;color:var(--pco-color-ink);font-size:12px;font-weight:950;outline:none;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#020617 0),linear-gradient(135deg,#020617 50%,transparent 0);background-position:calc(100% - 15px) 12px,calc(100% - 10px) 12px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.pco-filter-summary{display:flex;max-width:1500px;align-items:center;justify-content:space-between;gap:16px;margin:0 auto 26px;border:1px solid rgba(255,255,255,.58);background:rgba(255,255,255,.24);padding:14px 18px;color:var(--pco-color-ink);animation:pco-soft-reveal .28s cubic-bezier(.16,1,.3,1) both}.pco-filter-summary div{min-width:0}.pco-filter-summary span{display:block;color:rgba(71,85,105,.78);font-size:10px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.pco-filter-summary strong{display:block;overflow:hidden;margin-top:4px;color:var(--pco-color-ink);font-size:20px;font-weight:950;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.pco-filter-summary small{flex-shrink:0;color:#64748b;font-size:12px;font-weight:950}.pco-filter-summary button{flex-shrink:0;border:1px solid rgba(2,6,23,.1);border-radius:999px;background:rgba(255,255,255,.55);padding:8px 14px;color:var(--pco-color-ink);font-size:12px;font-weight:950;cursor:pointer;transition:background .16s ease,border-color .16s ease}.pco-filter-summary button:hover{border-color:rgba(2,6,23,.28);background:white}.pco-empty{display:flex;min-height:42vh;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.7);border-radius:var(--pco-radius-lg);background:var(--pco-color-surface-glass);padding:24px;text-align:center;color:var(--pco-color-muted);font-size:14px;font-weight:700;line-height:1.7;box-shadow:var(--pco-shadow-md);backdrop-filter:blur(16px);animation:pco-soft-reveal .32s cubic-bezier(.16,1,.3,1) both}.pco-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;max-width:1500px;margin:0 auto;align-items:stretch}.pco-gallery-card{position:relative;display:flex;overflow:visible;width:100%;height:100%;flex-direction:column;border-radius:0;background:var(--pco-color-card);color:inherit;text-align:left;text-decoration:none;box-shadow:var(--pco-shadow-md);animation:pco-row-reveal .34s cubic-bezier(.16,1,.3,1) both;transition:box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.pco-gallery-card:nth-child(2){animation-delay:24ms}.pco-gallery-card:nth-child(3){animation-delay:48ms}.pco-gallery-card:nth-child(4){animation-delay:72ms}.pco-gallery-card:nth-child(5){animation-delay:96ms}.pco-gallery-card:nth-child(6){animation-delay:.12s}.pco-gallery-card:nth-child(7){animation-delay:144ms}.pco-gallery-card:nth-child(8){animation-delay:168ms}.pco-gallery-card:hover{box-shadow:var(--pco-shadow-md)}.pco-gallery-card-main{display:flex;overflow:visible;width:100%;flex:1 1 auto;flex-direction:column;border:0;border-radius:0;background:transparent;padding:0;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.pco-gallery-card-main:last-child{border-radius:0}.pco-focus-corners{position:absolute;inset:-18px;z-index:2;pointer-events:none;opacity:0;transition:inset .24s cubic-bezier(.16,1,.3,1),opacity .18s ease}.pco-focus-corners:after,.pco-focus-corners:before{position:absolute;inset:0;content:"";background:linear-gradient(var(--pco-color-ink),var(--pco-color-ink)) 0 0 /18px 5px no-repeat,linear-gradient(var(--pco-color-ink),var(--pco-color-ink)) 0 0 /5px 18px no-repeat,linear-gradient(var(--pco-color-ink),var(--pco-color-ink)) 100% 0 /18px 5px no-repeat,linear-gradient(var(--pco-color-ink),var(--pco-color-ink)) 100% 0 /5px 18px no-repeat,linear-gradient(var(--pco-color-ink),var(--pco-color-ink)) 0 100% /18px 5px no-repeat,linear-gradient(var(--pco-color-ink),var(--pco-color-ink)) 0 100% /5px 18px no-repeat,linear-gradient(var(--pco-color-ink),var(--pco-color-ink)) 100% 100% /18px 5px no-repeat,linear-gradient(var(--pco-color-ink),var(--pco-color-ink)) 100% 100% /5px 18px no-repeat}.pco-focus-corners:after{filter:blur(10px);opacity:.25}.pco-gallery-card:hover .pco-focus-corners{inset:-5px;opacity:1}.pco-card-thumb{display:flex;aspect-ratio:1.45/1;align-items:center;justify-content:center;background:var(--pco-color-card);padding:38px 38px 20px}.pco-card-thumb img{display:block;width:auto;height:auto;max-width:86%;max-height:72%;object-fit:contain;box-shadow:0 18px 34px rgba(51,65,85,.35);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease}.pco-card-thumb img.is-landscape{max-width:88%;max-height:68%}.pco-card-thumb img.is-portrait{max-width:58%;max-height:clamp(124px,8.2vw,154px)}.pco-card-thumb img.is-square{max-width:68%;max-height:68%}.pco-gallery-card:hover .pco-card-thumb img{transform:scale(1.03)}.pco-card-thumb span{color:rgba(255,255,255,.72);font-size:12px;font-weight:900}.pco-card-meta{display:grid;gap:4px;min-height:94px;background:var(--pco-color-card);padding:4px 20px 8px}.pco-gallery-card-main:last-child .pco-card-meta{padding-bottom:20px;border-radius:0}.pco-card-meta small,.pco-card-meta span,.pco-card-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pco-card-meta strong{color:white;font-size:18px;font-weight:950;line-height:1.25}.pco-card-meta span{color:rgba(255,255,255,.86);font-size:14px;font-weight:900}.pco-card-meta small{color:rgba(255,255,255,.74);font-size:12px;font-weight:700}.pco-card-tags{display:flex;flex-wrap:wrap;gap:6px}.pco-card-tags.is-gallery{min-height:42px;border-radius:0;background:var(--pco-color-card);padding:0 20px 18px}.pco-card-tags.is-gallery.is-empty{visibility:hidden}.pco-card-tags.is-list{padding:0 24px 18px}.pco-card-tags.is-detail{margin-top:24px}.pco-card-tags>button,.pco-card-tags>span{border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.1);padding:4px 8px;color:rgba(255,255,255,.82);font-size:11px;font-style:normal;font-weight:950;line-height:1.1;text-decoration:none}.pco-card-tags button{cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.pco-card-tags button:hover{border-color:rgba(255,255,255,.86);background:rgba(255,255,255,.28);color:white;transform:translateY(-1px)}.pco-card-tags.is-list>button,.pco-card-tags.is-list>span{border-color:rgba(2,6,23,.08);background:rgba(255,255,255,.62);color:#475569}.pco-card-tags.is-list button:hover{border-color:#020617;background:white;color:#020617;transform:translateY(-1px)}.pco-card-tags.is-detail>button,.pco-card-tags.is-detail>span{border-color:rgba(2,6,23,.1);background:#020617;color:white}.pco-card-tags .pco-tag-hash{margin-right:1px;color:rgba(255,255,255,.46)}.pco-card-tags button:hover .pco-tag-hash{color:rgba(255,255,255,.72)}.pco-card-tags.is-list .pco-tag-hash{color:rgba(71,85,105,.45)}.pco-card-tags.is-list button:hover .pco-tag-hash{color:rgba(2,6,23,.55)}.pco-card-tags.is-detail .pco-tag-hash{color:rgba(255,255,255,.5)}.pco-card-tags.is-detail button:hover .pco-tag-hash{color:rgba(255,255,255,.74)}.pco-list-layout{display:grid;gap:28px;max-width:1500px;margin:0 auto;grid-template-columns:minmax(380px,.9fr) minmax(480px,1.1fr)}.pco-list-pane{overflow:hidden;border-radius:var(--pco-radius-lg);background:rgba(255,255,255,.42);box-shadow:var(--pco-shadow-md);backdrop-filter:blur(16px);animation:pco-soft-reveal .32s cubic-bezier(.16,1,.3,1) both}.pco-list-row{width:100%;border-bottom:1px solid rgba(255,255,255,.55);background:transparent;animation:pco-row-reveal .28s cubic-bezier(.16,1,.3,1) both;transition:background .18s ease,border-color .18s ease}.pco-list-row:nth-child(2){animation-delay:18ms}.pco-list-row:nth-child(3){animation-delay:36ms}.pco-list-row:nth-child(4){animation-delay:54ms}.pco-list-row:nth-child(5){animation-delay:72ms}.pco-list-row:nth-child(6){animation-delay:90ms}.pco-list-row:nth-child(7){animation-delay:108ms}.pco-list-row:nth-child(8){animation-delay:126ms}.pco-list-row:last-child{border-bottom:0}.pco-list-row:hover{background:rgba(255,255,255,.45)}.pco-list-row.is-active{background:rgba(255,255,255,.7)}.pco-list-row-main{display:flex;width:100%;align-items:center;gap:20px;border:0;background:transparent;padding:20px 24px 10px;color:inherit;text-align:left;cursor:pointer}.pco-list-copy{min-width:0;flex:1}.pco-list-name{display:flex;min-width:0;align-items:center;gap:8px}.pco-list-name strong{color:#020617;font-size:18px;font-weight:950}.pco-list-copy span,.pco-list-name strong{overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.pco-list-copy span{display:block;margin-top:5px;color:#64748b;font-size:14px;font-weight:800}.pco-list-thumb{display:flex;width:128px;height:80px;flex-shrink:0;align-items:center;justify-content:center;border-radius:3px;background:rgba(255,255,255,.35)}.pco-list-thumb img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 16px rgba(100,116,139,.22);transition:transform .2s ease}.pco-list-row:hover .pco-list-thumb img{transform:scale(1.03)}.pco-list-thumb span{color:#94a3b8;font-size:10px;font-weight:900}.pco-detail-panel{position:sticky;top:86px;align-self:start}.pco-detail-image{padding:4px 16px 32px;animation:pco-soft-reveal .34s cubic-bezier(.16,1,.3,1) both}.pco-detail-image>div{display:flex;max-width:540px;min-height:176px;align-items:center;justify-content:center;margin:0 auto}.pco-detail-image img{display:block;max-width:100%;max-height:260px;border-radius:6px;object-fit:contain;box-shadow:0 24px 60px rgba(71,85,105,.28)}.pco-detail-image span{display:grid;width:100%;height:176px;max-width:540px;place-items:center;border-radius:6px;background:rgba(255,255,255,.45);color:#64748b;font-size:12px;font-weight:900;box-shadow:0 18px 42px rgba(100,116,139,.1)}.pco-detail-card{border-radius:var(--pco-radius-lg);background:rgba(238,241,243,.92);padding:30px 36px;box-shadow:var(--pco-shadow-md);backdrop-filter:blur(16px);animation:pco-soft-reveal .34s cubic-bezier(.16,1,.3,1) 40ms both;transition:background-color .2s ease,box-shadow .2s ease}.pco-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:30px}.pco-eyebrow{margin-bottom:8px;color:#94a3b8;font-size:12px;font-weight:950;letter-spacing:.28em;text-transform:uppercase}.pco-detail-head h2{overflow:hidden;margin:0;color:#020617;font-size:30px;font-weight:950;line-height:1.16;text-overflow:ellipsis;white-space:nowrap}.pco-detail-head p{margin:12px 0 0;color:#334155;font-size:14px;font-weight:950;line-height:1.7}.pco-detail-head a,.pco-detail-head button{flex-shrink:0;border:0;border-radius:999px;background:#020617;padding:10px 16px;color:white;font-size:12px;font-weight:950;text-decoration:none;cursor:pointer;transition:background .16s ease,transform .16s ease}.pco-detail-head a:hover,.pco-detail-head button:hover{background:#1e293b}.pco-section-label{margin-bottom:4px;color:#94a3b8;font-size:12px;font-weight:950}.pco-context-label{margin-top:28px}.pco-detail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.pco-detail-fields>div{border-bottom:1px solid #dbe3ea;padding:12px 0;animation:pco-line-reveal .34s ease both;transition:border-color .2s ease,background-color .2s ease}.pco-detail-fields>div.is-wide{grid-column:1/-1}.pco-detail-fields small{display:block;color:#94a3b8;font-size:11px;font-weight:950}.pco-detail-fields span{display:block;margin-top:4px;color:#020617;font-size:14px;font-weight:900;line-height:1.6;overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.pco-detail-card,.pco-detail-fields>div,.pco-detail-image,.pco-empty,.pco-gallery-card,.pco-header,.pco-list-pane,.pco-list-row{animation:none}.pco-card-tags button,.pco-card-thumb img,.pco-detail-card,.pco-detail-fields>div,.pco-focus-corners,.pco-gallery-card,.pco-header-main input,.pco-list-row,.pco-list-thumb img,.pco-sort-control select,.pco-view-toggle button{transition:none}}@media (max-width:1080px){.pco-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pco-list-layout{grid-template-columns:1fr}.pco-detail-panel{display:none}}@media (max-width:760px){.pco-header-inner{align-items:stretch;flex-direction:column;gap:12px}.pco-header-logo{max-width:100%}.pco-header-main{flex-wrap:wrap}.pco-search-box{max-width:none}.pco-sort-control{flex:1 1 170px}.pco-sort-control select{flex:1}.pco-header-actions{flex-wrap:wrap}.pco-filter-summary{align-items:flex-start;flex-direction:column;margin-bottom:20px}.pco-filter-summary strong{font-size:18px}.pco-gallery-grid{grid-template-columns:1fr;gap:24px}.pco-card-thumb{padding:42px 42px 22px}.pco-card-thumb img.is-portrait{max-width:54%;max-height:clamp(144px,36vw,184px)}.pco-list-row-main{padding:18px 18px 10px}.pco-card-tags.is-list{padding:0 18px 16px}.pco-list-thumb{width:104px;height:68px}.pco-detail-card{padding:26px}.pco-detail-fields{grid-template-columns:1fr}}:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--pco-color-page,#cbd2d8);color:var(--pco-color-ink,#020617);font-family:var(--pco-font-sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login section{width:min(420px,100%);padding:32px;border-radius:10px;background:rgba(255,255,255,.72);box-shadow:0 24px 70px rgba(15,23,42,.22);backdrop-filter:blur(18px)}.login h1{margin:0 0 12px;font-size:24px;letter-spacing:.08em}.login p{color:#475569;line-height:1.7}.login button{width:100%;border:0;border-radius:999px;background:#020617;color:white;font-weight:900;padding:14px 18px;cursor:pointer}.page{padding:20px clamp(18px,4vw,56px) 64px}.detail,.page{min-height:100vh}.detail{padding:20px clamp(18px,6vw,96px) 56px;background:#cbd2d8}.detail-main{max-width:920px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pill{border:0;border-radius:999px;background:rgba(255,255,255,.75);padding:10px 16px;font-weight:900}.hero{display:grid;place-items:center;margin-bottom:26px}.hero-card{max-width:min(560px,100%);max-height:58vh;border-radius:6px;box-shadow:0 22px 55px rgba(71,85,105,.35)}.info{border-radius:10px;background:rgba(238,241,243,.92);padding:30px;box-shadow:0 24px 60px rgba(100,116,139,.18)}.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kv div{border-bottom:1px solid #dbe3ea;padding-bottom:10px}.kv small{display:block;color:#94a3b8;font-weight:900}.kv span{font-weight:900;color:#0f172a}@media (max-width:760px){.kv{grid-template-columns:1fr}}