@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,700;1,9..144,400&display=swap";:root{--font-body: "DM Sans", system-ui, sans-serif;--font-display: "Fraunces", "Georgia", serif;--color-bg: #faf8f5;--color-surface: #ffffff;--color-surface-warm: #f5f0eb;--color-text: #1a1a1a;--color-text-soft: #6b6560;--color-text-faint: #a09890;--color-border: #e8e2db;--color-border-light: #f0ece7;--color-unreviewed: #b8b0a8;--color-use: #2563eb;--color-use-soft: #eff4ff;--color-like: #059669;--color-like-soft: #ecfdf5;--color-remove: #dc2626;--color-remove-soft: #fef2f2;--color-accent: #1a1a1a;--color-accent-hover: #333;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 100px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .03);--shadow-card-hover: 0 2px 8px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .05);--ease-out: cubic-bezier(.16, 1, .3, 1);--max-width: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.page-container{max-width:var(--max-width);margin:0 auto;padding:0 20px 60px}.controls-bar{position:sticky;top:0;z-index:50;background:#faf8f5e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-light);margin:0 -20px;padding:12px 20px;display:flex;flex-direction:column;gap:10px}.controls-bar-row{display:flex;align-items:center;gap:12px}.controls-bar-row .progress-summary{flex:1}.view-toggle-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--color-text-soft);cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.view-toggle-btn:hover{border-color:var(--color-text-soft);color:var(--color-text)}.view-toggle-btn svg{flex-shrink:0}.progress-summary{display:flex;align-items:center;gap:12px}.progress-text{font-size:.875rem;color:var(--color-text-faint);font-weight:500;font-variant-numeric:tabular-nums}.progress-text strong{color:var(--color-text);font-weight:700}.progress-bar{flex:1;height:2px;background:var(--color-border);border-radius:1px;overflow:hidden}.progress-fill{height:100%;background:var(--color-text);border-radius:1px;transition:width .5s var(--ease-out)}.progress-chips{display:flex;gap:4px;flex-shrink:0}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 9px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.chip--use{background:var(--color-use-soft);color:var(--color-use)}.chip--like{background:var(--color-like-soft);color:var(--color-like)}.chip--remove{background:var(--color-remove-soft);color:var(--color-remove)}.filter-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.filter-select{height:36px;padding:0 28px 0 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.8125rem;font-family:var(--font-body);font-weight:500;color:var(--color-text);background:var(--color-surface);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%236b6560' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s ease}.filter-select:focus{outline:none;border-color:var(--color-text-soft)}.filter-search{height:36px;padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.8125rem;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);flex:1;min-width:120px;transition:border-color .15s ease}.filter-search::placeholder{color:var(--color-text-faint)}.filter-search:focus{outline:none;border-color:var(--color-text-soft)}.filter-clear-btn{height:36px;padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.8125rem;font-family:var(--font-body);font-weight:600;color:var(--color-text-faint);background:var(--color-surface);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-clear-btn:hover{color:var(--color-text);border-color:var(--color-text-soft)}.card-list{display:flex;flex-direction:column;gap:16px;padding-top:20px}.content-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow .25s var(--ease-out),opacity .25s ease;position:relative}.content-card:hover{box-shadow:var(--shadow-card-hover)}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .25s ease;z-index:1}.content-card--use:before{background:var(--color-use)}.content-card--like:before{background:var(--color-like)}.content-card--remove:before{background:var(--color-remove)}.content-card--remove{opacity:.45}.content-card--remove:hover{opacity:.75}.card-media{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px;margin-top:-18px;height:40vh;background:var(--color-surface-warm);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:contain;display:block}.card-body{padding:18px 22px;display:flex;flex-direction:column;gap:10px}.card-header{display:flex;align-items:center;gap:8px}.card-title{font-size:.8125rem;font-weight:500;color:var(--color-text-soft);line-height:1.3}.card-edited-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;flex-shrink:0}.card-description{color:var(--color-text);font-size:1rem;line-height:1.65;white-space:pre-line}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-actions-right{display:flex;align-items:center;gap:6px}.status-control{display:flex;gap:6px}.status-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border:1.5px solid;border-radius:var(--radius-pill);background:transparent;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:600;transition:all .15s var(--ease-out);white-space:nowrap}.status-btn svg{flex-shrink:0}.status-btn:disabled{opacity:.4;cursor:not-allowed}.status-btn--use{border-color:#2563eb40;color:#2563eb;background:#2563eb0f}.status-btn--use:hover:not(:disabled){border-color:#2563eb80;background:#2563eb1f}.status-btn--active.status-btn--use{background:var(--color-use);border-color:var(--color-use);color:#fff}.status-btn--like{border-color:#05966940;color:#059669;background:#0596690f}.status-btn--like:hover:not(:disabled){border-color:#05966980;background:#0596691f}.status-btn--active.status-btn--like{background:var(--color-like);border-color:var(--color-like);color:#fff}.status-btn--remove{border-color:#dc262640;color:#dc2626;background:#dc26260f}.status-btn--remove:hover:not(:disabled){border-color:#dc262680;background:#dc26261f}.status-btn--active.status-btn--remove{background:var(--color-remove);border-color:var(--color-remove);color:#fff}.edit-toggle-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);cursor:pointer;font-size:1.05rem;color:var(--color-text-faint);transition:all .15s ease;flex-shrink:0}.edit-toggle-btn:hover{border-color:var(--color-text-soft);color:var(--color-text)}.comment-toggle-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);cursor:pointer;color:var(--color-text-faint);transition:all .15s ease;flex-shrink:0}.comment-toggle-btn:hover{border-color:var(--color-text-soft);color:var(--color-text)}.comment-toggle-btn--active{background:var(--color-use-soft);border-color:var(--color-use);color:var(--color-use)}.comment-box{display:flex;flex-direction:column;gap:6px;animation:formSlide .2s var(--ease-out)}.comment-textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface-warm);resize:vertical;transition:border-color .15s ease;line-height:1.5}.comment-textarea::placeholder{color:var(--color-text-faint)}.comment-textarea:focus{outline:none;border-color:var(--color-text)}.comment-actions{display:flex;align-items:center;gap:8px}.comment-hint{font-size:.6875rem;color:var(--color-text-faint);letter-spacing:.02em}.card-comment-preview{font-size:.8125rem;color:var(--color-use);background:var(--color-use-soft);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;line-height:1.4;transition:background .15s ease;white-space:pre-line}.card-comment-preview:hover{background:#dde8ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 18px;border:1.5px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s var(--ease-out);white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){border-color:var(--color-text-soft)}.btn--danger{background:var(--color-remove);color:#fff}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--sm{padding:5px 12px;font-size:.75rem}.edit-form{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--color-surface-warm);border-radius:var(--radius-md);animation:formSlide .2s var(--ease-out)}@keyframes formSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.edit-field{display:flex;flex-direction:column;gap:2px}.edit-label{font-size:.6875rem;font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em}.edit-form input,.edit-form textarea{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);resize:vertical;transition:border-color .15s ease}.edit-form input:focus,.edit-form textarea:focus{outline:none;border-color:var(--color-text)}.edit-actions{display:flex;gap:6px;padding-top:2px}.save-indicator{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem}.save-indicator--saving{color:var(--color-text-faint)}.save-indicator--saved{color:var(--color-like)}.save-indicator--error{color:var(--color-remove)}.save-spinner{display:inline-block;width:10px;height:10px;border:1.5px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;animation:spin .5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.save-retry{background:none;border:none;color:var(--color-use);cursor:pointer;font-size:.625rem;font-weight:600;text-decoration:underline;padding:0;font-family:var(--font-body)}.loading-state,.error-state,.empty-state{text-align:center;padding:60px 20px;font-size:.875rem;color:var(--color-text-faint)}.error-state{color:var(--color-remove)}.page-header{padding:32px 0 24px;border-bottom:1px solid var(--color-border);margin-bottom:24px}.page-header h1{font-family:var(--font-display);font-size:1.75rem;font-weight:300;letter-spacing:-.02em}.admin-actions{display:flex;gap:6px;margin-bottom:20px}.admin-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.admin-table{width:100%;border-collapse:collapse;font-size:.75rem}.admin-table th{text-align:left;padding:10px 14px;background:var(--color-surface-warm);font-weight:700;font-size:.625rem;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-table td{padding:8px 14px;border-bottom:1px solid var(--color-border-light);vertical-align:top}.admin-table tr:last-child td{border-bottom:none}.admin-cell-id{font-family:SF Mono,Fira Code,monospace;font-size:.625rem;white-space:nowrap;color:var(--color-text-faint)}.admin-cell-desc{max-width:200px}.admin-cell-date{white-space:nowrap;font-size:.6875rem;color:var(--color-text-faint)}.admin-row--use td:first-child{box-shadow:inset 3px 0 0 var(--color-use)}.admin-row--like td:first-child{box-shadow:inset 3px 0 0 var(--color-like)}.admin-row--remove td:first-child{box-shadow:inset 3px 0 0 var(--color-remove)}.status-badge{display:inline-block;padding:1px 8px;border-radius:var(--radius-pill);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-badge--unreviewed{background:var(--color-surface-warm);color:var(--color-unreviewed)}.status-badge--use{background:var(--color-use-soft);color:var(--color-use)}.status-badge--like{background:var(--color-like-soft);color:var(--color-like)}.status-badge--remove{background:var(--color-remove-soft);color:var(--color-remove)}.focus-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1c1917;display:flex;flex-direction:column;overflow:hidden;animation:focusFadeIn .3s var(--ease-out)}@keyframes focusFadeIn{0%{opacity:0}to{opacity:1}}.focus-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 10px;flex-shrink:0}.focus-exit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:transparent;color:#ffffff80;cursor:pointer;transition:all .15s ease}.focus-exit-btn:hover{background:#ffffff0f;color:#ffffffd9;border-color:#ffffff40}.focus-position{font-family:var(--font-body);font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.02em}.focus-position-current{color:#ffffffe6;font-weight:700}.focus-position-sep{color:#fff3;margin:0 2px}.focus-position-total{color:#ffffff59}.focus-reviewed-count{font-size:.75rem;color:#ffffff4d;font-weight:400}.focus-reviewed-count strong{color:#fff9;font-weight:600}.focus-progress-rail{position:relative;height:2px;background:#ffffff0f;flex-shrink:0}.focus-progress-fill{position:absolute;top:0;left:0;height:100%;background:#ffffff80;transition:width .4s var(--ease-out)}.focus-progress-reviewed{position:absolute;top:0;left:0;height:100%;background:#ffffff1f;transition:width .4s var(--ease-out)}.focus-stage{flex:1;display:flex;align-items:center;overflow:hidden;min-height:0}.focus-nav-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:50%;background:transparent;color:#ffffff4d;cursor:pointer;transition:all .15s ease;margin:0 8px}.focus-nav-btn:hover:not(:disabled){background:#ffffff0f;color:#ffffffb3}.focus-nav-btn:disabled{opacity:.15;cursor:default}.focus-content{flex:1;min-height:0;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:16px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.focus-content::-webkit-scrollbar{width:6px}.focus-content::-webkit-scrollbar-track{background:transparent}.focus-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.focus-content--enter{animation:focusContentEnter .25s var(--ease-out) both}.focus-content--exit-next{animation:focusContentExitNext .2s ease-in both}.focus-content--exit-prev{animation:focusContentExitPrev .2s ease-in both}@keyframes focusContentEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes focusContentExitNext{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes focusContentExitPrev{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.focus-category{display:inline-block;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;margin-bottom:6px}.focus-title{font-family:var(--font-display);font-size:1.125rem;font-weight:300;color:#ffffffbf;letter-spacing:-.01em;line-height:1.35;margin-bottom:16px;text-align:center;max-width:600px;display:flex;align-items:center;justify-content:center;gap:8px}.focus-edited-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f59e0b;flex-shrink:0}.focus-media{max-width:100%;max-height:56vh;margin-bottom:16px;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff08}.focus-media img{max-width:100%;max-height:56vh;object-fit:contain;display:block}.focus-description{color:#ffffff8c;font-size:1rem;line-height:1.7;max-width:620px;text-align:center;white-space:pre-line;margin-bottom:12px}.focus-current-status{display:inline-flex;padding:3px 14px;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.focus-current-status--use{background:#2563eb26;color:#60a5fa}.focus-current-status--like{background:#05966926;color:#34d399}.focus-current-status--remove{background:#dc262626;color:#f87171}.focus-edit-wrap{width:100%;max-width:520px;margin-top:12px}.focus-edit-wrap .edit-form{background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.focus-edit-wrap .edit-label{color:#ffffff59}.focus-edit-wrap .edit-form input,.focus-edit-wrap .edit-form textarea{background:#ffffff0f;border-color:#ffffff1a;color:#ffffffd9}.focus-edit-wrap .edit-form input:focus,.focus-edit-wrap .edit-form textarea:focus{border-color:#ffffff4d}.focus-edit-wrap .btn--primary{background:#ffffffd9;color:#1c1917}.focus-edit-wrap .btn--primary:hover:not(:disabled){background:#fff}.focus-edit-wrap .btn--secondary{background:transparent;color:#ffffff80;border-color:#ffffff1f}.focus-edit-wrap .btn--secondary:hover:not(:disabled){border-color:#ffffff4d;color:#fffc}.focus-edit-wrap .btn--danger{background:#dc26264d;color:#f87171}.focus-actions{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 18px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.05)}.focus-actions-left{display:flex;align-items:center;gap:8px;min-width:80px}.focus-actions-center{display:flex;gap:8px}.focus-actions-right{display:flex;align-items:center;min-width:80px;justify-content:flex-end}.focus-comment-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:transparent;cursor:pointer;color:#ffffff59;transition:all .15s ease}.focus-comment-btn:hover{background:#ffffff0f;color:#ffffffb3;border-color:#ffffff40}.focus-comment-btn--active{background:#2563eb26;border-color:#2563eb66;color:#60a5fa}.focus-comment-preview{display:inline-flex;align-items:flex-start;gap:6px;max-width:520px;padding:8px 12px;border-radius:var(--radius-sm);background:#2563eb1a;color:#60a5facc;font-size:.8125rem;line-height:1.4;cursor:pointer;transition:background .15s ease;white-space:pre-line;margin-bottom:8px}.focus-comment-preview:hover{background:#2563eb29}.focus-comment-preview svg{flex-shrink:0;margin-top:2px;opacity:.5}.focus-edit-wrap .comment-textarea{background:#ffffff0f;border-color:#ffffff1a;color:#ffffffd9}.focus-edit-wrap .comment-textarea::placeholder{color:#ffffff40}.focus-edit-wrap .comment-textarea:focus{border-color:#ffffff4d}.focus-edit-wrap .comment-hint{color:#fff3}.focus-edit-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:transparent;cursor:pointer;font-size:1.125rem;color:#ffffff59;transition:all .15s ease}.focus-edit-btn:hover{background:#ffffff0f;color:#ffffffb3;border-color:#ffffff40}.focus-actions-left .save-indicator--saving{color:#fff6}.focus-actions-left .save-indicator--saved{color:#34d399}.focus-actions-left .save-indicator--error{color:#f87171}.focus-actions-left .save-spinner{border-color:#ffffff26;border-top-color:#ffffffb3}.focus-action-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border:1.5px solid;border-radius:var(--radius-pill);background:transparent;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:600;transition:all .15s var(--ease-out);white-space:nowrap}.focus-action-btn svg{flex-shrink:0}.focus-action-btn:disabled{opacity:.3;cursor:not-allowed}.focus-action-btn kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:4px;font-family:var(--font-body);font-size:.625rem;font-weight:600;line-height:1}.focus-action-btn--use{border-color:#2563eb59;color:#93bbfd;background:#2563eb14}.focus-action-btn--use kbd{background:#2563eb26;color:#60a5fa80}.focus-action-btn--use:hover:not(:disabled){border-color:var(--color-use);color:#bdd4fe;background:#2563eb2e}.focus-action-btn--like{border-color:#05966959;color:#34d399;background:#05966914}.focus-action-btn--like kbd{background:#05966926;color:#34d39980}.focus-action-btn--like:hover:not(:disabled){border-color:var(--color-like);color:#6ee7b7;background:#0596692e}.focus-action-btn--remove{border-color:#dc262659;color:#f87171;background:#dc262614}.focus-action-btn--remove kbd{background:#dc262626;color:#f8717180}.focus-action-btn--remove:hover:not(:disabled){border-color:var(--color-remove);color:#fca5a5;background:#dc26262e}.focus-action-btn--skip{border-color:#ffffff1f;color:#fff6;background:transparent}.focus-action-btn--skip kbd{background:#ffffff0f;color:#fff3}.focus-action-btn--skip:hover:not(:disabled){border-color:#ffffff40;color:#ffffffb3;background:#ffffff0a}.focus-hint{font-size:.625rem;color:#ffffff26;white-space:nowrap}.focus-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:.875rem}.controls-bar-user{display:flex;align-items:center;gap:8px;flex-shrink:0}.controls-bar-user-label{font-size:.85rem;color:var(--color-text-soft);white-space:nowrap}.focus-html-container{width:100%;height:70vh;min-height:600px;background:#fff;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;flex-shrink:0}@media(max-width:640px){.controls-bar{margin:0 -12px;padding:10px 12px}.controls-bar-row{flex-wrap:wrap}.controls-bar-user{width:100%;justify-content:center;flex-wrap:wrap;gap:6px}.page-container{padding:0 12px 40px}.filter-bar{flex-direction:column}.filter-select,.filter-search{width:100%}.card-body{padding:10px 14px}.card-actions{flex-wrap:wrap;flex-direction:column;align-items:stretch}.card-actions-right{justify-content:center}.status-control{flex-wrap:wrap;justify-content:center}.status-btn{padding:5px 12px;font-size:.8125rem;gap:4px}.card-metrics,.focus-metrics{flex-wrap:wrap;justify-content:center}.focus-html-container{min-height:auto;height:50vh}.focus-stage{position:relative}.focus-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;margin:0;background:#00000059;border-radius:50%}.focus-nav-btn--prev{left:4px}.focus-nav-btn--next{right:4px}.focus-nav-btn svg{width:16px;height:16px}.focus-content{padding:12px 8px}.focus-title{font-size:.9375rem}.focus-media,.focus-media img{max-height:44vh}.focus-description{font-size:.8125rem}.focus-actions{padding:10px 12px 14px;flex-wrap:wrap;gap:8px;justify-content:center}.focus-actions-left{order:2;min-width:auto}.focus-actions-center{order:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.focus-actions-right{display:none}.focus-action-btn{height:42px;padding:0 10px;font-size:.8125rem;justify-content:center;gap:6px}.focus-action-btn kbd,.focus-hint,.view-toggle-btn span{display:none}.focus-comments-list.card-comments-list{background:#ffffff0d}.focus-comments-list.card-comments-list:hover{background:#ffffff14}}.login-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.login-modal{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px;text-align:center}.login-modal h2{margin:0 0 .5rem;font-size:1.5rem;color:#111827}.login-modal p{color:#6b7280;margin:0 0 1.5rem;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-select{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;width:100%;background:#f9fafb}.login-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.card-metrics{display:flex;gap:.5rem;margin-top:.5rem;font-size:.85rem;font-weight:500}.metric{padding:.15rem .5rem;border-radius:4px}.metric--use{background:#dcfce7;color:#166534}.metric--like{background:#e0e7ff;color:#3730a3}.metric--remove{background:#fee2e2;color:#991b1b}.card-comments-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;background:#f9fafb}.card-comments-list:hover{background:#f3f4f6}.comment-item{font-size:.9rem;color:#374151;line-height:1.4}.comment-item strong{color:#111827}.focus-metrics{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.focus-comments-list{margin-top:1.5rem;text-align:left;background:#ffffff0d;padding:1rem;border-radius:8px;max-width:600px;margin-left:auto;margin-right:auto}.focus-comments-list:hover{background:#ffffff14}.focus-comments-list .comment-item{color:#e5e7eb}.focus-comments-list .comment-item strong{color:#f3f4f6}