.pt291-body{--pt291-bg:#f5f6f8;--pt291-card:#fff;--pt291-line:#d9dde5;--pt291-soft:#f0f3f7;--pt291-ink:#1f2937;--pt291-muted:#667085}.pt291-page{max-width:1180px}.pt291-subtitle{margin:.15rem 0 .35rem;color:var(--ink)}.pt291-modebar,.pt291-scopes,.pt291-lenses,.pt291-actions,.pt291-searchrow,.pt291-detail-actions,.pt291-recall-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pt291-modebar{margin-bottom:12px}.pt291-modebar button,.pt291-scopes button,.pt291-lenses button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 13px;color:var(--ink);font-weight:800;cursor:pointer}.pt291-modebar button span{display:block;font-size:.72rem;color:var(--muted);font-weight:650;margin-top:2px}.pt291-modebar button.active,.pt291-scopes button.active,.pt291-lenses button.active{outline:2px solid currentColor;background:var(--soft)}.pt291-playcard{padding:14px}.pt291-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;align-items:center}.pt291-searchrow input{flex:1;min-width:180px;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:1rem}.pt291-searchrow button,.pt291-actions button,.pt291-detail-actions button,.pt291-recall-actions button{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:9px 11px;font-weight:750;color:var(--ink);cursor:pointer}.pt291-livebar{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0}.pt291-livebar>div{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:9px 10px;min-width:0}.pt291-livebar small{display:block;color:var(--muted);font-size:.72rem}.pt291-livebar strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt291-progress{height:6px;background:var(--soft);border-radius:999px;overflow:hidden;margin:-2px 0 12px}.pt291-progress span{display:block;height:100%;width:0;background:currentColor;transition:width .2s ease}.pt291-status{padding:10px 12px;background:var(--soft);border-radius:12px;line-height:1.45;margin:10px 0}.pt291-status.good{outline:1px solid #26915f}.pt291-status.bad{outline:1px solid #b54747}.pt291-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px;align-items:start}.pt291-table-wrap{overflow:hidden;border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--card)}.pt291-table{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(9,clamp(34px,5.5vw,58px));gap:3px;width:100%;min-width:0}.pt291-cell{appearance:none;border:1px solid var(--line);border-radius:7px;background:var(--card);padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.02;cursor:pointer;position:relative;min-width:0;color:var(--ink);transition:transform .08s ease,opacity .12s ease,outline-color .12s ease}.pt291-cell:hover,.pt291-cell:focus-visible{z-index:2;transform:scale(1.05);outline:2px solid currentColor;outline-offset:0}.pt291-cell small{font-size:clamp(.44rem,.75vw,.66rem);color:var(--muted);line-height:1}.pt291-cell strong{font-size:clamp(.65rem,1.35vw,1.05rem)}.pt291-cell span{font-size:clamp(.34rem,.63vw,.58rem);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt291-cell.dim{opacity:.16}.pt291-cell.match{outline:3px solid currentColor;z-index:1}.pt291-cell.selected{outline:3px solid #111827;z-index:2}.pt291-cell.recalled{outline:2px solid currentColor}.pt291-cell.revealed{opacity:.55;border-style:dashed}.pt291-cell.master-strong{box-shadow:inset 0 0 0 2px rgba(20,120,70,.52)}.pt291-cell.master-mid{box-shadow:inset 0 0 0 2px rgba(180,125,20,.42)}.pt291-cell.master-weak{box-shadow:inset 0 0 0 2px rgba(170,60,60,.42)}.pt291-cell[data-cat="alkali"]{--cat:#f5c16c;background:color-mix(in srgb,var(--cat) 30%,white)}.pt291-cell[data-cat="alkaline"]{--cat:#efd685;background:color-mix(in srgb,var(--cat) 32%,white)}.pt291-cell[data-cat="transition"]{--cat:#a6c8ff;background:color-mix(in srgb,var(--cat) 25%,white)}.pt291-cell[data-cat="post"]{--cat:#b8d8cb;background:color-mix(in srgb,var(--cat) 30%,white)}.pt291-cell[data-cat="metalloid"]{--cat:#9fd3c7;background:color-mix(in srgb,var(--cat) 33%,white)}.pt291-cell[data-cat="nonmetal"]{--cat:#b5df8b;background:color-mix(in srgb,var(--cat) 30%,white)}.pt291-cell[data-cat="halogen"]{--cat:#86d5bd;background:color-mix(in srgb,var(--cat) 30%,white)}.pt291-cell[data-cat="noble"]{--cat:#c9b8ff;background:color-mix(in srgb,var(--cat) 28%,white)}.pt291-cell[data-cat="lanthanide"]{--cat:#f4b9d0;background:color-mix(in srgb,var(--cat) 29%,white)}.pt291-cell[data-cat="actinide"]{--cat:#e9a8ba;background:color-mix(in srgb,var(--cat) 29%,white)}.pt291-cell[data-cat="unknown"]{--cat:#d1d5db;background:color-mix(in srgb,var(--cat) 35%,white)}.pt291-detail{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px;position:sticky;top:76px}.pt291-detail .symbol{font-size:2.9rem;font-weight:900;line-height:1}.pt291-detail h2{margin:.35rem 0}.pt291-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.pt291-detail-grid>div{background:var(--soft);border-radius:10px;padding:8px}.pt291-detail-grid small{display:block;color:var(--muted);font-size:.68rem}.pt291-siblings{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.pt291-siblings button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 8px;cursor:pointer}.pt291-legend{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.pt291-legend span{font-size:.74rem;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:var(--soft)}.pt291-quiz{display:none;margin-bottom:12px}.pt291-quiz.active{display:block}.pt291-prompt{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:18px;text-align:center}.pt291-prompt .eyebrow{display:block}.pt291-prompt strong{display:block;font-size:clamp(2rem,7vw,4.2rem);line-height:1.05;margin:.35rem 0}.pt291-answer{display:flex;gap:8px;max-width:620px;margin:12px auto 0;flex-wrap:wrap}.pt291-answer input{flex:1 1 240px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:1.08rem}.pt291-answer button{padding:11px 15px}.pt291-recall{display:none;margin-bottom:12px}.pt291-recall.active{display:block}.pt291-recallbox{border:1px solid var(--line);border-radius:14px;background:var(--soft);padding:14px}.pt291-recallform{display:flex;gap:8px;max-width:650px}.pt291-recallform input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:1.05rem}.pt291-recallform button{padding:11px 15px}.pt291-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.pt291-card{padding:14px}.pt291-card h2{font-size:1.05rem;margin:.15rem 0 .65rem}.pt291-mastery-list,.pt291-history,.pt291-archive{display:grid;gap:6px}.pt291-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:.86rem}.pt291-archive{grid-template-columns:repeat(6,1fr)}.pt291-archive a{font-size:.7rem;text-align:center;padding:7px 3px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--ink)}.pt291-archive a.done{outline:2px solid currentColor}.pt291-note{color:var(--muted);font-size:.85rem;line-height:1.5}.pt291-focus .preview-note,.pt291-focus .topbar,.pt291-focus .pt291-header,.pt291-focus .pt291-review-grid,.pt291-focus .pt291-guide,.pt291-focus footer{display:none!important}.pt291-focus .pt291-page{max-width:1240px;margin-top:10px}.pt291-hide-names .pt291-cell span{visibility:hidden}.pt291-print-blank .pt291-cell strong,.pt291-print-blank .pt291-cell span,.pt291-print-blank .pt291-cell small{visibility:hidden}.pt291-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.pt291-guide>div{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card)}.pt291-guide h2{font-size:.95rem;margin:0 0 5px}.pt291-guide p{font-size:.83rem;line-height:1.45;color:var(--muted);margin:0}.pt291-more{position:relative}.pt291-more>summary{list-style:none;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:9px 11px;font-weight:750;cursor:pointer}.pt291-more>div{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:min(320px,90vw);padding:10px;border:1px solid var(--line);background:var(--card);border-radius:12px;box-shadow:0 14px 40px rgba(15,23,42,.15);display:grid;gap:7px}.pt291-more label{display:flex;gap:8px;align-items:center;font-size:.88rem}.pt291-more button{width:100%;text-align:left}.pt291-question-position .pt291-table-wrap{outline:2px solid currentColor}.pt291-question-position .pt291-cell{cursor:crosshair}.pt291-hidden{display:none!important}.mobile-dock{display:none!important}
@media(max-width:900px){.pt291-main{grid-template-columns:1fr}.pt291-detail{position:static}.pt291-review-grid{grid-template-columns:1fr 1fr}.pt291-toolbar{grid-template-columns:1fr}.pt291-livebar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.pt291-page{padding-left:8px;padding-right:8px}.pt291-playcard{padding:9px}.pt291-modebar{display:grid;grid-template-columns:repeat(2,1fr)}.pt291-modebar button{border-radius:12px;text-align:left}.pt291-scopes,.pt291-lenses{gap:5px}.pt291-scopes button,.pt291-lenses button{font-size:.75rem;padding:7px 9px}.pt291-table-wrap{padding:4px}.pt291-table{grid-template-rows:repeat(9,31px);gap:2px}.pt291-cell{border-radius:4px;padding:0}.pt291-cell small{font-size:.36rem}.pt291-cell strong{font-size:.62rem}.pt291-cell span{display:none}.pt291-livebar{grid-template-columns:repeat(3,1fr);gap:5px}.pt291-livebar>div{padding:7px}.pt291-review-grid{grid-template-columns:1fr}.pt291-archive{grid-template-columns:repeat(5,1fr)}.pt291-guide{grid-template-columns:1fr 1fr}.pt291-detail-actions{display:grid;grid-template-columns:1fr 1fr}.pt291-recallform{flex-wrap:wrap}.pt291-recallform input{flex-basis:100%}.pt291-searchrow{display:grid;grid-template-columns:1fr auto}.pt291-searchrow input{min-width:0}.pt291-main{gap:8px}}
@media print{.preview-note,.topbar,.pt291-modebar,.pt291-toolbar,.pt291-quiz,.pt291-recall,.pt291-actions,.pt291-review-grid,.pt291-guide,.mobile-dock,footer{display:none!important}.pt291-page{max-width:none}.pt291-main{grid-template-columns:1fr}.pt291-detail{display:none}.pt291-table-wrap{border:0;padding:0}.pt291-table{grid-template-rows:repeat(9,46px);gap:2px}.pt291-cell{break-inside:avoid}.pt291-print-blank .pt291-cell{background:#fff!important}}