/* 2026-10-25 六題：手機小籤、桌機右欄；停用位移動畫。 */
#app{max-width:940px}
#app > :not(.choose-layout){width:100%;max-width:560px;align-self:center}
.choose-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.choose-question{display:flex;flex-direction:column;gap:14px;min-width:0}
.choose-history{min-width:0;order:-1;padding:10px}
.choose-history ol{display:flex;gap:6px;list-style:none;padding:0;margin:8px 0 0;overflow-x:auto}
.choose-history:not(.choose-history-end) .choose-record{flex:0 0 auto;padding:6px 8px}
.choose-history:not(.choose-history-end) .t,.choose-history:not(.choose-history-end) .choose-record-detail{display:none}
.choose-record-stat{font-size:12px}
.choose-major{color:var(--gold)}
.choose-minor{color:#b9b4ff}
.choose-record small{display:block;color:var(--muted)}
.choose-history:not(.choose-history-end) .choose-record-stat::before{content:"● ";}
.choose-history:not(.choose-history-end) .choose-minor .choose-record-stat::before{content:"◆ ";}
/* 2026-10-26 派派主動講：手機結果與分享先顯示，逐題清單接在下面。 */
.choose-history-end{order:0}
.choose-history-end ol{display:flex;flex-direction:column}
.choose-history-end .choose-record{align-items:flex-start}
.choose-feedback{font-weight:700;color:var(--gold);margin-bottom:6px}
#app *,#app *::before,#app *::after{transition:none;animation:none}
@media(min-width:760px){
 .choose-layout{grid-template-columns:minmax(0,560px) minmax(0,340px);align-items:start}
 .choose-history{order:0}
 .choose-history ol{flex-direction:column;overflow:visible}
 .choose-history:not(.choose-history-end) .t,.choose-history:not(.choose-history-end) .choose-record-detail{display:block}
 .choose-history:not(.choose-history-end) .choose-record-stat::before{content:none}
}