:root{--rog-primary: #0d9488;--rog-primary-dark: #0f766e;--rog-accent: #f97316;--rog-surface: #ffffff;--rog-surface-muted: #f2faf8;--rog-border: #d9ece8;--rog-border-strong: #aed6d0;--rog-text-main: #122a26;--rog-text-muted: #5b6f6b;--rog-success: #16a34a;--rog-shadow: 0 18px 40px rgba(13, 148, 136, 0.10);--primary: var(--rog-primary);--primary-dark: var(--rog-primary-dark);--border: var(--rog-border);--surface: var(--rog-surface);--surface-muted: var(--rog-surface-muted);--shadow-soft: var(--rog-shadow);--text-main: var(--rog-text-main);--text-muted: var(--rog-text-muted);}
.rog-workbench{background: var(--rog-surface);border: 1px solid var(--rog-border);border-radius: 1rem;box-shadow: var(--rog-shadow);overflow: hidden;margin-bottom: 2.5rem;}
.rog-byline{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.5rem 1rem;padding: 0.75rem 1.25rem;font-size: 0.85rem;color: var(--rog-text-muted);background: var(--rog-surface-muted);border-bottom: 1px solid var(--rog-border);}
.rog-byline-author{font-weight: 600;color: var(--rog-text-main);}
.rog-byline .author-link{color: var(--rog-primary);text-decoration: none;font-weight: 600;}
.rog-byline .author-link:hover{text-decoration: underline;}
.rog-split{display: grid;grid-template-columns: 1fr;}
@media (min-width: 992px){.rog-split{grid-template-columns: 19.5rem 1fr;}.rog-rail{border-right: 1px solid var(--rog-border);border-bottom: none;}}
.rog-rail{padding: 1.25rem;background: var(--rog-surface-muted);border-bottom: 1px solid var(--rog-border);}
.rog-rail-head{display: flex;align-items: baseline;justify-content: space-between;gap: 0.75rem;margin-bottom: 0.7rem;}
.rog-rail-label{font-size: 0.75rem;font-weight: 700;letter-spacing: 0.07em;text-transform: uppercase;color: var(--rog-text-muted);}
.rog-link-btn{padding: 0;font-size: 0.8rem;font-weight: 700;color: var(--rog-primary);background: none;border: none;cursor: pointer;}
.rog-link-btn:hover{text-decoration: underline;}
.rog-link-btn:focus-visible{outline: 2px solid var(--rog-primary);outline-offset: 2px;}
.rog-shelves{display: grid;gap: 0.4rem;padding: 0;margin: 0 0 1.35rem;list-style: none;}
.rog-shelf{display: flex;align-items: center;gap: 0.6rem;padding: 0.6rem 0.75rem;font-size: 0.92rem;font-weight: 600;color: var(--rog-text-main);background: var(--rog-surface);border: 1px solid var(--rog-border);border-radius: 0.55rem;cursor: pointer;transition: border-color 0.18s, box-shadow 0.18s;}
.rog-shelf:hover{border-color: var(--rog-primary);}
.rog-shelf:focus-within{border-color: var(--rog-primary);box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15);}
.rog-shelf-input{width: 1.05rem;height: 1.05rem;accent-color: var(--rog-primary);cursor: pointer;flex-shrink: 0;}
.rog-shelf-name{flex: 1 1 auto;}
.rog-rail-group{margin-bottom: 1.35rem;}
.rog-seg{display: inline-flex;padding: 0.25rem;background: var(--rog-surface);border: 1px solid var(--rog-border-strong);border-radius: 0.6rem;gap: 0.25rem;}
.rog-seg-btn{min-width: 3rem;padding: 0.45rem 0.75rem;font-size: 0.9rem;font-weight: 700;color: var(--rog-text-muted);background: transparent;border: none;border-radius: 0.4rem;cursor: pointer;transition: color 0.18s, background 0.18s;}
.rog-seg-btn:hover{color: var(--rog-primary);}
.rog-seg-btn:focus-visible{outline: 2px solid var(--rog-primary);outline-offset: 2px;}
.rog-seg-btn[aria-pressed="true"]{background: var(--rog-primary);color: #ffffff;}
.rog-switch{display: flex;align-items: flex-start;gap: 0.6rem;font-size: 0.9rem;font-weight: 600;color: var(--rog-text-main);cursor: pointer;}
.rog-switch input{width: 1.05rem;height: 1.05rem;margin-top: 0.15rem;accent-color: var(--rog-primary);cursor: pointer;flex-shrink: 0;}
.rog-switch-hint{display: block;font-size: 0.79rem;font-weight: 500;line-height: 1.45;color: var(--rog-text-muted);}
.rog-stage{display: flex;flex-direction: column;min-width: 0;}
.rog-results{padding: 1.25rem;flex: 1 1 auto;min-height: 260px;display: flex;flex-direction: column;}
.rog-empty[hidden],.rog-cards[hidden]{display: none;}
.rog-empty{display: flex;flex: 1;align-items: center;justify-content: center;text-align: center;padding: 2.5rem 1.5rem;background: var(--rog-surface-muted);border: 1px dashed var(--rog-border-strong);border-radius: 0.9rem;}
.rog-empty-icon{display: block;margin: 0 auto 0.9rem;color: var(--rog-primary);opacity: 0.5;}
.rog-empty-title{font-size: 1.08rem;font-weight: 700;color: var(--rog-text-main);margin: 0 0 0.3rem;}
.rog-empty-desc{font-size: 0.92rem;color: var(--rog-text-muted);margin: 0;max-width: 34ch;}
.rog-cards{display: grid;gap: 0.9rem;}
.rog-cards.is-grid{grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));}
.rog-card{position: relative;display: flex;flex-direction: column;padding: 1.15rem 1.15rem 1rem;background: linear-gradient(180deg, #ffffff 0%, var(--rog-surface-muted) 100%);border: 1px solid var(--rog-border);border-radius: 0.85rem;transition: border-color 0.18s, box-shadow 0.18s;}
.rog-card::before{content: '';position: absolute;top: 0;left: 1.15rem;right: 1.15rem;height: 3px;background: linear-gradient(90deg, var(--rog-primary) 0%, var(--rog-accent) 100%);border-radius: 0 0 3px 3px;}
.rog-card.is-kept{border-color: var(--rog-primary);box-shadow: 0 0 0 1px var(--rog-primary);}
.rog-card-tag{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--rog-primary);margin-top: 0.35rem;}
.rog-card-name{font-size: clamp(1.2rem, 2.4vw, 1.5rem);font-weight: 800;line-height: 1.2;color: var(--rog-text-main);margin: 0.3rem 0 0.9rem;}
.rog-card-facts{display: grid;gap: 0.6rem;margin: 0 0 1rem;}
.rog-fact dt{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;color: var(--rog-text-muted);}
.rog-fact dd{font-size: 0.93rem;font-weight: 600;color: var(--rog-text-main);line-height: 1.4;margin: 0.1rem 0 0;}
.rog-keep{display: inline-flex;align-items: center;justify-content: center;gap: 0.4rem;margin-top: auto;padding: 0.45rem 0.7rem;font-size: 0.8rem;font-weight: 700;color: var(--rog-text-muted);background: var(--rog-surface);border: 1px solid var(--rog-border-strong);border-radius: 0.45rem;cursor: pointer;transition: color 0.18s, border-color 0.18s, background 0.18s;}
.rog-keep:hover{color: var(--rog-primary);border-color: var(--rog-primary);}
.rog-keep:focus-visible{outline: 2px solid var(--rog-primary);outline-offset: 2px;}
.rog-keep[aria-pressed="true"]{background: var(--rog-primary);border-color: var(--rog-primary);color: #ffffff;}
.rog-actions{display: flex;flex-wrap: wrap;gap: 0.6rem;padding: 1.25rem;border-top: 1px solid var(--rog-border);}
.rog-btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.75rem 1.4rem;font-size: 1rem;font-weight: 700;border: none;border-radius: 0.55rem;cursor: pointer;transition: transform 0.15s, box-shadow 0.15s, color 0.18s, border-color 0.18s;}
.rog-btn:focus-visible{outline: 2px solid var(--rog-primary);outline-offset: 2px;}
.rog-btn-primary{min-width: 10rem;background: linear-gradient(135deg, var(--rog-primary) 0%, var(--rog-primary-dark) 100%);color: #ffffff;}
.rog-btn-primary:hover{transform: translateY(-1px);box-shadow: 0 10px 22px rgba(13, 148, 136, 0.32);}
.rog-btn-primary:active{transform: translateY(0);}
.rog-btn-primary[disabled]{cursor: wait;opacity: 0.85;}
.rog-btn-primary.is-drawing .rog-btn-icon{animation: rog-spin 0.7s linear infinite;}
@keyframes rog-spin{to{transform: rotate(360deg);}}
.rog-btn-icon{display: inline-flex;}
.rog-btn-ghost{background: transparent;color: var(--rog-text-muted);border: 1px solid var(--rog-border-strong);font-weight: 600;}
.rog-btn-ghost:hover{color: var(--rog-primary);border-color: var(--rog-primary);}
.rog-btn-mini{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.55rem 0.9rem;font-size: 0.85rem;font-weight: 600;color: var(--rog-text-muted);background: var(--rog-surface);border: 1px solid var(--rog-border-strong);border-radius: 0.5rem;cursor: pointer;transition: color 0.18s, border-color 0.18s, background 0.18s;}
.rog-btn-mini:hover{color: var(--rog-primary);border-color: var(--rog-primary);}
.rog-btn-mini:focus-visible{outline: 2px solid var(--rog-primary);outline-offset: 2px;}
.rog-btn-mini.is-done{background: var(--rog-success);border-color: var(--rog-success);color: #ffffff;}
.rog-actions-spacer{flex: 1 1 auto;}
.rog-status{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.5rem 1rem;padding: 0.7rem 1.25rem;font-size: 0.85rem;color: var(--rog-text-muted);border-top: 1px solid var(--rog-border);background: var(--rog-surface-muted);}
.rog-status-key{display: none;}
@media (min-width: 768px){.rog-status-key{display: inline;}}
.rog-kbd{display: inline-block;padding: 0.1rem 0.4rem;font-family: inherit;font-size: 0.78rem;font-weight: 700;color: var(--rog-text-main);background: var(--rog-surface);border: 1px solid var(--rog-border-strong);border-bottom-width: 2px;border-radius: 0.3rem;}
.rog-board{padding: 1rem 1.25rem 1.25rem;border-top: 1px solid var(--rog-border);}
.rog-board[hidden]{display: none;}
.rog-board-head{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 0.75rem;margin-bottom: 0.75rem;}
.rog-board-title{flex: 1 1 auto;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.07em;text-transform: uppercase;color: var(--rog-text-muted);margin: 0;}
.rog-board-count{display: inline-block;min-width: 1.4rem;padding: 0.1rem 0.4rem;font-size: 0.75rem;color: #ffffff;background: var(--rog-primary);border-radius: 9999px;text-align: center;letter-spacing: 0;}
.rog-board-list{display: flex;flex-wrap: wrap;gap: 0.4rem;padding: 0;margin: 0;list-style: none;}
.rog-board-item{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.35rem 0.5rem 0.35rem 0.75rem;font-size: 0.85rem;font-weight: 600;color: var(--rog-text-main);background: var(--rog-surface-muted);border: 1px solid var(--rog-border-strong);border-radius: 9999px;}
.rog-board-drop{display: inline-flex;align-items: center;justify-content: center;width: 1.15rem;height: 1.15rem;font-size: 0.95rem;line-height: 1;color: var(--rog-text-muted);background: transparent;border: none;border-radius: 9999px;cursor: pointer;transition: color 0.18s, background 0.18s;}
.rog-board-drop:hover{color: #ffffff;background: var(--rog-accent);}
.rog-board-drop:focus-visible{outline: 2px solid var(--rog-primary);outline-offset: 1px;}
.rog-share{padding: 1rem 1.25rem;border-top: 1px solid var(--rog-border);background: var(--rog-surface-muted);}
.rog-share[hidden]{display: none;}
.rog-share-title{font-size: 0.85rem;font-weight: 700;color: var(--rog-text-main);margin: 0 0 0.7rem;}
.rog-share-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));gap: 0.5rem;}
.rog-share-btn{display: inline-flex;align-items: center;justify-content: center;padding: 0.55rem 0.75rem;font-size: 0.82rem;font-weight: 700;color: #ffffff;text-decoration: none;border-radius: 0.4rem;transition: transform 0.15s, opacity 0.15s;}
.rog-share-btn:hover{transform: translateY(-1px);opacity: 0.94;color: #ffffff;}
.rog-share-x{background: #0f172a;}
.rog-share-fb{background: #1877f2;}
.rog-share-in{background: #0a66c2;}
.rog-share-rd{background: #ff4500;}
.rog-share-tg{background: #229ed9;}
.rog-share-wa{background: #25d366;color: #0b3d1f;}
.rog-share-wa:hover{color: #0b3d1f;}
.rog-content{margin: 0 0 2.5rem;}
.rog-content h2{font-size: clamp(1.3rem, 2.6vw, 1.6rem);font-weight: 800;color: var(--rog-text-main);line-height: 1.25;margin: 2.25rem 0 0.85rem;}
.rog-content h2:first-child{margin-top: 0;}
.rog-content p{font-size: 1.02rem;line-height: 1.7;color: var(--rog-text-main);margin: 0 0 1.05rem;}
.rog-content a{color: var(--rog-primary);font-weight: 600;text-decoration: none;}
.rog-content a:hover{text-decoration: underline;}
.rog-open{font-size: 1.14rem;line-height: 1.6;font-weight: 600;color: var(--rog-text-main);}
.rog-short{font-size: 1.02rem;line-height: 1.6;color: var(--rog-text-muted);margin: 0 0 1.05rem;}
.rog-lenses{display: grid;grid-template-columns: repeat(auto-fit, minmax(228px, 1fr));gap: 0.9rem;padding: 0;margin: 1.5rem 0 1.6rem;list-style: none;}
.rog-lens{padding: 1.1rem 1.15rem;background: var(--rog-surface-muted);border: 1px solid var(--rog-border);border-radius: 0.8rem;}
.rog-lens-when{display: block;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.09em;text-transform: uppercase;color: var(--rog-accent);margin-bottom: 0.45rem;}
.rog-lens h3{font-size: 1.02rem;font-weight: 700;color: var(--rog-text-main);margin: 0 0 0.5rem;}
.rog-lens p{font-size: 0.92rem;line-height: 1.6;color: var(--rog-text-muted);margin: 0;}
.rog-pull{font-size: clamp(1.15rem, 2.6vw, 1.4rem);font-weight: 700;line-height: 1.4;color: var(--rog-primary-dark);text-align: center;max-width: 34ch;margin: 1.9rem auto;}
.rog-note{padding: 0.2rem 0 0.2rem 1.1rem;margin: 1.6rem 0;border-left: 2px solid var(--rog-border-strong);}
.rog-note-label{display: block;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.09em;text-transform: uppercase;color: var(--rog-text-muted);margin-bottom: 0.5rem;}
.rog-note p{font-size: 0.96rem;line-height: 1.65;color: var(--rog-text-muted);margin: 0 0 0.8rem;}
.rog-note p:last-child{margin-bottom: 0;}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.rog-fade{animation: rog-fade 0.35s ease-out;}
@keyframes rog-fade{from{opacity: 0;transform: translateY(6px);}to{opacity: 1;transform: none;}}
@media (max-width: 575px){.rog-actions{flex-direction: column;align-items: stretch;}.rog-actions-spacer{display: none;}.rog-btn,.rog-btn-mini{width: 100%;justify-content: center;}.rog-cards.is-grid{grid-template-columns: 1fr;}.rog-pull{font-size: 1.12rem;}}
@media (prefers-reduced-motion: reduce){.rog-btn,.rog-btn-mini,.rog-shelf,.rog-share-btn,.rog-seg-btn,.rog-keep,.rog-card{transition: none;}.rog-btn-primary.is-drawing .rog-btn-icon{animation: none;}.rog-fade{animation: none;}}