:root{--color-bg:#f8f9fa;--color-surface:#fff;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--color-error:#dc2626;--radius:8px;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.6}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.app-logo{align-items:center;text-decoration:none;display:flex}.app-logo-img{width:auto;height:36px}.header-right{align-items:center;gap:1rem;display:flex}.user-email{color:var(--color-text-secondary);font-size:.875rem}.sign-out-btn{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.4rem .75rem;font-size:.875rem}.sign-out-btn:hover{background:var(--color-bg)}.language-selector{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.3rem .5rem;font-size:.875rem}.language-selector-form{align-items:center;gap:.4rem;display:flex}.btn-apply-lang{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-primary,#4f46e5);color:#fff;cursor:pointer;padding:.3rem .6rem;font-size:.8rem}.btn-apply-lang:hover{opacity:.9}.page{max-width:900px;margin:2rem auto;padding:0 1.5rem}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:400px;padding:2.5rem}.login-card h1{margin:0 0 .5rem;font-size:1.5rem}.login-card p{color:var(--color-text-secondary);margin:0 0 1.5rem}.login-card form{flex-direction:column;gap:.75rem;display:flex}.login-card label{font-size:.875rem;font-weight:600}.login-card input{border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem .75rem;font-size:1rem}.login-card input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.login-card button[type=submit]{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;margin-top:.5rem;padding:.7rem;font-size:1rem;font-weight:600}.login-card button[type=submit]:hover{background:var(--color-primary-hover)}.login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.link-button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:.875rem}.error{color:var(--color-error);font-size:.875rem}.info-notice{color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);margin:0 0 1.5rem;padding:.6rem 1rem;font-size:.85rem}.container-list{gap:1rem;padding:0;list-style:none;display:grid}.container-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;justify-content:space-between;align-items:center;padding:1.25rem;text-decoration:none;transition:box-shadow .15s;display:flex}.container-card:hover{box-shadow:0 4px 12px #0000001a}.container-name{font-size:1.1rem;font-weight:600}.container-role{text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-bg);border-radius:4px;padding:.2rem .5rem;font-size:.8rem}.tab-bar{border-bottom:2px solid var(--color-border);gap:0;margin-bottom:1.5rem;display:flex}.tab{color:var(--color-text-secondary);border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.category-group{margin-bottom:.5rem}.browser-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.browser-search{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:280px;padding:.5rem .75rem;font-size:.9rem}.browser-no-results{color:var(--color-text-secondary);font-style:italic}.flip-toggle{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;padding:.4rem .75rem;font-size:.85rem}.flip-toggle[aria-pressed=true]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.categories-list{margin:0;padding:0;list-style:none}.category-header{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600}.category-header:hover{background:var(--color-bg)}.invitations-toggle{margin-bottom:1.5rem}.invitations-toggle-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;color:var(--color-text);align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600;display:inline-flex}.invitations-toggle-btn:hover{background:var(--color-bg)}.invitations-panel{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-top:.75rem;padding:1rem}.invitations-empty{color:var(--color-text-secondary);margin:0;font-size:.9rem}.invitations-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.invitation-card{border:1px solid var(--color-border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.invitation-info{flex-direction:column;gap:.2rem;display:flex}.invitation-container{font-weight:600}.invitation-meta{color:var(--color-text-secondary);font-size:.8rem}.invitation-actions{flex-shrink:0;gap:.5rem;display:flex}.btn-accept{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.btn-accept:hover{background:var(--color-primary-hover)}.btn-accept:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed}.btn-reject{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;padding:.4rem .75rem;font-size:.85rem}.btn-reject:hover{background:var(--color-bg)}.items-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin:0;padding:1rem 0;list-style:none;display:grid}.item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;display:flex}.item-photo{aspect-ratio:3/4;object-fit:cover;border-radius:4px;width:100%}.item-photo-placeholder{aspect-ratio:3/4;background:var(--color-bg);border-radius:4px;justify-content:center;align-items:center;width:100%;font-size:2.5rem;display:flex}.item-name{text-align:center;font-size:.85rem;font-weight:500}.btn-start-set{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.25rem .5rem;font-size:.75rem;text-decoration:none}.btn-start-set:hover{opacity:.85}.empty{color:var(--color-text-secondary);font-style:italic}.sets-tab{padding:1rem 0}.btn-new-set{background:var(--color-primary);color:#fff;border-radius:var(--radius);margin-bottom:1rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-new-set:hover{opacity:.85}.sets-list{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.set-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.set-card-content{cursor:pointer;flex:1;justify-content:space-between;align-items:center;display:flex}.set-card-content:hover{opacity:.7}.btn-delete-set{cursor:pointer;border-radius:var(--radius);opacity:.6;background:0 0;border:none;padding:.25rem .5rem;font-size:1.2rem;transition:opacity .2s}.btn-delete-set:hover{opacity:1}.set-name{font-weight:600}.set-meta{color:var(--color-text-secondary);font-size:.8rem}.set-editor{max-width:1100px;margin:0 auto}.set-editor-layout{grid-template-columns:2fr 1fr;gap:2rem;margin-top:1.5rem;display:grid}@media (width<=768px){.set-editor-layout{grid-template-columns:1fr}}.set-editor-form{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.set-editor-form label{font-size:.85rem;font-weight:600}.set-editor-form input{border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem;font-size:.95rem}.set-grid-avatar{justify-content:center;margin-bottom:1rem;display:flex}.avatar-img{object-fit:cover;border:2px solid var(--color-primary);border-radius:50%;width:64px;height:64px}.set-grid-empty{color:var(--color-text-secondary);text-align:center;border:2px dashed var(--color-border);border-radius:var(--radius);padding:2rem 1rem;font-style:italic}.set-grid{gap:1rem;margin-bottom:1.5rem;display:grid}.set-grid-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:grab;padding:.5rem;transition:box-shadow .15s;position:relative}.set-grid-item:active{cursor:grabbing;box-shadow:0 4px 12px #00000026}.set-grid-photo{aspect-ratio:3/4;object-fit:cover;border-radius:4px;width:100%}.set-grid-placeholder{aspect-ratio:4/3;background:var(--color-bg);text-align:center;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:.25rem;font-size:.8rem;display:flex}.set-grid-item-controls{flex-direction:column;align-items:center;gap:.25rem;margin-top:.5rem;display:flex}.set-grid-item-name{text-align:center;font-size:.75rem;font-weight:500}.set-grid-arrows{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.set-grid-arrows button{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.85rem;display:flex}.set-grid-arrows button:disabled{opacity:.3;cursor:default}.set-grid-arrows button:not(:disabled):hover{background:var(--color-border)}.btn-remove{color:#fff!important;background:#e74c3c!important;border-color:#e74c3c!important}.set-editor-actions{gap:.75rem;display:flex}.btn-save-set{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.5rem 1.25rem;font-weight:600}.btn-save-set:disabled{opacity:.5;cursor:default}.btn-cancel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;padding:.5rem 1.25rem}.set-editor-categories h2{margin-bottom:.5rem;font-size:1.1rem}.set-available-items{flex-direction:column;gap:.5rem;margin-top:.5rem;padding:0;list-style:none;display:flex}.set-available-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);align-items:center;gap:.5rem;padding:.4rem;display:flex}.set-available-photo{object-fit:cover;border-radius:4px;width:40px;height:53px}.set-available-name{flex:1;font-size:.85rem}.btn-add-item{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.25rem .5rem;font-size:.75rem}.btn-add-item:disabled{opacity:.5;cursor:default}.app-footer{border-top:1px solid var(--color-border);background:var(--color-surface);text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:auto;padding:2rem 1.5rem;display:flex}.footer-logo-img{width:auto;height:32px}.footer-copy{color:var(--color-text-secondary);margin:0;font-size:.85rem}.footer-link{color:var(--color-primary);font-size:.85rem;text-decoration:none}.footer-link:hover{text-decoration:underline}.set-saved-confirmation{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 1.5rem;display:flex}.set-saved-confirmation p{margin:0;font-size:1.25rem}