.wishboard-container{padding-top:120px;min-height:70vh;max-width:1400px;margin:0 auto;padding-left:64px;padding-right:64px}.wishboard-header{margin-bottom:48px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.wishboard-header h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:8px;font-family:Outfit,sans-serif;letter-spacing:-.02em}.wishboard-header p{color:#fff6;font-size:.95rem;max-width:480px}.btn-propose{display:none;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:8px;font-size:.82rem;font-weight:600;font-family:Outfit,sans-serif;letter-spacing:.03em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-propose:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.btn-propose.is-open{background:#ffffff0a;border-color:#ffffff14;color:#fff6}#propose-section{display:none;margin-bottom:32px;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.propose-inner{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:24px 24px 20px}.propose-label{font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#ffffff40;margin-bottom:14px}.wishboard-search-container{position:relative}.wish-search-wrap{position:relative;display:flex;align-items:center}.wish-search-icon{position:absolute;left:16px;color:#ffffff40;pointer-events:none;flex-shrink:0;transition:color .2s}.wish-search-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff;padding:13px 44px;border-radius:10px;font-size:.95rem;font-family:Outfit,sans-serif;outline:none;transition:background .2s,border-color .2s,box-shadow .2s}.wish-search-input::placeholder{color:#fff3}.wish-search-input:focus{background:#ffffff12;border-color:#ffffff26}.wish-search-input:focus~.wish-search-icon,.wish-search-wrap:focus-within .wish-search-icon{color:#ffffff73}.wish-search-spinner{position:absolute;right:16px;width:16px;height:16px;border:2px solid rgba(255,255,255,.1);border-top-color:#ffffff80;border-radius:50%;animation:spin .65s linear infinite;opacity:0;transition:opacity .2s;pointer-events:none}.wish-search-spinner.active{opacity:1}.wish-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#111118;border:1px solid rgba(255,255,255,.08);border-radius:12px;z-index:1000;max-height:420px;overflow-y:auto;display:none;box-shadow:0 20px 60px #000000b3,0 0 0 1px #ffffff08;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.wish-search-results::-webkit-scrollbar{width:4px}.wish-search-results::-webkit-scrollbar-track{background:transparent}.wish-search-results::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.wish-search-results.visible{display:block}.wish-search-empty{padding:20px 18px;color:#ffffff40;font-size:.85rem;display:flex;align-items:center;gap:10px}.wish-search-result-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:10px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.04);position:relative}.wish-search-result-item:last-child{border-bottom:none}.wish-search-result-item:hover{background:#ffffff0a}.wish-search-result-item:hover .wish-result-action{opacity:1;transform:translate(0)}.wish-search-result-item img{width:40px;height:60px;border-radius:5px;object-fit:cover;flex-shrink:0;background:#ffffff0d}.wish-result-info{min-width:0}.wish-result-title{font-weight:600;font-size:.875rem;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.wish-result-meta{font-size:.75rem;color:#ffffff4d;margin-bottom:5px}.wish-result-action{flex-shrink:0;opacity:0;transform:translate(4px);transition:all .15s ease;color:#ffffff59}.badge{font-size:.65rem;padding:2px 7px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-exists{background:#22c55e1a;color:#4ade80;border:1px solid rgba(74,222,128,.15)}.badge-proposed{background:#a855f71a;color:#c084fc;border:1px solid rgba(192,132,252,.15)}#login-to-propose{display:none;margin-bottom:32px;padding:13px 18px;background:transparent;border-radius:10px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;color:#ffffff4d}#login-to-propose a{color:#fff9;font-weight:600;text-decoration:none;transition:color .2s}#login-to-propose a:hover{color:#fff}.list-tools{margin-bottom:36px}.list-filters{display:flex;gap:0;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.07);position:relative}.filter-pill{background:none;border:none;color:#ffffff59;padding:0 0 14px;margin-right:32px;font-size:.8rem;font-weight:700;font-family:Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .2s ease;position:relative;white-space:nowrap}.filter-pill:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.4,0,.2,1)}.filter-pill:hover{color:#ffffffa6}.filter-pill.active{color:#fff}.filter-pill.active:after{transform:scaleX(1)}.wish-section{margin-bottom:48px}.wish-section-header{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.wish-section-title{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff59}.wish-section-line{flex:1;height:1px;background:#ffffff0f}.wish-section-count{font-size:.68rem;font-weight:600;color:#fff3;letter-spacing:.06em}.wish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding-bottom:30px}.wish-card{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:2/3;cursor:pointer;background:#1a1a24;border:1px solid rgba(255,255,255,.04);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,border-color .35s ease}.wish-card:hover{transform:translateY(-6px);border-color:#ffffff1f;box-shadow:0 24px 48px #0000008c}.wish-poster-container{position:absolute;inset:0}.wish-poster{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);display:block}.wish-card:hover .wish-poster{transform:scale(1.04)}.wish-badge-overlay{position:absolute;top:10px;left:10px;z-index:10}.wish-status-badge{display:inline-block;padding:4px 9px;border-radius:5px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.status-pending{background:#0f1423bf;color:#ffffff8c;border:1px solid rgba(255,255,255,.1)}.status-in_progress{background:#78350fcc;color:#fde68a;border:1px solid rgba(251,191,36,.2)}.status-accepted{background:#064e3bcc;color:#6ee7b7;border:1px solid rgba(52,211,153,.2)}.status-refused{background:#7f1d1dcc;color:#fca5a5;border:1px solid rgba(248,113,113,.2)}.wish-vote-overlay{position:absolute;bottom:0;left:0;right:0;padding:36px 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);z-index:10;display:flex;align-items:flex-end;justify-content:space-between;opacity:0;transition:opacity .3s ease;pointer-events:none}.wish-card:hover .wish-vote-overlay{opacity:1}.wish-vote-mini{display:flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;color:#fff}.wish-vote-mini svg{opacity:.7}.wish-open-hint{font-size:.7rem;color:#ffffff80;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.wish-scrim{position:fixed;inset:0;background:#0000;z-index:900;pointer-events:none;transition:background .4s ease}.wish-scrim.open{background:#000000a6;pointer-events:all;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.wish-drawer{position:fixed;top:0;right:0;width:520px;max-width:100vw;height:100dvh;background:#0e0e16;z-index:910;transform:translate(100%);transition:transform .45s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;border-left:1px solid rgba(255,255,255,.06)}.wish-drawer.open{transform:translate(0)}.drawer-hero{position:relative;width:100%;height:220px;flex-shrink:0;overflow:hidden;background:#111118}.drawer-backdrop{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease}.drawer-backdrop.loaded{opacity:1}.drawer-hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.4) 0%,transparent 50%,rgba(0,0,0,.1) 100%),linear-gradient(to bottom,transparent 40%,#0e0e16 100%)}.drawer-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffbf;transition:all .2s;z-index:30}.drawer-close:hover{background:#000000d9;color:#fff}.drawer-body{flex:1;overflow-y:auto;padding:0 28px 40px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.drawer-body::-webkit-scrollbar{width:4px}.drawer-body::-webkit-scrollbar-track{background:transparent}.drawer-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.drawer-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;margin-top:4px}.drawer-type{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff59}.drawer-dot{width:3px;height:3px;background:#fff3;border-radius:50%}.drawer-year{font-size:.7rem;color:#ffffff59;font-weight:600}.drawer-title{font-size:1.6rem;font-weight:800;font-family:Outfit,sans-serif;letter-spacing:-.02em;line-height:1.1;color:#fff;margin:0 0 20px}.drawer-login-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-size:.78rem;font-weight:600;font-family:Outfit,sans-serif;letter-spacing:.03em;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-left:auto}.drawer-login-btn:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffd9}.drawer-vote-section{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.drawer-vote-count{font-size:2rem;font-weight:800;font-family:Outfit,sans-serif;color:#fff;min-width:50px;text-align:center;line-height:1;transition:all .2s ease}.drawer-vote-count.bump{animation:voteBump .3s cubic-bezier(.4,0,.2,1)}@keyframes voteBump{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.drawer-vote-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;margin-top:4px}.drawer-vote-buttons{display:flex;flex-direction:column;gap:6px;margin-left:auto}.drawer-vote-btn{width:44px;height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;transition:all .2s ease}.drawer-vote-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.drawer-vote-btn.active-up{background:#4ade801f;border-color:#4ade804d;color:#4ade80}.drawer-vote-btn.active-down{background:#f871711f;border-color:#f871714d;color:#f87171}.drawer-vote-closed{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#ffffff59;font-size:.78rem;font-weight:600;margin-left:auto}.drawer-vote-closed.status-accepted{background:#10b9811a;border-color:#10b98133;color:#10b981}.drawer-vote-closed.status-refused{background:#ef44441a;border-color:#ef444433;color:#ef4444}.drawer-section-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;margin-bottom:10px}.drawer-description{font-size:.9rem;line-height:1.7;color:#ffffff8c;margin-bottom:24px}.drawer-tmdb-link{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff73;font-size:.78rem;font-weight:600;letter-spacing:.03em;text-decoration:none;transition:all .2s ease;margin-bottom:32px}.drawer-tmdb-link:hover{background:#ffffff12;border-color:#ffffff26;color:#ffffffbf}.tmdb-logo{font-size:.62rem;font-weight:900;background:#ffffff1f;color:#ffffff80;padding:1px 5px;border-radius:3px;letter-spacing:.05em;text-transform:uppercase}.drawer-remark{padding:14px 16px;background:#a855f714;border-radius:10px;border:1px solid rgba(168,85,247,.2);margin-bottom:28px}.drawer-remark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.drawer-remark-title{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c084fc}.drawer-remark-date{font-size:.7rem;color:#ffffff4d}.drawer-remark-text{font-size:.88rem;line-height:1.6;color:#ffffffa6}.drawer-section-label{margin-top:0}.status-stepper{display:flex;flex-direction:column;gap:0;position:relative}.stepper-step{display:flex;align-items:flex-start;gap:16px;position:relative;padding-bottom:24px}.stepper-step:last-child{padding-bottom:0}.stepper-step:not(:last-child):before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:1px;background:#ffffff12}.stepper-step.step-active:not(:last-child):before,.stepper-step.step-done:not(:last-child):before{background:#ffffff26}.stepper-dot-wrap{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.stepper-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.stepper-step.step-done .stepper-dot{background:#fff9;border-color:#fff9;width:8px;height:8px}.stepper-step.step-active .stepper-dot{width:12px;height:12px;box-shadow:0 0 0 4px #a855f726,0 0 10px #a855f766}.stepper-step.step-active[data-status=pending] .stepper-dot{background:#94a3b8;border-color:#94a3b8}.stepper-step.step-active[data-status=in_progress] .stepper-dot{background:#fbbf24;border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf241f,0 0 10px #fbbf2466}.stepper-step.step-active[data-status=accepted] .stepper-dot{background:#34d399;border-color:#34d399;box-shadow:0 0 0 4px #34d3991f,0 0 10px #34d39966}.stepper-step.step-active[data-status=refused] .stepper-dot{background:#f87171;border-color:#f87171;box-shadow:0 0 0 4px #f871711f,0 0 10px #f8717166}.stepper-info{padding-top:4px}.stepper-name{font-size:.82rem;font-weight:700;color:#ffffff4d;transition:color .2s}.stepper-step.step-active .stepper-name{color:#ffffffe6}.stepper-step.step-done .stepper-name{color:#ffffff73}.stepper-desc{font-size:.75rem;color:#fff3;margin-top:2px;line-height:1.4}.stepper-step.step-active .stepper-desc{color:#fff6}.drawer-loader{display:flex;align-items:center;justify-content:center;height:80px;color:#fff3;font-size:.85rem;gap:10px}.drawer-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:#ffffff80;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.wishboard-container{padding-left:20px;padding-right:20px;padding-top:90px}.wish-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.wish-status-badge{font-size:.55rem;padding:4px 8px;letter-spacing:.05em}.wish-badge-overlay{top:7px;left:7px}.filter-pill{margin-right:20px;font-size:.72rem}.wish-drawer{width:100vw}.drawer-hero{height:240px}.drawer-close{top:74px;right:14px}.drawer-body{padding:0 18px 60px}.drawer-title{font-size:1.3rem}}@media(max-width:480px){.wish-grid{grid-template-columns:repeat(3,1fr);gap:10px}.wish-status-badge{font-size:.52rem;padding:3px 7px}}.notification{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(12px);padding:12px 20px;border-radius:10px;font-size:.875rem;font-weight:600;font-family:Outfit,sans-serif;letter-spacing:.02em;z-index:9999;opacity:0;pointer-events:none;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .25s ease,transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006}.notification.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.notification.success{background:#102014eb;border:1px solid rgba(74,222,128,.25);color:#4ade80}.notification.error{background:#201010eb;border:1px solid rgba(248,113,113,.25);color:#f87171}.notification.info{background:#0f1423eb;border:1px solid rgba(255,255,255,.1);color:#ffffffbf}
