:root{--color-pitch-black: #000d00;--color-evergreen-1: #132a13;--color-evergreen-2: #193318;--color-hunter-green: #31572c;--color-forest-moss: #647d34;--color-text-primary: #f4fbe8;--color-text-muted: #ced8c0;--color-error: #f28b82;--color-success: #9ad077}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;background:radial-gradient(circle at 8% 5%,rgb(100 125 52 / 28%),transparent 35%),radial-gradient(circle at 92% 80%,rgb(49 87 44 / 25%),transparent 45%),linear-gradient(170deg,var(--color-pitch-black) 0%,var(--color-evergreen-1) 95%);color:var(--color-text-primary);line-height:1.5}.loading-inline{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap}.loading-inline.compact{gap:.35rem}.loading-spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid rgb(154 208 119 / 30%);border-top-color:var(--color-success);animation:loading-spin .8s linear infinite}.loading-inline.compact .loading-spinner{width:.9rem;height:.9rem}@keyframes loading-spin{to{transform:rotate(360deg)}}a{color:inherit}.app-root{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app-header{position:sticky;top:0;z-index:20;padding:.6rem .65rem;background-color:#000d00e0;border-bottom:1px solid var(--color-hunter-green);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-header-inner{width:min(100%,70rem);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand-link{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;min-width:2.3rem;min-height:2.3rem;border-radius:.6rem;border:1px solid var(--color-hunter-green);background:linear-gradient(135deg,var(--color-hunter-green),var(--color-evergreen-2));color:var(--color-text-primary);font-weight:900;letter-spacing:.04em}.brand-text{font-size:.95rem;letter-spacing:.01em;font-weight:700}.app-nav{position:fixed;top:4.5rem;right:.65rem;display:flex;flex-direction:column;gap:.3rem;min-width:12rem;padding:.4rem;border:1px solid var(--color-hunter-green);border-radius:.6rem;background-color:#000d00fa;transform:translateY(-10px);visibility:hidden;opacity:0;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),visibility 0s linear .25s;box-shadow:0 8px 16px #0000007f;pointer-events:none;z-index:29}.app-nav.open{transform:translateY(0);visibility:visible;opacity:1;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;pointer-events:auto}.nav-link{display:inline-flex;align-items:center;justify-content:flex-start;width:100%;min-height:2.75rem;padding:.65rem 1rem;border-radius:.6rem;border:1px solid var(--color-hunter-green);background-color:#132a13eb;text-decoration:none;color:var(--color-text-primary);font-size:.86rem;font-weight:700;line-height:1;white-space:nowrap;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.nav-button{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.nav-link:hover,.nav-link[aria-current=page]{color:var(--color-text-primary);background-color:#31572ceb;border-color:var(--color-forest-moss)}.burger-menu{display:flex;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:30}.burger-line{width:100%;height:3px;background-color:var(--color-success);border-radius:2px;transition:all .3s ease;transform-origin:center}.burger-menu.open .burger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.burger-menu.open .burger-line:nth-child(2){opacity:0;transform:scaleX(0)}.burger-menu.open .burger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.app-footer{display:flex;justify-content:center;padding:1rem}.footer-link{min-height:2.75rem;min-width:7.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--color-hunter-green);background-color:#132a13e5;text-decoration:none;color:var(--color-text-muted);font-size:.92rem;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.footer-link:hover{color:var(--color-text-primary);border-color:var(--color-forest-moss);background-color:#193318f2}.page-shell{width:min(100%,70rem);margin:0 auto;padding:.72rem;display:flex;align-items:flex-start;justify-content:center}.card{width:min(100%,44rem);background:linear-gradient(180deg,#193318f0,#132a13eb);border:1px solid var(--color-hunter-green);border-radius:1rem;padding:.86rem;position:relative;box-shadow:0 1.1rem 2.3rem #00000052,inset 0 0 0 1px #ffffff05;overflow:hidden;animation:card-reveal .35s ease}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(128deg,rgb(100 125 52 / 12%),transparent 35%),repeating-linear-gradient(135deg,rgb(255 255 255 / 2%),rgb(255 255 255 / 2%) 1px,transparent 1px,transparent 8px)}.home-card{width:min(100%,52rem)}.card-kicker{margin:0 0 .3rem;color:var(--color-success);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.card>*{position:relative;z-index:1}.card h1,.card h2{margin:0}.card h1{font-size:clamp(1.55rem,1.2rem + 1.4vw,2.1rem);line-height:1.1;letter-spacing:.01em;padding-right:3rem}.card h2{font-size:clamp(1.02rem,.96rem + .45vw,1.2rem)}.card p{margin:.2rem 0;color:var(--color-text-muted)}.card-close{position:absolute;top:.7rem;right:.7rem;width:2.4rem;height:2.4rem;z-index:3;border-radius:999px;border:1px solid var(--color-forest-moss);background-color:var(--color-forest-moss);color:var(--color-pitch-black);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 .35rem .7rem #00000059;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease;cursor:pointer;padding:0;touch-action:manipulation}.card-close:hover{background-color:var(--color-hunter-green);color:var(--color-text-primary);transform:translateY(-2px)}.close-glyph{position:relative;width:.95rem;height:.95rem}.close-glyph:before,.close-glyph:after{content:"";position:absolute;top:calc(50% - 1.5px);left:0;width:100%;height:3px;border-radius:999px;background-color:currentcolor}.close-glyph:before{transform:rotate(45deg)}.close-glyph:after{transform:rotate(-45deg)}.comment-form{display:grid;gap:.5rem;margin:1rem 0}.comment-form label{color:var(--color-text-primary);font-weight:500}.comment-form textarea,.card textarea{width:100%;resize:vertical;min-height:7rem;border-radius:.7rem;border:1px solid var(--color-hunter-green);background-color:#193318d1;color:var(--color-text-primary);padding:.78rem;font-family:inherit}.comment-form input{width:100%;min-height:2.9rem;border-radius:.7rem;border:1px solid var(--color-hunter-green);background-color:#193318d1;color:var(--color-text-primary);padding:.78rem;font-family:inherit}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:3.2rem}.password-toggle{position:absolute;right:0;top:0;bottom:0;width:2.9rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;border-radius:0 .7rem .7rem 0;min-height:unset}.password-toggle:hover{color:var(--color-text-primary)}.password-toggle svg{width:1.125rem;height:1.125rem;pointer-events:none}.comment-form button,.secondary-button,.button-link,.action-row button{min-height:2.8rem;border-radius:.7rem;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease,border-color .14s ease}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:0 1rem;text-decoration:none}.comment-form button,.button-link,.action-row button{background-color:var(--color-forest-moss);color:var(--color-text-primary);box-shadow:0 .45rem .9rem #00000047}.comment-form button,.button-link,.action-row button,.search-add-button,.filter-popup-footer button{flex:1;min-height:2.5rem;border-radius:.6rem;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease;font-size:.8rem}.comment-form button:hover,.button-link:hover,.action-row button:hover{transform:translateY(-1px);background-color:var(--color-success)}.secondary-button{margin-top:.5rem;border:1px solid var(--color-hunter-green);background-color:var(--color-evergreen-2);color:var(--color-text-primary)}.secondary-button:hover{border-color:var(--color-forest-moss);background-color:var(--color-evergreen-1)}.action-row{margin-top:.8rem;display:flex;gap:.75rem;flex-wrap:wrap}.text-link{color:var(--color-success);text-decoration:underline;text-underline-offset:.2rem}.comment-form button:disabled,.secondary-button:disabled,.button-link:disabled,.action-row button:disabled{opacity:.68;cursor:not-allowed;transform:none}.message{margin-top:.7rem;padding:.72rem;border-radius:.65rem;border:1px solid transparent}.message.error{color:#ffd7d2;background:linear-gradient(180deg,#7a171761,#5910106b);border-color:#f28b82b3;box-shadow:inset 0 0 0 1px #ffffff0d;font-weight:600}.message.error:before{content:"Error: ";color:#ffe5e2}.message.success{color:var(--color-success);background-color:#647d3424;border-color:#9ad0774d}.wide-card{width:min(100%,70rem)}.watchlist-grid,.search-result-list{display:grid;gap:.3rem;margin-top:.8rem}.watchlist-card,.search-result-card{display:grid;gap:.8rem;padding:.8rem;border-radius:1rem;border:1px solid rgb(100 125 52 / 28%);background:linear-gradient(180deg,#1b381af5,#122612f0),linear-gradient(120deg,rgb(100 125 52 / 8%),transparent 42%);box-shadow:inset 0 0 0 1px #ffffff05}.watchlist-card{flex-direction:column;gap:0;padding:.25rem}.watchlist-summary-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem;width:100%;min-height:2.2rem;padding:.35rem .5rem;border-radius:.5rem;border:none;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer}.watchlist-summary-button:hover{background:#1933187f}.watchlist-summary-static{cursor:default}.watchlist-summary-static:hover{background:transparent}.watchlist-summary-button:focus-visible{outline:2px solid var(--color-forest-moss);outline-offset:2px}.watchlist-summary-title{min-width:0;font-size:.92rem;line-height:1.2;font-weight:700;overflow-wrap:anywhere}.watchlist-summary-chevron{font-size:.92rem;line-height:1.2;font-weight:700;color:var(--color-success);-webkit-user-select:none;user-select:none}.watchlist-summary-placeholder{opacity:0}.watchlist-summary-rating{justify-self:end;min-width:2.4rem;text-align:right;font-size:.88rem;font-weight:800;color:var(--color-success)}.watchlist-item-details{display:flex;flex-direction:column;gap:.9rem;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .22s ease,opacity .2s ease 20ms,pointer-events 0s linear .22s}.watchlist-item-details.open{max-height:62rem;opacity:1;pointer-events:auto;transition:max-height .22s ease,opacity .2s ease,pointer-events 0s linear}.watchlist-item-details.closed{pointer-events:none}.watchlist-details-top{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem}.result-media{display:grid;grid-template-rows:auto auto;gap:.5rem;align-content:start}.result-thumb{width:5.8rem;min-width:5.8rem;aspect-ratio:2 / 3;object-fit:cover;border-radius:.8rem;border:1px solid rgb(100 125 52 / 30%);background-color:#132a13eb;box-shadow:0 .6rem 1.5rem #00000047}.result-thumb-fallback{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgb(100 125 52 / 36%),transparent 30%),linear-gradient(160deg,#31572ce0,#132a13f5);color:var(--color-success);font-size:2rem;font-weight:800}.search-result-body{display:grid;gap:.85rem;align-content:start}.watchlist-content-block{display:grid;gap:.45rem;min-width:0}.rating-chip{width:100%;text-align:center;white-space:nowrap;padding:.42rem .58rem;border-radius:999px;border:1px solid rgb(154 208 119 / 22%);background-color:#31572cb8;color:var(--color-text-primary);font-size:.75rem;font-weight:800}.result-link{color:var(--color-success);font-weight:600;text-decoration:underline;text-underline-offset:.15rem}.provider-badge-list{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:0}.provider-badge{padding:.28rem .55rem;border-radius:999px;background-color:var(--color-evergreen-1);border:1px solid var(--color-hunter-green);color:var(--color-text-primary);font-size:.74rem}.provider-empty{margin:0;color:var(--color-text-muted);font-size:.88rem}.watched-state{display:none}.watchlist-item-actions{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:center;gap:.4rem;width:100%;padding-top:.15rem;overflow-x:auto}.watchlist-watched-toggle-wrapper{display:flex;flex-direction:column;align-items:center;gap:.2rem;justify-content:flex-end;min-height:2.45rem}.watchlist-toggle-label{font-size:.75rem;font-weight:400;color:var(--color-text-primary)}.watchlist-toggle-switch{position:relative;width:3.35rem;height:1.65rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-hunter-green);border-radius:999px;cursor:pointer;transition:background-color .25s ease,border-color .25s ease;padding:0;flex-shrink:0;display:flex;align-items:center;overflow:hidden;outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.watchlist-toggle-switch:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.watchlist-toggle-switch::-moz-focus-inner{border:0}.watchlist-toggle-switch.watched{background-color:var(--color-forest-moss);border-color:#9ad0778c}.watchlist-toggle-switch.not-watched{background-color:var(--color-evergreen-2)}.watchlist-toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-slider{position:absolute;width:1.25rem;height:1.25rem;background-color:var(--color-text-primary);border-radius:50%;transition:transform .25s ease;box-shadow:0 .2rem .45rem #0000004d;top:50%;transform:translateY(-50%)}.watchlist-toggle-switch.watched .toggle-slider{transform:translate(1.92rem) translateY(-50%)}.watchlist-toggle-switch.not-watched .toggle-slider{transform:translate(.18rem) translateY(-50%)}.watchlist-item-actions .watchlist-action-button{min-height:1.65rem;padding:0 .6rem;border-radius:999px;border:1px solid var(--color-hunter-green);background-color:var(--color-evergreen-2);color:var(--color-text-primary);font-weight:700;font-size:.84rem;cursor:pointer;box-shadow:0 .45rem .9rem #0003;align-self:flex-end}.watchlist-item-actions .move-button{min-width:1.65rem;padding:0 .3rem;font-size:1rem;line-height:1}.watchlist-remove-confirm-actions{display:flex;width:100%;gap:.45rem;align-items:center}.watchlist-remove-confirm-actions .watchlist-action-button{flex:1;min-width:0;white-space:nowrap}.watchlist-item-actions .watchlist-action-button:hover{border-color:var(--color-forest-moss);background-color:var(--color-evergreen-1)}.watchlist-item-actions .watchlist-action-button:disabled{opacity:.68;cursor:not-allowed}.watchlist-item-actions .remove-button{border-color:#f28b82b3;color:#ffd7d2;background:linear-gradient(180deg,#7a17175c,#59101066)}.watchlist-item-actions .remove-button:hover{border-color:#f7a8a1;background:linear-gradient(180deg,#8f242466,#6a151570)}.page-header-with-action{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.header-action-buttons{display:flex;flex-wrap:nowrap;gap:.6rem;justify-content:flex-end}.page-header-text{flex:1;min-width:0}.page-header-text h1{margin-block-end:.3rem}.page-header-text p{margin-block-end:0}.header-action-button{align-self:flex-start;min-width:0}.header-action-buttons .header-action-button{min-height:2.5rem;padding:0 1rem;font-size:.875rem;white-space:nowrap}.add-action-button,.search-add-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.filter-button{position:relative;border-color:var(--color-hunter-green);background-color:#132a13eb}.order-button{flex:1;border-color:var(--color-hunter-green);background-color:#132a13eb}.sort-button-inner{display:inline-flex;align-items:center;gap:.36rem}.sort-arrow-glyph{width:1rem;height:1rem;flex-shrink:0;stroke:currentcolor;stroke-width:2.24;stroke-linecap:round;stroke-linejoin:round;fill:none}.sort-rating-glyph{letter-spacing:.01em;line-height:1;font-size:.8rem}.filter-button-inner{display:inline-flex;align-items:center;gap:.45rem}.filter-glyph{width:1.16rem;height:1.16rem;flex-shrink:0}.search-result-card{grid-template-columns:1fr;align-items:stretch}.search-result-card-expanded{gap:0;padding:.25rem}.result-header{display:grid;gap:.25rem}.result-header h2{font-size:1.08rem;line-height:1.15}.result-genre,.watchlist-genre{margin:0;color:var(--color-success);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.watchlist-genre-soft{font-weight:500;text-transform:none;letter-spacing:0}.search-result-summary{margin:0}.search-result-tags,.watchlist-tags-section{display:grid;gap:.55rem;width:100%;padding:.8rem;border-radius:.9rem;border:1px solid rgb(100 125 52 / 20%);background:linear-gradient(180deg,#112211c7,#142c14d1)}.search-result-tags-header,.watchlist-tags-header-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.watchlist-tags-header-actions{display:inline-flex;align-items:center;gap:.4rem}.search-result-tags-title,.watchlist-tags-label{color:var(--color-text-primary);font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.search-result-tags-count,.watchlist-tags-count{color:var(--color-text-muted);font-size:.78rem;font-weight:600}.search-result-action{display:flex;justify-content:center;flex-wrap:nowrap}.search-add-button{min-width:min(100%,15rem);min-height:2.8rem;border-radius:.7rem;border:1px solid transparent;background-color:var(--color-forest-moss);color:var(--color-text-primary);box-shadow:0 .45rem .9rem #00000047;font-weight:700;cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease,border-color .14s ease}.search-add-button:hover{transform:translateY(-1px);background-color:var(--color-success)}.search-add-button:disabled{opacity:.68;cursor:not-allowed;transform:none}.plus-glyph{position:relative;width:1rem;height:1rem;flex-shrink:0}.plus-glyph:before,.plus-glyph:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:.14rem;border-radius:999px;background-color:currentcolor;transform:translate(-50%,-50%)}.plus-glyph:after{transform:translate(-50%,-50%) rotate(90deg)}.plus-glyph-large{width:1.15rem;height:1.15rem}.plus-glyph-large:before,.plus-glyph-large:after{height:.16rem}.watchlist-tag-chips-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.watchlist-tag-picker{display:flex;flex-wrap:wrap;gap:.45rem}.watchlist-tag-picker-item{min-height:2.35rem;padding:0 .9rem;border-radius:999px;border:1px solid var(--color-hunter-green);background-color:#193318e0;color:var(--color-text-primary);font-weight:700;cursor:pointer}.watchlist-tag-picker-item:hover{background-color:#31572c8c;border-color:var(--color-forest-moss)}.watchlist-tag-picker-empty{margin:0;color:var(--color-text-muted);font-size:.88rem}@media (width <= 767px){.page-header-with-action{flex-direction:column;align-items:stretch}.header-action-buttons{display:flex;width:100%;gap:.4rem;align-items:stretch}.header-action-button,.filter-button{min-width:0;flex:1;min-height:2rem;padding:0 .4rem;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-button{flex:2}.watchlist-summary-button{padding-inline:.45rem}.watchlist-summary-title{font-size:.9rem}.result-thumb{width:4.5rem;min-width:4.5rem}.result-media{grid-template-columns:auto 1fr;grid-template-rows:1fr;align-items:end}}.fallback-provider-picker{display:grid;gap:.55rem;padding:.75rem;border-radius:.75rem;border:1px solid var(--color-hunter-green);background-color:#132a13eb}.checkbox-row{display:flex;align-items:center;gap:.65rem;min-height:2.8rem}.checkbox-row input{width:1.1rem;height:1.1rem}.comment-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.comment-item{padding:.75rem;border-radius:.5rem;border:1px solid var(--color-hunter-green);background-color:var(--color-evergreen-2)}.comment-item p{margin:0 0 .5rem;color:var(--color-text-primary);overflow-wrap:anywhere}.comment-item time{font-size:.85rem;color:var(--color-text-muted)}.feedback-layout{margin-top:.9rem;display:grid;gap:.75rem}.feedback-thread-list{display:grid;gap:.45rem}.feedback-thread-button{min-height:2.8rem;border-radius:.7rem;border:1px solid var(--color-hunter-green);background-color:#132a13eb;color:var(--color-text-primary);padding:.6rem;display:flex;justify-content:space-between;gap:.5rem;text-align:left}.feedback-thread-button.active{border-color:var(--color-forest-moss);background-color:#31572c6b}.feedback-conversation{border:1px solid var(--color-hunter-green);border-radius:.8rem;padding:.75rem;background-color:#132a13e0}.feedback-thread-status{margin:0 0 .5rem;font-weight:700;text-transform:capitalize}.feedback-message-list{display:grid;gap:.55rem;margin-bottom:.75rem}.feedback-message{max-width:min(100%,24rem);padding:.6rem .7rem;border-radius:.8rem;border:1px solid var(--color-hunter-green)}.feedback-message.user{justify-self:end;background-color:#31572c61}.feedback-message.admin{justify-self:start;background-color:#193318f5}.feedback-message p{margin:0;color:var(--color-text-primary)}.feedback-message small{color:var(--color-text-muted)}.feedback-resolved-block{display:grid;gap:.5rem}.feedback-action-button,.admin-watchlist-action,#admin-user-select{min-height:2.75rem}.feedback-action-button{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .95rem;border-radius:.6rem;border:1px solid transparent;background-color:var(--color-forest-moss);color:var(--color-text-primary);font-weight:700;box-shadow:0 .45rem .9rem #00000047;cursor:pointer;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease,border-color .14s ease}.feedback-action-button:hover{transform:translateY(-1px);background-color:var(--color-success)}.admin-grid{width:min(100%,68rem);display:grid;gap:1rem}.admin-watchlist-items{display:grid;gap:.6rem}.admin-watchlist-card{border:1px solid var(--color-hunter-green);border-radius:.75rem;padding:.75rem;background-color:#132a13e5;display:grid;gap:.55rem}.admin-filter-row{display:grid;align-items:start;gap:.55rem}.admin-filter-label{color:var(--color-text-primary);font-weight:600}.admin-status-filter-group{display:flex;flex-wrap:wrap;gap:.5rem}.admin-status-filter-button{min-height:2.75rem;border-radius:.6rem;border:1px solid var(--color-hunter-green);background-color:#193318e5;color:var(--color-text-primary);padding:.35rem .9rem;font-weight:700;cursor:pointer;transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.admin-status-filter-button:hover{transform:translateY(-1px);border-color:var(--color-forest-moss)}.admin-status-filter-button.active{border-color:var(--color-forest-moss);background-color:#31572c7a}#admin-user-select{border-radius:.6rem;border:1px solid var(--color-hunter-green);background-color:#193318e5;color:var(--color-text-primary);padding:0 .7rem}.error-card{width:min(100%,38rem);text-align:left}.error-code{margin:.1rem 0 .35rem;color:var(--color-success);font-size:.85rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.error-description{font-size:1rem;max-width:32rem}.error-actions{margin-top:1rem}.admin-thread-actions{margin-top:.6rem;display:flex;align-items:center;justify-content:flex-start;gap:.4rem;flex-wrap:nowrap}.admin-thread-actions .feedback-action-button{flex:0 1 auto;min-width:0;padding:.45rem .62rem;font-size:.8rem;white-space:nowrap}.admin-feedback-empty{margin:0;color:var(--color-text-muted)}.feedback-action-button.danger{border-color:#f28b82b3;color:#ffd7d2;background:linear-gradient(180deg,#7a17175c,#59101066)}.feedback-action-button.danger:hover{border-color:#f7a8a1;background:linear-gradient(180deg,#8f242466,#6a151570)}.card-close:focus-visible,.nav-link:focus-visible,.button-link:focus-visible,.footer-link:focus-visible,.comment-form button:focus-visible,.secondary-button:focus-visible,.comment-form input:focus-visible,.comment-form textarea:focus-visible,.password-toggle:focus-visible,.checkbox-row input:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.feedback-action-button:focus-visible,.admin-status-filter-button:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.tag-selector{display:grid;gap:.45rem;padding:.65rem .7rem;border:1px solid rgb(100 125 52 / 28%);border-radius:.85rem;background:linear-gradient(180deg,#193318e0,#122612eb);min-height:3rem;position:relative}.tag-selector:focus-within{outline:2px solid var(--color-success);outline-offset:2px}.tag-chip-list{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;min-height:2rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--color-forest-moss);background-color:#31572c85;color:var(--color-text-primary);font-size:.84rem;font-weight:600;line-height:1;cursor:default}.tag-chip-remove{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;min-height:1.2rem;border-radius:999px;border:1px solid rgb(154 208 119 / 34%);background:linear-gradient(180deg,#31572cb8,#193318e0);color:var(--color-text-primary);cursor:pointer;padding:0;line-height:0;box-shadow:0 .2rem .5rem #00000038;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.tag-chip-remove:hover{border-color:var(--color-success);background:linear-gradient(180deg,#647d34c2,#31572ce5);transform:translateY(-1px)}.tag-input{flex:1;min-width:9rem;border:none;background:none;color:var(--color-text-primary);font-family:inherit;font-size:.88rem;padding:.2rem 0;outline:none;min-height:2rem}.tag-input::placeholder{color:var(--color-text-muted)}.tag-input:disabled{opacity:.5;cursor:not-allowed}.tag-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.3rem;background-color:#132a13fa;border:1px solid var(--color-hunter-green);border-radius:.7rem;box-shadow:0 .6rem 1.2rem #0006;max-height:16rem;overflow-y:auto;z-index:10;animation:dropdown-reveal .2s ease}.tag-dropdown-list{list-style:none;margin:0;padding:0}.tag-dropdown-item,.tag-create-button{display:flex;align-items:center;width:100%;padding:.7rem .8rem;cursor:pointer;background:transparent;color:var(--color-text-primary);border:none;border-bottom:1px solid rgb(49 87 44 / 25%);transition:background-color .14s ease;font-size:.88rem;text-align:left}.tag-create-button{color:var(--color-success);font-weight:600;border-top:1px solid var(--color-hunter-green)}.tag-dropdown-item:hover,.tag-create-button:hover{background-color:#31572c59}.tag-dropdown-list li:last-child .tag-dropdown-item{border-bottom:none}.tag-dropdown-empty{padding:.7rem .8rem;color:var(--color-text-muted);font-size:.88rem;font-style:italic}.search-result-tags .tag-dropdown{position:static;margin-top:.45rem}.filter-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50;padding:.65rem;animation:overlay-fade-in .25s ease}.filter-popup{background:linear-gradient(180deg,#193318f5,#132a13f0);border:1px solid var(--color-hunter-green);border-radius:1rem;padding:.75rem .85rem .8rem;width:min(100%,32rem);max-height:85vh;overflow-y:auto;box-shadow:0 1.4rem 2.8rem #0000007f;position:relative;animation:popup-slide-up .28s ease}.filter-popup-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem}.filter-popup h2{margin:0;font-size:1.15rem;color:var(--color-text-primary)}.filter-close-button{position:static;flex-shrink:0}.filter-popup-content{display:grid;gap:.65rem}.filter-section{margin-bottom:.6rem}.filter-section:last-of-type{margin-bottom:0}.filter-section-title{margin:0 0 .35rem;font-size:.8rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.08em}.filter-section input[type=text]{width:100%;min-height:2.45rem;border-radius:.6rem;border:1px solid var(--color-hunter-green);background-color:#193318d1;color:var(--color-text-primary);padding:.5rem .72rem;font-family:inherit;font-size:.84rem}.filter-genre-search,.filter-tag-search{margin-bottom:.35rem}.filter-pill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,max-content));gap:.35rem}.filter-pill-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-pill{min-height:2.25rem;padding:0 .75rem;border-radius:999px;border:1px solid var(--color-hunter-green);background-color:#19331899;color:var(--color-text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .14s ease,border-color .14s ease}.filter-pill-grid .filter-pill{white-space:normal;text-align:center;line-height:1.1}.filter-pill:hover{background-color:#31572c73;border-color:var(--color-forest-moss)}.filter-pill.selected{border-color:#9ad07773;background:linear-gradient(180deg,#647d3470,#31572c9e);box-shadow:inset 0 0 0 1px #ffffff0d}.filter-rating-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.filter-rating-value{min-width:3.6rem;text-align:center;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--color-hunter-green);background-color:#193318b8;color:var(--color-success);font-weight:800}.filter-rating-slider-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem}.filter-rating-bound{font-size:.8rem;color:var(--color-text-muted)}.filter-rating-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:.4rem;border-radius:999px;background:linear-gradient(90deg,#647d347f,#85ab5bb8);outline:none}.filter-rating-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.8rem;height:1.8rem;border-radius:50%;border:3px solid rgb(255 255 255 / 75%);background:radial-gradient(circle at 35% 35%,#fff,#e6ebe4 58%,#d5dfd0);box-shadow:0 .55rem 1rem #00000047;cursor:pointer}.filter-rating-slider::-moz-range-thumb{width:1.8rem;height:1.8rem;border-radius:50%;border:3px solid rgb(255 255 255 / 75%);background:radial-gradient(circle at 35% 35%,#fff,#e6ebe4 58%,#d5dfd0);box-shadow:0 .55rem 1rem #00000047;cursor:pointer}.filter-popup-footer{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-hunter-green)}.filter-empty-message{margin:0;color:var(--color-text-muted);font-size:.8rem}.filter-apply-button{background-color:var(--color-forest-moss);color:var(--color-text-primary);box-shadow:0 .45rem .9rem #00000047}.filter-apply-button:hover{transform:translateY(-1px);background-color:var(--color-success)}.filter-reset-button{border:1px solid var(--color-hunter-green);background-color:var(--color-evergreen-2);color:var(--color-text-primary)}.filter-reset-button:hover{background-color:var(--color-evergreen-1)}.watchlist-tag-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.watchlist-tag-chip{display:inline-flex;align-items:center;gap:.3rem;min-height:2rem;padding:.25rem .8rem;border-radius:999px;border:1px solid var(--color-forest-moss);background-color:#31572c8c;color:var(--color-text-primary);font-size:.8rem;font-weight:600}.watchlist-tag-remove{display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;min-height:1.2rem;border-radius:999px;border:1px solid rgb(154 208 119 / 34%);background:linear-gradient(180deg,#31572cb8,#193318e0);color:var(--color-text-primary);cursor:pointer;padding:0;line-height:0;box-shadow:0 .2rem .5rem #00000038;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.watchlist-tag-remove:hover{border-color:var(--color-success);background:linear-gradient(180deg,#647d34c2,#31572ce5);transform:translateY(-1px)}.tag-remove-glyph{position:relative;width:.58rem;height:.58rem;display:block}.tag-remove-glyph:before,.tag-remove-glyph:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;border-radius:999px;background-color:currentcolor}.tag-remove-glyph:before{transform:translate(-50%,-50%) rotate(45deg)}.tag-remove-glyph:after{transform:translate(-50%,-50%) rotate(-45deg)}.watchlist-tag-selector-shell{margin-top:.2rem}.notes-section{display:grid;gap:.35rem}.notes-section label{color:var(--color-text-primary);font-size:.8rem;font-weight:600}.notes-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.notes-count{margin:0;color:var(--color-text-muted);font-size:.78rem}.search-save-note-button,.watchlist-note-save-button{min-height:2rem;padding:0 .8rem;border-radius:999px;border:1px solid var(--color-hunter-green);background-color:var(--color-evergreen-2);color:var(--color-text-primary);font-weight:700;cursor:pointer}.search-save-note-button:hover,.watchlist-note-save-button:hover{border-color:var(--color-forest-moss);background-color:var(--color-evergreen-1)}@media (width <= 420px){.filter-pill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}.filter-pill-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-pill{min-height:1.95rem;padding:.32rem .3rem;font-size:.73rem;font-weight:500}}.watchlist-tag-add-button{justify-content:center;min-width:2.2rem;padding-inline:.75rem;background-color:#132a13e0;cursor:pointer}.watchlist-tag-add-button:hover,.watchlist-tag-add-button.active{background-color:#31572cad}.filter-button-wrapper{position:relative}.filter-active-badge{position:absolute;top:-.25rem;right:-.25rem;width:1.1rem;height:1.1rem;border-radius:999px;background-color:var(--color-success);border:2px solid var(--color-pitch-black);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:var(--color-pitch-black);pointer-events:none}@keyframes dropdown-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes card-reveal{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (width <= 767px){.app-nav{right:.5rem;left:.5rem;min-width:0}}@media (width >= 640px){.page-shell{padding:1.25rem}.card{padding:1.2rem}.brand-text{font-size:1rem}.action-row{align-items:center}}@media (width >= 768px){.app-header{padding:.85rem 1.3rem}.brand-text{font-size:1.05rem}.page-shell{padding:1.65rem}.card{padding:1.45rem}.watchlist-card,.search-result-card{gap:.9rem;padding:.9rem}.result-thumb{width:6.1rem;min-width:6.1rem}.feedback-layout{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr)}}@media (width >= 1024px){.app-header-inner{gap:1rem}.app-nav{gap:.6rem}.page-shell{padding:2rem}.card{border-radius:1.15rem;padding:1.7rem}}