body{color:#333;background:#f7f7f7;margin:0;font-family:Arial,sans-serif}header{color:#fff;z-index:1000;background:#203647;justify-content:space-between;align-items:center;padding:15px 30px;display:flex;position:sticky;top:0}header h1{margin:0}.logo-container{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-container img{height:40px}nav a{color:#fff;margin:0 10px;text-decoration:none}.btn{color:#000;background:#f7c944;border-radius:6px;padding:10px 16px;font-weight:700;text-decoration:none}.user-menu{position:relative}.user-menu>.btn{cursor:pointer}.user-submenu{z-index:1001;background:#fff;border:1px solid #b6c0c8;border-radius:8px;flex-direction:column;min-width:140px;margin-top:0;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 10px #00000026}.user-menu:hover .user-submenu,.user-menu:focus-within .user-submenu{display:flex}.user-submenu a,.user-submenu button{color:#203647;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;margin:0;padding:10px 12px;font-weight:600;text-decoration:none;display:block}.user-submenu a:hover,.user-submenu button:hover{background:#f3f6f8}.user-avatar-pill{cursor:pointer;color:#fff;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:inherit;display:flex}.user-avatar-circle{color:#fff;background:#4a6fa5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.user-avatar-name{font-size:14px;font-weight:400}.notification-bell{align-items:center;margin-right:20px;display:flex;position:relative}.notification-bell-btn{cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex;position:relative}.notification-bell-btn.notification-bell-highlighted{opacity:1}.notification-bell-btn.notification-bell-quiet{opacity:.7}.notification-bell-badge{color:#fff;background:#e74c3c;border:2px solid #203647;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.notification-bell-dropdown{z-index:1000;background:#fff;border:1px solid #d5e3ee;border-radius:12px;min-width:320px;max-width:400px;max-height:400px;margin-top:8px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.notification-bell-empty{text-align:center;color:#8a9aaa;margin:0;padding:20px;font-size:14px}.notification-bell-row{cursor:pointer;border-bottom:1px solid #f0f2f5;flex-direction:column;gap:4px;padding:12px 16px;transition:background-color .2s;display:flex}.notification-bell-row:last-child{border-bottom:none}.notification-bell-row:hover{background-color:#f8f9fa}.notification-bell-row-unread{background-color:#f0f7ff}.notification-bell-row-album{color:#173042;font-size:13px;font-weight:600}.notification-bell-row-direction{color:#4e6472;font-size:12px}.notification-bell-row-counterpart{color:#8a9aaa;font-size:11px;font-weight:500}.hero{color:#fff;text-align:center;background:linear-gradient(90deg,#203647,#265ca4);padding:80px 20px}.hero h2{margin-bottom:10px;font-size:40px}.features{flex-wrap:wrap;justify-content:center;gap:20px;padding:40px 20px;display:flex}.feature-box{text-align:center;background:#fff;border-radius:10px;width:250px;padding:20px;box-shadow:0 4px 10px #0000001a}.how{text-align:center;background:#eee;padding:50px 20px}.steps{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:20px;display:flex}.step{max-width:200px}.cta{color:#fff;text-align:center;background:#203647;padding:50px 20px}footer{text-align:center;background:#ddd;padding:20px}.btn-reset{cursor:pointer;font:inherit;border:none}.auth-panel{text-align:center;background:#f0f4f8;padding:50px 20px 60px}.auth-panel h2{color:#203647;margin:0 0 4px;font-size:26px}.auth-form{text-align:left;box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:400px;margin:24px auto 0;padding:32px 36px;display:flex;box-shadow:0 4px 24px #0000001a}.auth-form label{color:#374151;flex-direction:column;gap:5px;font-size:14px;font-weight:600;display:flex}.auth-form input:not([type=checkbox]){color:#111827;box-sizing:border-box;background:#fafafa;border:1.5px solid #cbd5e0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s}.auth-form input:not([type=checkbox]):focus{background:#fff;border-color:#265ca4;box-shadow:0 0 0 3px #265ca41f}.auth-form select,.auth-form textarea{color:#111827;box-sizing:border-box;background:#fafafa;border:1.5px solid #cbd5e0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s}.auth-form select:focus,.auth-form textarea:focus{background:#fff;border-color:#265ca4;box-shadow:0 0 0 3px #265ca41f}.auth-form .btn.btn-reset{color:#1a1a1a;background:#f7c944;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.auth-form .btn.btn-reset:hover:not(:disabled){background:#e6b830}.auth-form .btn.btn-reset:active:not(:disabled){transform:scale(.98)}.auth-form .btn.btn-reset:disabled{opacity:.6;cursor:not-allowed}.checkbox-label{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;display:flex}.checkbox-label input[type=checkbox]{accent-color:#265ca4;flex-shrink:0;width:16px;height:16px;margin-top:2px}.auth-h3{color:#374151}.auth-switch{text-align:center;color:#6b7280;margin:0;font-size:13px}.auth-switch a{color:#265ca4;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.panel-note{color:#7a5c00;background:#fff8e6;border:1px solid #f2cc73;border-radius:8px;margin:0;padding:10px 14px;font-size:13px}.status-ok{background:#edfff5;border:1px solid #94d8b8}.status-error{background:#fff0f1;border:1px solid #eb9ca2}.status-warn{background:#fff6dd;border:1px solid #f2cc73}.cta-app-home{color:#173042;background:linear-gradient(#f5f5f5,#eceff2);border-top:1px solid #d8dee4}.cta-app-home .dashboard-intro{color:#556a79}.dashboard-intro{color:#d9e6ef;max-width:760px;margin:0 auto 30px;font-size:18px;line-height:1.5}.dashboard-grid{text-align:left;grid-template-columns:1.4fr 1fr 1fr;align-items:start;gap:24px;max-width:1180px;margin:0 auto;display:grid}.dashboard-grid-two{text-align:left;grid-template-columns:1.4fr 1fr;align-items:start;gap:24px;max-width:1180px;margin:0 auto;display:grid}.dashboard-grid-single{text-align:left;max-width:760px;margin:0 auto}.dashboard-panel{box-sizing:border-box;color:#173042;background:linear-gradient(#eef2f5,#dfe5ea);border:2px solid #c9d1d8;border-radius:28px;height:100%;padding:6px;box-shadow:0 14px 30px #2036471f}.dashboard-panel-primary{background:linear-gradient(#f1f4f7,#e3e8ed)}.dashboard-panel-content{box-sizing:border-box;background:linear-gradient(#fff,#f7f9fb);border-radius:22px;flex-direction:column;gap:20px;min-height:100%;padding:24px;display:flex}.dashboard-panel-content-empty{justify-content:center;min-height:200px}.dashboard-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-panel-header h3,.dashboard-subpanel h4,.collection-card h4,.swap-card h4,.album-update-page h3{margin:0}.dashboard-kicker{letter-spacing:.08em;text-transform:uppercase;color:#265ca4;margin-bottom:8px;font-size:12px;font-weight:800;display:inline-block}.dashboard-copy,.dashboard-subpanel-header p,.collection-card p,.swap-card p,.dashboard-empty{color:#4e6472;margin:0;line-height:1.5}.dashboard-pill{color:#173042;white-space:nowrap;background:#dcecf9;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-pill-live{color:#14633f;background:#dff7ea}.dashboard-pill-soon,.dashboard-pill-duplicate{color:#8a5b00;background:#fff1cf}.dashboard-pill-pending{color:#1c4e9c;background:#e0ecff}.dashboard-pill-committed{color:#5b21b6;background:#f2e6ff}.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-stat-card,.agreed-status-box{background:#ffffffe6;border:1px solid #d5e3ee;border-radius:14px;padding:14px 16px}.dashboard-stat-card strong{color:#173042;font-size:28px;display:block}.dashboard-stat-card span,.swap-label{text-transform:uppercase;letter-spacing:.04em;color:#60798a;font-size:13px;font-weight:700;display:block}.collection-card-list,.swap-list{flex-direction:column;gap:16px;display:flex}.collection-card,.swap-card,.dashboard-subpanel{background:#fffffff0;border:1px solid #d5e3ee;border-radius:18px;padding:18px}.collection-card-top,.swap-card-top,.dashboard-subpanel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.collection-card-title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.collection-card-meta{color:#3f5968;flex-wrap:wrap;gap:10px;margin:12px 0 0;font-size:14px;display:flex}.collection-card-progress{background:#e8ecf1;border-radius:4px;height:8px;margin-top:12px;overflow:hidden}.collection-card-progress-fill{background:#f5c842;border-radius:4px;height:100%;transition:width .3s}.swap-list-single .swap-card{box-shadow:none;background:0 0;border:none;padding:0}.collection-card-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.btn-secondary{color:#173042;background:0 0;border:1px solid #9db5c8}.btn:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.swap-card-columns,.agreed-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.swap-card-agreed{background:linear-gradient(#fff,#f5f9fc)}.album-update-page{text-align:left;flex-direction:column;gap:16px;max-width:900px;margin:0 auto;display:flex}.album-update-header{align-items:center;gap:16px;display:flex}.album-update-section-content{gap:16px}.album-update-card-list{flex-direction:column;gap:0;display:flex}.album-update-card-row{border-bottom:1px solid #e3e9ee;grid-template-columns:minmax(160px,1fr) 100px 110px 100px;align-items:center;gap:16px;padding:12px 0;display:grid}.album-update-card-row:last-child{border-bottom:none}.album-update-card-info{flex-direction:column;flex:1;min-width:160px;display:flex}.album-update-card-code{color:#60798a;font-size:12px;font-weight:700}.album-update-card-error{color:#b3261e;grid-column:1/-1;margin:0;font-size:13px}.album-update-card-badges{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.swap-detail-card-row{border-bottom:1px solid #e3e9ee;align-items:center;padding:12px 0;display:flex}.swap-detail-card-row:last-child{border-bottom:none}.contact-page-section{text-align:center;padding:40px 20px}.contact-page-section h2{margin:0 0 24px}.contact-content-wrapper{max-width:600px;margin:0 auto}.contact-success{background-color:#f0f4f8;border-radius:8px;margin-top:24px;padding:20px}.contact-honeypot{width:1px;height:1px;position:absolute;left:-9999px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-footer{color:#ffffffb3;background:#2b3a4a;padding:56px 24px;font-family:Arial,sans-serif}.site-footer-container{max-width:1200px;margin:0 auto}.site-footer-divider-top{background:#ffffff1f;height:1px;margin-bottom:32px}.site-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px;display:grid}.site-footer-brand{flex-direction:column;gap:16px;display:flex}.site-footer-logo{align-items:center;gap:12px;display:flex}.site-footer-logo img{width:auto;height:40px}.site-footer-wordmark{color:#fff;font-size:16px;font-weight:600}.site-footer-tagline{color:#ffffffb3;margin:0;font-size:14px;line-height:1.5}.site-footer-col{flex-direction:column;gap:16px;display:flex}.site-footer-heading{text-transform:uppercase;letter-spacing:.5px;color:#fff;margin:0;font-size:12px;font-weight:600}.site-footer-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.site-footer-list a{color:#ffffffb3;font-size:14px;text-decoration:none;transition:color .2s}.site-footer-list a:hover{color:#f5c842;text-decoration:underline}.site-footer-list a:visited{color:#ffffffb3}.site-footer-list a:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #f5c842}.site-footer-divider-bottom{background:#ffffff1f;height:1px;margin-bottom:24px}.site-footer-bottom{justify-content:space-between;align-items:center;display:flex}.site-footer-copyright{color:#ffffff80;margin:0;font-size:13px}.site-footer-icon-link{color:#ffffffb3;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:color .2s;display:inline-flex}.site-footer-icon-link:hover{color:#f5c842}.site-footer-icon-link:focus-visible{outline-offset:2px;outline:2px solid #f5c842}.site-footer-icon{fill:currentColor;width:24px;height:24px}.admin-user-form{flex-direction:column;gap:24px;max-width:600px;display:flex}.form-section{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:16px;padding-bottom:20px;display:flex}.form-section h4{color:#374151;margin:0 0 8px;font-size:14px;font-weight:600}.form-section label{flex-direction:column;gap:6px;display:flex}.form-section span{color:#374151;font-size:14px;font-weight:500}.form-section input[type=text]{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:14px}.form-section input[type=text]:focus{border-color:#265ca4;outline:none;box-shadow:0 0 0 3px #265ca41a}.form-section input[type=text]:disabled{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6}.toggle-label{cursor:pointer;align-items:center;gap:8px;font-weight:400;display:flex}.toggle-label input[type=checkbox]{cursor:pointer;accent-color:#265ca4;width:18px;height:18px}.toggle-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.toggle-label span{color:#374151;font-weight:500}.form-note{color:#7a5c00;background:#fff8e6;border:1px solid #f2cc73;border-radius:4px;margin:0;padding:8px 12px;font-size:13px}.form-actions{border-top:1px solid #e5e7eb;gap:12px;padding-top:12px;display:flex}.form-actions button{padding:10px 16px;font-size:14px;font-weight:600}.admin-user-link{color:#265ca4;cursor:pointer;font-weight:inherit;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.admin-user-link:hover,.admin-user-link:active{color:#1e3a8a}.status-ok,.status-error{border-radius:6px;padding:12px 16px}@media (width<=1100px){.dashboard-grid,.dashboard-grid-two{grid-template-columns:1fr}}@media (width<=700px){.dashboard-panel-header,.collection-card-top,.swap-card-top,.dashboard-subpanel-header{flex-direction:column}.dashboard-stat-grid,.swap-card-columns,.agreed-status-grid{grid-template-columns:1fr}.collection-card-actions{flex-direction:column}.album-update-card-row{grid-template-columns:1fr}.site-footer-grid{grid-template-columns:1fr;gap:24px}.site-footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.site-footer-icon-link{align-self:flex-end}}.new-album-page{flex-direction:column;gap:24px;max-width:100%;display:flex}.new-album-back-link{color:#8a8780;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;transition:color .15s}.new-album-back-link:hover{color:#f5c842}.new-album-card{box-sizing:border-box;background:#fff;border:1.5px solid #ddd9d1;border-radius:8px;width:100%;max-width:480px;margin:0 auto;padding:32px 40px}.new-album-card h2{color:#2b3a4a;text-align:left;margin:0 0 8px;font-size:24px}.new-album-subhead{color:#8a8780;margin:0 0 24px;font-size:14px;line-height:1.5}.new-album-form{flex-direction:column;gap:20px;display:flex}.new-album-field{flex-direction:column;gap:8px;display:flex}.new-album-field label{color:#8a8780;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.new-album-select{color:#2b3a4a;box-sizing:border-box;appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%232b3a4a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>") right 10px center/20px no-repeat;border:1.5px solid #c9c6be;border-radius:6px;outline:none;width:100%;padding:12px 36px 12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.new-album-select:focus{border-color:#f5c842;box-shadow:0 0 0 2px #f5c842}.new-album-preview{background:#f9f8f6;border-radius:6px;align-items:center;gap:16px;padding:16px;display:flex}.new-album-preview-thumbnail{background:#e8e5df;border-radius:4px;flex-shrink:0;width:60px;height:80px}.new-album-preview-text{color:#2b3a4a;font-size:14px;font-weight:500}.new-album-error{color:#8b4a4a;background:#f5d9d9;border:1.5px solid #c5a3a3;border-radius:6px;padding:12px 14px;font-size:14px;line-height:1.4}.new-album-submit{color:#2b3a4a;cursor:pointer;background:#f5c842;border:none;border-radius:6px;width:100%;margin-top:8px;padding:12px 16px;font-size:14px;font-weight:700;transition:background .15s}.new-album-submit:hover:not(:disabled){background:#e0b23a}.new-album-submit:disabled{color:#8a8780;cursor:not-allowed;opacity:1;background:#d9d4cc}.collection-card-hero{border-color:#f5c842;box-shadow:0 0 0 2px #f5c8424d}.new-album-empty{text-align:center;padding:40px 20px}.new-album-empty p{color:#8a8780;font-size:14px}@media (width<=600px){.new-album-card{max-width:none;margin:0 20px;padding:24px 20px}.new-album-select,.new-album-submit{min-height:44px;font-size:16px}.new-album-preview{flex-direction:column;align-items:flex-start}.new-album-preview-thumbnail{width:100%}header{flex-wrap:wrap;row-gap:10px}nav{flex-wrap:wrap;justify-content:center}.features,.steps{flex-direction:column;align-items:center}.auth-form{padding:24px 20px}.dashboard-intro{font-size:16px}#signup.cta{padding-bottom:180px}}