:root{--bg: #fffefc;--fg: #1f2937;--accent: #b7791f}*{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);display:flex;align-items:center;justify-content:center}.app{width:75%;min-width:800px;margin:0 auto;padding:2rem}@media (max-width: 768px){.app{width:100%;min-width:unset;padding:1rem}}h1{color:var(--accent)}.home-root{width:100%}.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.nav-brand{font-weight:700;color:var(--accent)}.nav-links a{margin-left:1rem;color:var(--fg);text-decoration:none}.hero{text-align:center;padding:2rem 0}.hero .lede{color:#374151;margin-top:.5rem}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;border-bottom:1px solid #e6e6e6;background:#fff}.header .brand a{font-weight:700;color:var(--accent);text-decoration:none}.header .brand{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#bf5a2214,#bf5a220a);border-radius:6px;flex:1}.header .brand a{font-size:1.1rem;transition:color .2s ease}.header .brand a:hover{color:#d97706}.header .brand span.lede{color:#6b7280;font-size:.85rem;font-weight:400;line-height:1.4}.header .brand-and-nav{display:flex;align-items:center;gap:1.5rem;flex:1}.header .links{display:flex;gap:0;align-items:center}.header .links a{margin-left:0;padding:.5rem 1rem;color:var(--fg);text-decoration:none;font-weight:500;border-radius:4px;transition:all .2s ease;border-bottom:2px solid transparent}.header .links a:hover{background:#bf5a2214;border-bottom-color:var(--accent);color:var(--accent)}.header .auth-area{display:flex;gap:.75rem;align-items:center;margin-left:2rem}.header .user-greet{color:#374151;font-weight:500}@media (max-width: 768px){.header{flex-direction:column;gap:.75rem;padding:.5rem}.header .brand{width:100%;justify-content:center;padding:.5rem;gap:.5rem}.header .brand a{font-size:1rem}.header .brand span.lede{display:none}.header .brand-and-nav{flex-direction:column;width:100%;gap:.5rem}.header .links{flex-wrap:wrap;justify-content:center;width:100%}.header .links a{padding:.4rem .75rem;font-size:.9rem}.header .auth-area{margin-left:0;width:100%;justify-content:center}.header .user-greet{display:none}}button,.btn-submit,.btn-cancel,.btn-secondary,.btn-login,.btn-logout{font-size:.95rem;padding:.5rem .75rem;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease}.btn-logout{background:transparent;border:1px solid #e11d48;color:#e11d48}.btn-login{border:1px solid var(--accent);color:var(--accent);background:transparent}.profile-dropdown{position:relative;display:flex;align-items:center;gap:.5rem}.profile-toggle{background:transparent;border:none;cursor:pointer;padding:0}.avatar{width:34px;height:34px;border-radius:50%;display:inline-block;object-fit:cover}.profile-info{display:none}.dropdown{position:absolute;right:0;top:44px;background:#fff;border:1px solid #e6e6e6;box-shadow:0 6px 18px #0f172a14;border-radius:6px;min-width:160px;z-index:30}.dropdown-item{display:block;padding:.6rem .9rem;text-decoration:none;color:var(--fg);border-bottom:1px solid #f3f4f6;background:#fff;cursor:pointer;text-align:left}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8fafc}.pw-checklist ul{list-style:none;padding:.25rem 0 0;margin:0}.pw-checklist li{padding:.25rem .5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.pw-checklist li.ok{color:#065f46}.pw-checklist li.bad{color:#b91c1c}.pw-checklist li:before{content:"✖";display:inline-block;width:1rem;text-align:center}.pw-checklist li.ok:before{content:"✔"}.container{width:100%;margin:0 auto;padding:0 1rem}.section{background:#bf5a2208;padding:1rem;border-radius:6px;margin-bottom:1rem}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.placeholder{padding:1.5rem;border:2px dashed #e5e7eb;border-radius:6px;color:#6b7280;text-align:center}@media (max-width: 768px){.container{padding:0 .5rem}.section{padding:.75rem}.two-columns{grid-template-columns:1fr}}.footer{text-align:center;margin-top:2rem;color:#6b7280}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin-top:1rem}.card{background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center}.card-media{font-size:2.5rem;margin-bottom:.5rem;width:100%;aspect-ratio:1 / 2;display:flex;align-items:center;justify-content:center;overflow:hidden;max-height:520px}.card-media img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.card-body{text-align:center}.error{color:#b91c1c}@media (max-width: 1200px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.card{padding:.5rem}.card-media{font-size:2rem}}@media (max-width: 480px){.grid{grid-template-columns:1fr}}.home-latest-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-stats{display:flex;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.home-stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#b7791f14,#b7791f0a);border-radius:8px;border:1px solid rgba(183,121,31,.2)}.home-stat-value{font-size:2.5rem;font-weight:700;color:var(--accent);line-height:1}.home-stat-label{font-size:.9rem;color:#6b7280;margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 1200px){.home-latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.home-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.home-latest-grid{grid-template-columns:1fr}}.controls{display:flex;gap:1.25rem;align-items:flex-start;margin-top:.5rem;flex-wrap:wrap}.sort-area{display:flex;gap:.5rem;align-items:center}.sort-area label{font-weight:600;color:#374151;margin-right:.5rem}.sort-area select{padding:.35rem;border:1px solid #d1d5db;border-radius:4px}.tags-filter{display:flex;gap:.75rem;align-items:flex-start;flex-direction:column}.tags-legend{font-weight:600;color:#374151;margin-bottom:.5rem}.tags-list{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-start;width:100%}.tag-group{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap;margin-bottom:.5rem}.tag-group-header{font-weight:700;color:#b7791f;font-size:.95rem;min-width:1.5rem;padding-top:.25rem}.tag-group-items{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.tag-item{display:flex;gap:.4rem;align-items:center;font-size:.9rem;background:#fff;padding:.25rem .5rem;border-radius:6px;border:1px solid #eef2f6}.tag-item input{width:14px;height:14px}.tag-show-more-btn{padding:.25rem .5rem;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.tag-show-more-btn:hover{background:#d97706}.pill{display:inline-block;background:#f3f4f6;padding:.2rem .45rem;border-radius:999px;margin-right:.35rem;font-size:.8rem;color:#374151}.card-tags{margin-top:.5rem}@media (max-width: 768px){.controls{flex-direction:column;gap:1rem}.sort-area,.tags-filter{flex-direction:column;align-items:flex-start;width:100%}.tags-filter{gap:.5rem}.tags-legend{margin-right:0}.sort-area select{width:100%}}.pagination{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-top:1rem;flex-wrap:wrap}.page-info{color:#6b7280;font-size:.95rem}.page-controls{display:flex;gap:.4rem;align-items:center}.page-btn{font-size:.95rem;padding:.5rem .75rem;border-radius:6px;border:1px solid #e6e6e6;background:#fff;cursor:pointer;transition:all .2s ease}.page-btn[disabled]{opacity:.45;cursor:default}.page-btn.active{background:#111827;color:#fff;border-color:#111827}.page-size{display:flex;gap:.5rem;align-items:center}.page-size select{padding:.3rem;border-radius:4px;border:1px solid #d1d5db}@media (max-width: 768px){.pagination{flex-direction:column;gap:.75rem}.page-info{font-size:.85rem;text-align:center}.page-controls{flex-wrap:wrap;justify-content:center;gap:.3rem}.page-btn{font-size:.85rem;padding:.4rem .6rem}.page-size{width:100%;justify-content:center}.page-size select{width:auto}}.sticker-details{display:flex;gap:1.25rem;align-items:flex-start}.sticker-media{width:360px;flex:0 0 360px;aspect-ratio:1 / 2;max-height:720px;overflow:hidden}.sticker-media img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid #e6e6e6;display:block}.sticker-placeholder{width:360px;aspect-ratio:1 / 2;max-height:720px;display:flex;align-items:center;justify-content:center;border:1px dashed #e6e6e6;border-radius:8px;color:#6b7280}.sticker-info h2{margin-top:0}.sticker-info dl{margin:.5rem 0 0}.sticker-info dt{font-weight:600;color:#374151}.sticker-info dd{margin:0 0 .75rem}.sticker-details-horizontal{flex-direction:column}.sticker-details-horizontal .sticker-media{aspect-ratio:2 / 1;width:100%;max-width:720px;flex:0 0 auto;height:auto}.sticker-collect-btn-area{margin-bottom:1rem}.sticker-collect-btn{margin-right:.5rem}.sticker-submitter-link{color:#007bff;text-decoration:underline}.sticker-tag-edit-label{display:flex;flex-direction:column;font-size:.95rem}.sticker-tag-input{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;margin-top:.25rem}.sticker-tag-preview{margin-top:.5rem}.sticker-tag-preview-label{font-size:.9rem;color:#6b7280;margin-bottom:.25rem}.sticker-tag-preview-tags{margin-bottom:.5rem}.sticker-tag-new{background-color:#fef3c7;color:#92400e}.sticker-tag-actions{margin-top:.5rem;display:flex;gap:.5rem}.sticker-tag-edit-btn{margin-top:.5rem}@media (max-width: 768px){.sticker-details{flex-direction:column;gap:1rem}.sticker-media{width:100%;max-width:360px;flex:none;margin:0 auto}.sticker-placeholder{width:100%;max-width:360px}.sticker-info{width:100%}.sticker-details-horizontal .sticker-media{width:100%;max-width:100%}.sticker-collect-btn{width:100%;margin-right:0;margin-bottom:.5rem}.sticker-tag-input{font-size:16px}.sticker-tag-actions{flex-direction:column}.sticker-tag-actions button{width:100%}}.profile-grid{display:grid;grid-template-columns:260px 1fr;gap:1rem;align-items:start}.profile-stats{background:#bf5a2208;padding:.75rem;border-radius:6px}.profile-stats ul{list-style:none;padding:0;margin:0}.profile-stats li{margin-bottom:.5rem}.profile-main section{margin-bottom:1rem}.showcase-grid{display:flex;gap:.75rem;flex-wrap:wrap}.showcase-grid .card{width:140px}.profile-header{display:flex;justify-content:space-between;align-items:center}.profile-achievements-section{margin-top:2rem}.profile-achievements-list{display:flex;flex-direction:column;gap:.75rem}.profile-achievement-card{padding:.75rem;background:#f9fafb;border-radius:6px;border-left:3px solid var(--accent)}.profile-achievement-title{font-size:.95rem;font-weight:700}.profile-achievement-criteria{font-size:.8rem;color:#6b7280;margin-top:.25rem;font-style:italic}.profile-achievement-date{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.profile-no-achievements{color:#6b7280;font-size:.9rem}.user-member-since{font-size:.85rem}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease;display:flex;align-items:center;gap:.5rem}.collapsible-header:hover{color:var(--accent)}.collapsible-icon{font-size:.85em;display:inline-block;min-width:1rem}.profile-owned-grid{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width: 768px){.profile-grid{grid-template-columns:1fr}.profile-stats{order:1}.profile-main{order:2}.showcase-grid{justify-content:center}.showcase-grid .card{width:calc(50% - .5rem);min-width:120px}.profile-owned-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.profile-owned-grid{grid-template-columns:1fr}}.login-form{display:flex;flex-direction:column;gap:.5rem}.login-form label{display:flex;flex-direction:column;font-size:.95rem}.login-form input{padding:.5rem;border:1px solid #d1d5db;border-radius:4px}.login-form button{background:var(--accent);color:#fff;border:none}.login-form button:hover{background:#d97706}.login-form button:disabled{opacity:.6;cursor:default}.auth-form-main{max-width:560px;margin:1rem auto}.auth-form-error{color:#b91c1c}.auth-form-actions{display:flex;gap:8px;margin-top:12px}@media (max-width: 768px){.login-form input{font-size:16px}.auth-form-main{max-width:100%;margin:.5rem auto}.auth-form-actions{flex-direction:column}.auth-form-actions .btn-submit,.auth-form-actions .btn-cancel,.auth-form-actions .btn-secondary{width:100%;text-align:center}}.btn-submit{background:var(--accent);color:#fff;border:none}.btn-submit:hover{background:#d97706}.btn-submit:disabled{opacity:.6;cursor:default}.btn-cancel{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-cancel:hover{background:#bf5a2214}.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-secondary:hover{background:#bf5a2214}.settings-main{max-width:800px;margin:1rem auto}.settings-section{margin-top:1.5rem}.settings-warning{background:#fff7ed;border:1px solid #fdba74;color:#7c2d12;padding:.75rem;border-radius:6px;margin-bottom:.75rem}.settings-input-help{color:#6b7280;font-size:.85rem}.settings-error{margin-top:.5rem}.settings-success{color:#065f46;margin-top:.5rem}@media (max-width: 768px){.settings-main{max-width:100%;margin:.5rem auto}}.submission-form{display:flex;flex-direction:column;gap:.5rem}.submission-form label{display:flex;flex-direction:column;font-size:.95rem}.submission-form input[type=text],.submission-form input[type=file],.submission-form textarea{padding:.5rem;border:1px solid #d1d5db;border-radius:4px}.submission-form textarea{min-height:96px}.submission-preview-container{margin-top:.5rem}.submission-preview-grid{grid-template-columns:repeat(1,minmax(180px,1fr))}.submission-preview-grid .card-media{aspect-ratio:auto;max-height:none;align-items:flex-start}.submission-preview-grid .card-media img{width:100%;height:auto;max-height:80vh;object-fit:contain}.submission-rotate-controls{margin-top:.5rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn-rotate{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer}.rotation-info{color:#6b7280;font-size:.9rem}.submission-note{margin-top:.5rem;color:#851c1c}.submission-actions{margin-top:.5rem}.submission-pending-count{margin-top:.5rem;color:#6b7280}.submission-file-info{margin-top:.25rem;color:#6b7280;font-size:.9rem}.submission-status-pending{font-size:.85rem;color:#b7791f}.submission-status-approved{font-size:.85rem;color:#065f46}.submission-status-rejected{font-size:.85rem;color:#b91c1c}.submission-meta{font-size:.9rem;color:#6b7280}.submission-card-actions{margin-top:.5rem}.crop-container{position:relative;width:100%;margin-top:.5rem}.crop-area{position:relative;width:100%;height:400px;background:#000}.crop-controls{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.crop-controls label{display:flex;flex-direction:column;gap:.5rem}.crop-controls input[type=range]{width:100%}.crop-actions{display:flex;gap:.5rem}@media (max-width: 768px){.crop-area{height:300px}}@media (max-width: 768px){.submission-form input[type=text],.submission-form input[type=file],.submission-form textarea{font-size:16px}.submission-rotate-controls{justify-content:center}.btn-rotate{padding:.4rem .75rem;font-size:.9rem}}