#compass-page{padding-bottom:6rem}.compass-heading h1{margin:.3rem 0 .6rem;font-size:clamp(2rem,4vw,3rem)}.compass-eyebrow{color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}.compass-controls{flex-wrap:wrap;align-items:end;gap:1rem 1.5rem;margin-top:.9rem;display:flex}.compass-mode-toggle{background:#edf0f3;border-radius:.75rem;flex:none;align-self:end;gap:.2rem;padding:.2rem;display:inline-flex}.compass-mode-toggle button{min-height:42px;color:var(--color-text);background:0 0;border:0;border-radius:.55rem;padding:.45rem 1rem;font-weight:600}.compass-mode-toggle button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #1f29371f}.compass-mode-help{color:#547;background:#f7f2fc;border-left:3px solid #9279bc;border-radius:0 .35rem .35rem 0;width:fit-content;max-width:100%;margin:1.2rem 0 0;padding:.55rem .8rem;font-size:.88rem;line-height:1.4}.compass-review-banner{color:#547;background:#f7f2fc;border:1px solid #d7c9ec;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:.75rem 0 1rem;padding:.8rem 1rem;display:flex}.compass-review-banner strong{font-size:.95rem}.compass-review-actions{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.is-review-mode #compass-workspace{background:#fbf8fe;border:1px solid #e0d3ed;border-radius:1rem;padding:1rem}.is-review-mode .compass-category{box-shadow:0 5px 18px #66518a21,0 0 0 1px #d9c9eb}.is-review-mode .compass-tile{box-shadow:0 2px 9px #66518a1c}.compass-original{color:#6a5b80;margin:0 .65rem .45rem;font-size:.7rem;line-height:1.25;display:block}.compass-dialog{width:min(39rem,100% - 2rem);max-height:min(85vh,48rem);color:var(--color-text);background:#fff;border:1px solid #e4dbe9;border-radius:1rem;padding:1.5rem;box-shadow:0 20px 70px #14213240}.compass-dialog::backdrop{background:#14213299}.compass-dialog-eyebrow{color:var(--color-primary-dark);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .3rem;font-size:.75rem;font-weight:750}.compass-dialog h2{margin:0 0 .55rem;font-size:clamp(1.45rem,4vw,1.8rem);line-height:1.2}.compass-dialog h2+p{color:var(--color-text-light);margin:0 0 1.2rem;font-size:.92rem;line-height:1.55}#compass-finalize-list{gap:.65rem;max-height:45vh;padding:.15rem .2rem .15rem 0;display:grid;overflow:auto}.compass-finalize-row{background:#faf9f8;border:1px solid #e4e5e8;border-radius:.7rem;align-items:center;gap:.8rem;min-width:0;padding:.7rem;display:flex}.compass-finalize-row img{object-fit:contain;background:#eeece8;border-radius:.25rem;flex:none;width:3rem;height:3.5rem}.compass-finalize-details{flex:1;min-width:0}.compass-finalize-details strong{overflow-wrap:anywhere;margin-bottom:.25rem;font-size:.9rem;line-height:1.25;display:block}.compass-finalize-transition{flex-wrap:wrap;align-items:center;gap:.25rem .4rem;font-size:.78rem;display:flex}.compass-finalize-from{color:var(--color-text-light)}.compass-finalize-arrow{color:#8c93a0}.compass-finalize-to{color:#725217;background:#fff0d4;border-radius:2rem;padding:.2rem .45rem;font-weight:700}.compass-finalize-to[data-category=forever]{color:#286346;background:#e4f3e9}.compass-finalize-to[data-category=cull]{color:#9a443f;background:#fae9e6}.compass-finalize-to[data-category=review]{color:#65518d;background:#eee8f6}.compass-finalize-to[data-category=undecided]{color:#52606d;background:#ebeff2}.compass-finalize-remove{color:#9a443f;font:inherit;background:#fff7f6;border:1px solid #e8c9c5;border-radius:.5rem;flex:none;padding:.45rem .65rem;font-size:.78rem;font-weight:700}.compass-finalize-remove:hover{background:#fae9e6;border-color:#c97f77}.compass-finalize-row.is-excluded{opacity:.65;background:#f4f4f4}.compass-finalize-row.is-excluded .compass-finalize-details{text-decoration:line-through}.compass-finalize-row.is-excluded .compass-finalize-remove{color:#574478;background:#f7f2fc;border-color:#d7c9ec}.compass-dialog-actions{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:flex-end;gap:.55rem;margin-top:1.2rem;padding-top:1rem;display:flex}@media (width<=520px){.compass-dialog{padding:1rem}.compass-finalize-row{gap:.55rem}.compass-finalize-remove{padding:.4rem .5rem}.compass-dialog-actions>button{flex:100%}}.compass-controls label{flex-direction:column;gap:.35rem;display:flex}.compass-controls input[type=search]{border:1px solid var(--color-border);border-radius:.5rem;width:20rem;max-width:100%;padding:.65rem}.compass-controls .compass-review-option{flex-direction:row;align-items:center;gap:.45rem;min-height:44px}.compass-view-toggle{gap:.3rem;display:flex}#compass-page button{cursor:pointer}#compass-page button:disabled{opacity:.5;cursor:not-allowed}.compass-view-toggle button,.compass-swipe-actions button,#compass-revisit,#compass-undo,.compass-more{min-height:44px;color:var(--color-text);border:1px solid var(--color-border);background:#fff;border-radius:.5rem;padding:.5rem .8rem}.compass-view-toggle button[aria-pressed=true]{border-color:var(--color-primary);background:#fff0e0}.compass-hint,.compass-category-description{color:var(--color-text-light);font-size:.85rem}.compass-board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.compass-board.has-review{grid-template-columns:repeat(4,minmax(0,1fr))}.compass-category{border:1px solid var(--color-border);background:#fff;border-top:4px solid #d9a841;border-radius:.8rem;flex-direction:column;min-width:0;padding:1rem;display:flex}.compass-category[data-category=forever]{border-top-color:#448c68}.compass-category[data-category=cull]{border-top-color:#b95f57}.compass-category[data-category=review]{border-top-color:#7a6bac}.compass-category[data-category=undecided]{--tile-bg:#f6f0e8;--tile-cover:#eee5d9;--tile-border:#e6d9c9;border-top-color:#9ba5af;margin-top:1.3rem}.compass-category[data-category=forever]{--tile-bg:#f0f8f2;--tile-cover:#e5f1e8;--tile-border:#d0e5d5}.compass-category[data-category=keep]{--tile-bg:#fff9e9;--tile-cover:#faefcf;--tile-border:#efdfb5}.compass-category[data-category=review]{--tile-bg:#f6f2fb;--tile-cover:#ece5f5;--tile-border:#dfd3ee}.compass-category[data-category=cull]{--tile-bg:#fff3f1;--tile-cover:#f8e5e1;--tile-border:#efd5d0}.compass-category.is-drop-target{outline:3px solid var(--color-primary);outline-offset:2px;background:#fff8ee}.compass-category h2{justify-content:space-between;align-items:center;gap:.7rem;margin:0;font-size:1.15rem;display:flex}.compass-count{background:#f1f3f5;border-radius:2rem;padding:.2rem .5rem;font-size:.85rem}.compass-tiles{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));align-content:start;gap:.8rem;display:grid}.compass-tiles:has(>.compass-empty){flex:1;align-content:stretch}.compass-empty{text-align:center;min-height:4.5rem;color:var(--color-text-light);border:1px dashed var(--color-border);border-radius:.5rem;grid-column:1/-1;place-items:center;margin:0;padding:.75rem;font-size:.9rem;display:grid}.compass-tile{border:1px solid var(--tile-border,#e6d9c9);background:var(--tile-bg,#f6f0e8);border-radius:.8rem;flex-direction:column;min-width:0;max-width:175px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden;box-shadow:0 3px 12px #1d2d3b0c}.compass-tile[draggable=true]{cursor:grab}.compass-tile[draggable=true]:hover{border-color:#d4b8a1;transform:translateY(-2px);box-shadow:0 8px 20px #1d2d3b1a}.compass-tile[draggable=true]:active{cursor:grabbing}.compass-drag-preview{z-index:2147483647;pointer-events:none;isolation:isolate;margin:0;position:fixed;top:0;left:0}#compass-expand{margin-top:1rem}.compass-cover{aspect-ratio:1;background:var(--tile-cover,#eee5d9);border-bottom:1px solid var(--tile-border,#e6d9c9);min-height:0;color:var(--color-text-light);text-align:center;place-items:center;padding:.4rem;font-size:.7rem;display:grid}.compass-cover img{object-fit:contain;border-radius:.25rem;width:100%;height:100%;min-height:0}.compass-tile-name{color:var(--color-text);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.6em;margin:.65rem .65rem .35rem;font-size:.82rem;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden}.compass-tile select{color:#344258;width:calc(100% - 1.3rem);min-height:38px;font:inherit;cursor:pointer;background:#f8f9fa;border:1px solid #d9dee4;border-radius:.45rem;margin:auto .65rem .65rem;padding:.35rem .3rem;font-size:.75rem;font-weight:600;display:block}.compass-tile select:hover:not(:disabled){border-color:var(--color-primary);background:#fff9f4}@media (prefers-reduced-motion:reduce){.compass-tile{transition:none}.compass-tile[draggable=true]:hover{transform:none}}.compass-more{margin-top:.7rem}.compass-mobile-more{display:none}#compass-swipe-view{text-align:center;max-width:38rem;margin:auto}#compass-swipe-card{place-items:center;min-height:280px;display:grid}#compass-swipe-card .compass-tile{touch-action:none;user-select:none;width:min(100%,280px);max-width:280px}#compass-swipe-card .compass-tile-name{-webkit-line-clamp:unset;height:auto;padding:.4rem;font-size:1.1rem;display:block;overflow:visible}.compass-swipe-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:1.25rem 0 .5rem;display:grid}.compass-swipe-actions button[data-choice]:not([data-choice=review]){border:1px solid var(--action-border);min-width:0;color:var(--action-color);background:var(--action-bg);border-radius:1.2rem;flex-direction:column;grid-column:span 2;align-items:center;gap:.6rem;padding:.9rem .35rem;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:flex;box-shadow:0 3px 8px #18233008}.compass-swipe-actions [data-choice=forever]{--action-color:#286346;--action-bg:#edf7f0;--action-border:#cde5d5}.compass-swipe-actions [data-choice=keep]{--action-color:#805512;--action-bg:#fff7e6;--action-border:#f1dfb3}.compass-swipe-actions [data-choice=cull]{--action-color:#9a443f;--action-bg:#fff0ed;--action-border:#f0d2cd}.compass-action-icon{background:#ffffffb3;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid}.compass-action-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.4rem;height:1.4rem}.compass-swipe-actions button[data-choice=review],#compass-skip,#compass-revisit,#compass-undo{background:#f0f2f4;border:0;border-radius:2rem;padding:.6rem 1rem;font-size:.85rem;font-weight:500}.compass-swipe-actions button[data-choice=review]{color:#65518d;background:#f2eef8;grid-column:span 3}#compass-skip{grid-column:span 3}.compass-swipe-actions button[data-choice=review][hidden]+#compass-skip{grid-column:2/6}#compass-revisit,#compass-undo{color:var(--color-text-light);background:0 0;margin:.25rem}@media (hover:hover){.compass-swipe-actions button[data-choice]:not([data-choice=review]):enabled:hover{transform:translateY(-2px);box-shadow:0 6px 14px #18233014}#compass-skip:enabled:hover,#compass-revisit:enabled:hover,#compass-undo:enabled:hover{background:#e8ebef}.compass-swipe-actions button[data-choice=review]:enabled:hover{background:#e9e1f4}}.compass-swipe-actions button[data-choice]:not([data-choice=review]):enabled:active{box-shadow:none;transform:scale(.96)}@media (prefers-reduced-motion:reduce){.compass-swipe-actions button[data-choice]:not([data-choice=review]){transition:none;transform:none!important}}.compass-save-bar{border:1px solid var(--color-border);z-index:20;background:#fff;border-radius:.7rem;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1rem;padding:1rem;display:flex;position:sticky;bottom:.6rem;box-shadow:0 3px 20px #0002}.compass-save-bar span{flex:1}#compass-page [hidden]{display:none!important}#compass-page :focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (width<=700px){.is-swiping .compass-heading p{display:none}.is-swiping .compass-heading h1{margin:.4rem 0;font-size:1.65rem}.is-swiping .compass-controls{gap:.5rem;margin-top:.5rem}.is-swiping #compass-status,#compass-swipe-view>p{margin:.5rem 0;font-size:.85rem}#compass-swipe-card{min-height:0}#compass-swipe-card .compass-tile{width:min(100%,210px)}.compass-swipe-actions{margin:.6rem 0}.compass-board,.compass-board.has-review{grid-template-columns:minmax(0,1fr)}.compass-controls{align-items:stretch}.compass-controls input[type=search],.compass-controls>label:first-child{width:100%}.compass-mobile-more{display:inline-block}#compass-expand{display:none}.compass-save-bar span{flex-basis:100%}.compass-category{padding:.8rem}}