:root{color:#20251f;background:#f8f6f0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:24px}nav{align-items:center;gap:10px;display:flex}nav strong{letter-spacing:-.04em;font-size:1.25rem}nav span,footer span{flex:1}button{color:#fff;font:inherit;cursor:pointer;background:#243b30;border:0;border-radius:9px;padding:10px 15px}.secondary,.quiet{color:#243b30;background:#e4e8df}.quiet{padding:2px 10px;font-size:1.4rem}.danger{color:#9b2c21;background:#fff0ee}.hero{justify-content:space-between;align-items:end;padding:52px 0 24px;display:flex}.hero h1{margin:0;font:clamp(2.1rem,6vw,4.6rem)/.95 Georgia,serif}.eyebrow{color:#6b786b;letter-spacing:.12em;font-size:.72rem;font-weight:700}.filters{background:#edf0e9;border-radius:12px;flex-wrap:wrap;gap:10px;padding:15px;display:flex}.filters input{flex:2 230px}input,select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #c7cec3;border-radius:8px;padding:10px}.filters select{width:auto}.filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pills button{color:#243b30;background:#e4e8df;border-radius:99px;padding:8px 12px;font-size:.9rem}.filter-pills button.active{color:#fff;background:#243b30}.check{align-items:center;gap:7px;display:flex}.check input{width:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;margin-top:26px;display:grid}article{cursor:pointer;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #20251f10}.image{color:#697264;background:#dfe4dc;place-items:center;height:210px;display:grid;position:relative}.wear-stars{text-align:center;letter-spacing:2px;color:#f0b34a;text-shadow:0 1px 2px #0006;background:linear-gradient(#0000,#17221b99);padding:16px 8px 6px;font-size:.95rem;position:absolute;bottom:0;left:0;right:0}.wear-stars i{color:#ffffff59;font-style:normal}.image img{object-fit:cover;width:100%;height:100%}article>div:last-child{padding:12px;position:relative}h3{margin:0;font-size:1rem}article p{color:#687067;margin:4px 0 0;font-size:.88rem}article b{color:#c68027;position:absolute;bottom:10px;right:12px}.modal{z-index:3;background:#17221bb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.editor{background:#f8f6f0;border-radius:14px;gap:13px;width:min(680px,100%);max-height:92vh;padding:22px;display:grid;overflow:auto}.editor header,.editor footer,.editor form,.category{justify-content:space-between;align-items:center;gap:10px;margin:0;display:flex}.editor h2{margin:0}.pair{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}label{gap:5px;font-size:.9rem;display:grid}textarea{resize:vertical;min-height:66px}small,.error{color:#a83229}.empty{text-align:center;color:#667064;padding:70px}.login{max-width:390px;padding-top:15vh}.login h1{margin-bottom:0;font:3.5rem Georgia,serif}.login form{gap:14px;margin-top:28px;display:grid}.photo-strip{gap:10px;padding:2px;display:flex;overflow:auto}.photo-card{background:#e4e8df;border-radius:8px;min-width:92px;overflow:hidden}.photo-card img{object-fit:cover;width:92px;height:92px;display:block}.photo-card div{flex-direction:column;gap:2px;padding:4px;font-size:.72rem;display:flex}.photo-card span{color:#8a5b16;font-weight:700}.link{color:#243b30;text-align:left;background:0 0;padding:1px;font-size:.72rem}.danger-text{color:#9b2c21}@media (width<=600px){main{padding:16px}.hero{padding:38px 0 18px}.pair{grid-template-columns:1fr}.filters select{flex:1}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.image{height:180px}nav button{padding:8px}.hero button{white-space:nowrap}}.wide,.rating{grid-column:1/-1}input[aria-invalid=true],textarea[aria-invalid=true]{background:#fff8f7;border-color:#a83229}.rating{border:0;min-width:0;margin:0;padding:0}.rating legend{margin-bottom:5px;padding:0;font-size:.9rem}.rating>div{flex-wrap:wrap;gap:6px;display:flex}.rating label{text-align:center;cursor:pointer;background:#fff;border:1px solid #c7cec3;border-radius:8px;flex:auto;padding:9px 10px;font-size:.85rem;display:block;position:relative}.rating input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.rating label.selected{color:#fff;background:#243b30;border-color:#243b30}.rating label:focus-within{outline-offset:2px;outline:2px solid #c68027}.rating fieldset:disabled label,.rating:disabled label{opacity:.6}.suggestions{flex-wrap:wrap;gap:6px;display:flex}.suggestions button{color:#243b30;background:#e4e8df;border-radius:99px;padding:4px 10px;font-size:.8rem}.pending-files{gap:4px;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.pending-files li{background:#edf0e9;border-radius:8px;justify-content:space-between;gap:10px;padding:6px 10px;display:flex}button:disabled{opacity:.6;cursor:default}.results-bar{color:#586357;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:.9rem;display:flex}.chip{color:#243b30;background:#e4e8df;border-radius:99px;padding:4px 10px;font-size:.85rem}.error{align-items:center;gap:10px;margin:14px 0 0;display:flex}.empty{justify-items:center;gap:14px;display:grid}.empty p{margin:0}.grid.refreshing{opacity:.55;transition:opacity .15s}.skeleton{cursor:default}.skeleton .image{background:linear-gradient(90deg,#dfe4dc,#eef1eb,#dfe4dc) 0 0/200% 100%;animation:1.3s linear infinite shimmer}.skeleton>div:last-child{gap:8px;min-height:58px;display:grid}.skeleton>div:last-child span{background:#e4e8df;border-radius:5px;height:10px}.skeleton>div:last-child span+span{width:55%}@keyframes shimmer{to{background-position:-200% 0}}.toast{color:#fff;z-index:5;background:#20251f;border-radius:10px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:10px 12px 10px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0004}.toast button{color:#243b30;background:#e4e8df;padding:6px 12px}@media (prefers-reduced-motion:reduce){.skeleton .image{animation:none}.grid.refreshing{transition:none}}.photo-card{position:relative}.photo-card[draggable=true]{cursor:grab}.photo-card.dragging{opacity:.45}.photo-card.drop-target{outline-offset:1px;outline:2px solid #c68027}.photo-card .reorder{color:inherit;justify-content:space-between;font-weight:400;display:flex}.photo-card .reorder .link{padding:2px 8px;font-size:1rem;line-height:1}.photo-card .reorder .link:disabled{opacity:.3}.photo-card .new-badge{color:#2f6b3f}.photo-card .upload-overlay{color:#fff;background:#17221bb3;justify-content:center;align-items:center;gap:6px;height:92px;padding:0;position:absolute;top:0;left:0;right:0}.upload-overlay progress{width:70px;height:6px}.upload-overlay b{font-size:.75rem}.hint{color:#687067}.load-more{color:#586357;justify-content:center;align-items:center;gap:12px;padding:26px 0 40px;display:flex}.detail-card{background:#f8f6f0;border-radius:16px;gap:15px;width:min(920px,100%);max-height:94vh;padding:22px;display:grid;overflow:auto}.detail-card header{justify-content:space-between;align-items:start;display:flex}.detail-card h2{margin:0;font:clamp(1.7rem,4vw,2.6rem)/1 Georgia,serif}.detail-photo{background:#dfe4dc;border-radius:10px;justify-content:center;align-items:center;height:min(68vh,650px);min-height:320px;display:flex;position:relative;overflow:hidden}.detail-photo img{box-sizing:border-box;object-fit:contain;object-position:center;image-orientation:from-image;width:100%;height:100%;padding:24px;position:absolute;inset:0}.image img{object-fit:contain;image-orientation:from-image;padding:8px}.carousel{background:#243b30cc;border-radius:50%;width:44px;height:44px;padding:0;font-size:2rem;line-height:1;position:absolute}.carousel.previous{left:16px}.carousel.next{right:16px}.dots{justify-content:center;gap:7px;display:flex}.dots button{background:#bdc8bc;border-radius:50%;width:9px;height:9px;padding:0}.dots button.active{background:#243b30}.detail-meta{flex-wrap:wrap;gap:8px;display:flex}.detail-meta span{background:#e4e8df;border-radius:99px;padding:6px 10px;font-size:.85rem}.detail-notes{color:#586357;margin:0}.detail-card footer{align-items:center;gap:10px;display:flex}.detail-card footer button:first-child{margin-left:auto}@media (width<=600px){.detail-card{padding:14px}.detail-photo{height:58vh;min-height:260px}.detail-photo img{padding:14px}.carousel{width:38px;height:38px}}