.host-account{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}.host-account b{color:var(--ink)}.host-account>div{display:flex;gap:15px;align-items:center}.host-account a{color:var(--purple);text-decoration:none}.host-account button{font-size:11px;padding:7px 12px}.sync-error{color:#ba6278}.sync-notice{background:#f7eddc;border:1px solid #dfcea8;border-radius:10px;padding:16px;margin:15px 0}.sync-notice p{font-size:12px;line-height:1.7;color:#766143;margin:0 0 10px}.sync-notice button{font-size:11px;margin-right:8px}html[data-theme=dark] .sync-notice{background:#403523;border-color:#695638}html[data-theme=dark] .sync-notice p{color:#e2cba8}@media(max-width:700px),(max-width:950px) and (max-height:500px){.host-account{align-items:flex-start;flex-direction:column}}
/* Mobile workspace: touch navigation, readable forms and compact study views. */
.mobile-nav,.mobile-field-label{display:none}.mobile-tools{display:grid;gap:8px}.mobile-tools button,.mobile-tools a{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:transparent;color:var(--ink);text-align:left}.mobile-tools :is(button,a)>span:first-of-type{flex:1}.session-progress{height:4px;margin:0 0 14px}.collection-open{color:var(--ink)}
.arena-entry-message{padding:14px;border:1px solid var(--purple);border-radius:10px;line-height:1.6;overflow-wrap:anywhere;background:var(--bg);color:var(--ink);scroll-margin:100px 0}
.arena-hub-grid.arena-invite-grid{grid-template-columns:minmax(0,1fr);max-width:640px}.arena-hub-grid>.arena-panel[hidden]{display:none!important}.arena-invite-join{width:100%;min-height:48px}.arena-invite-grid .arena-code-input{cursor:default}
.arena-invite-view>.toolbar{margin:16px 0}.arena-invite-view>.eyebrow{display:none}.arena-invite-view .arena-panel{padding:18px}
@media(max-width:700px),(max-width:950px) and (max-height:500px){
  html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{padding-bottom:calc(88px + env(safe-area-inset-bottom));font-size:15px}button,a,input,textarea,select,label.image-upload,label.import-sheet{-webkit-tap-highlight-color:transparent}button{min-height:44px;touch-action:manipulation}button:hover,.deck:hover{transform:none}input,textarea,select{font-size:16px!important;max-width:100%}button:focus-visible{outline-offset:1px}main{padding:0 18px;min-width:0;width:100%;max-width:none;margin-left:0}[hidden]{display:none!important}
  aside{position:sticky;inset:0 auto auto 0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;z-index:30;height:65px;padding:12px 20px;background:var(--bg);border-bottom:1px solid var(--line);padding-top:max(12px,env(safe-area-inset-top));height:calc(65px + env(safe-area-inset-top))}.logo{font-size:32px;line-height:1}.logo span{font-size:9px}.nav,.tagline,.aside-bottom{display:none}aside::after{content:'seu espaço de estudos';font-size:10px;letter-spacing:.4px;color:var(--muted)}header{display:none}.host-account{padding:11px 0;gap:0;flex-direction:row;border:0;margin:0;font-size:11px;min-height:38px}.host-account>span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.host-account>div{display:none}.host-account #sync-status{font-size:10px}.host-account.sync-error{font-size:11px}.sync-notice{margin:8px 0 15px;padding:14px}.sync-notice p{font-size:13px}.sync-notice button{width:100%;margin-top:8px}
  .intro{margin:25px 0 22px;gap:12px;flex-direction:column;align-items:flex-start}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:29px;line-height:1.18;letter-spacing:-1px;margin:12px 0}.intro p{font-size:14px;line-height:1.6;margin:9px 0 0;max-width:285px}.intro>#create{display:none}.banner{padding:22px;min-height:158px;position:relative;isolation:isolate;align-items:center;border-radius:18px}.banner>div:first-child{width:73%}.pill{display:none}.banner h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px;line-height:1.3}.banner p{font-size:11px;max-width:180px;line-height:1.6;margin:0}.art{position:absolute;right:0;top:8px;bottom:0;width:125px;opacity:1;z-index:-1}.paper{width:125px;height:164px;right:-22px;top:10px;padding:14px;transform:rotate(12deg)}.paper.back{right:-2px;top:16px;transform:rotate(-8deg)}.front strong{font-size:16px;margin-top:8px}.front span{font-size:18px}.front small{font-size:4px;margin-top:15px}.stats{gap:8px;margin-top:15px}.stats>div{min-height:96px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:14px 11px;border-radius:13px}.stats b{font-size:25px;line-height:1}.stats span{font-size:10px;line-height:1.4;color:var(--muted)}
  .folder-panel{margin-top:27px;scroll-margin-top:85px}.folder-heading{align-items:center}.folder-heading h2{font-size:18px;margin:8px 0}.folder-heading>div{display:flex;gap:3px}.folder-heading button{font-size:12px;padding:10px}.folder-heading #trash{display:none}.folder-chips{gap:8px;margin:10px 0 14px}.folder-chips button{font-size:12px;min-height:43px;padding:10px 13px;white-space:nowrap}.folder-chips small{margin-left:5px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.folder-tile{min-width:0;border-radius:14px}.folder-open{min-height:95px;grid-template-columns:25px minmax(0,1fr);padding:15px 11px;gap:8px}.folder-open strong{font-size:13px;line-height:1.4}.folder-open small{font-size:11px}.folder-open span{font-size:25px}.folder-tile>div{padding:0 4px;justify-content:space-between}.folder-tile>div button{font-size:11px;min-height:44px;padding:9px 7px}.folder-location{font-size:12px;line-height:1.5;margin-bottom:0}
  .section-head{margin:25px 0 15px;gap:12px}.section-head h2{font-size:18px;margin:8px 0}.search{min-height:48px;align-items:center;border-radius:12px;padding:10px 14px}.search input{min-width:0;line-height:1.6;padding:0;width:100%}.grid{gap:14px;grid-template-columns:minmax(0,1fr)}.collection{min-height:0;border-radius:16px;box-shadow:0 5px 18px #30235f04}.collection-open{padding:18px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 12px}.collection .deck-icon{width:42px;height:42px;grid-row:1/3;font-size:23px}.collection h3{grid-column:2;margin:0 0 5px;font-size:16px;line-height:1.4}.collection p{grid-column:2;margin:0;font-size:12px;line-height:1.5}.collection .folder-label{grid-column:1/-1;width:fit-content;margin:13px 0 2px;padding:5px 8px;font-size:10px}.collection .deck-progress{grid-column:1/-1;margin:12px 0}.collection .deck-progress span{font-size:11px}.collection .deck-foot{grid-column:1/-1;font-size:11px;padding-top:12px;border-color:var(--line)}.collection-actions{padding:4px 10px;gap:6px;justify-content:space-between}.collection-actions button{font-size:12px;padding:10px 13px;min-height:45px;flex:1}.collection-actions button:last-child{margin-left:0}.bottom-row{flex-direction:column;align-items:flex-start;gap:12px;margin-top:22px}.bottom-row>p{display:none}.bottom-row .import{min-height:44px;display:flex;align-items:center;font-size:13px}.local-note{font-size:11px;line-height:1.65;margin:12px 0 22px;overflow-wrap:anywhere}
  .mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;position:fixed;z-index:40;inset:auto 0 0;padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -5px 24px #30235f07}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;color:var(--muted);background:transparent;border-radius:12px;padding:6px 3px;font-size:10px}.mobile-nav svg{width:22px;height:22px}.mobile-nav button.selected{color:var(--purple);background:#efedf8}.mobile-nav [data-mobile=create] svg{background:var(--purple);color:white;border-radius:8px;padding:3px;width:27px;height:27px}.mobile-nav [data-mobile=create]{gap:1px}body[data-view=editor]{padding-bottom:25px}body[data-view=editor] .mobile-nav,body.mobile-keyboard .mobile-nav{display:none}body:has(dialog[open]) .mobile-nav{visibility:hidden}body:has(dialog[open]){overflow:hidden}#toast{bottom:calc(92px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);width:max-content;line-height:1.5;font-size:13px;text-align:center}body[data-view=editor] #toast{bottom:25px}
  #study>.toolbar:first-child{margin:10px 0 15px;align-items:center;flex-wrap:nowrap;gap:10px}#study>.toolbar:first-child button{font-size:12px;padding:10px 12px;background:transparent;border:1px solid var(--line)}#study>h1{font-size:25px;line-height:1.25;margin:10px 0 15px;overflow-wrap:anywhere}#study>.local-note{display:none}#study>.toolbar:has(.modes){display:grid;grid-template-columns:minmax(0,1fr) 43px;gap:7px;margin:18px 0 16px;align-items:start}.modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.modes button{font-size:12px;min-height:44px;padding:10px 7px;border:1px solid var(--line);text-align:left;white-space:nowrap;letter-spacing:-.2px}.modes .active{border-color:var(--purple)}#shuffle{width:43px;min-height:95px;padding:9px 0;font-size:0;border:1px solid var(--line)}#shuffle::before{content:'⇄';font-size:23px}.session-line{font-size:11px;margin:12px 0 9px;gap:10px;line-height:1.5}.session-line>span:last-child{text-align:right}.session-progress{height:4px;margin:0 0 15px}.study-card{min-height:310px;padding:25px 20px;border-radius:18px;justify-content:center}.study-card strong{font-size:25px;line-height:1.4;margin:28px 0;max-width:100%}.study-card small{font-size:9px;letter-spacing:1.5px}.study-card>span{font-size:12px}.study-card .card-image{height:125px;width:100%;margin-top:20px}.study-card:has(.card-image) strong{margin:20px 0}.controls{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin:13px 0}.controls button{font-size:12px;padding:10px 12px;border:1px solid var(--line)}.ratings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:16px 0 24px;position:sticky;bottom:calc(82px + env(safe-area-inset-bottom));background:var(--bg);padding:8px 0;z-index:5}.ratings button{padding:13px 5px;min-width:0;font-size:14px;min-height:68px;border-radius:12px}.ratings small{font-size:9px;line-height:1.4;margin-top:6px}.help{font-size:11px;line-height:1.7;margin:18px 0}.question{padding:23px 18px;border-radius:17px}.question>small{font-size:10px;color:var(--muted)}.question h2{font-size:23px;line-height:1.4;margin:23px 0}.question .card-image{height:140px}.answers{gap:10px;grid-template-columns:1fr;margin-top:20px}.answer{padding:17px;font-size:16px;min-height:58px;border-radius:12px;overflow-wrap:anywhere}.question form button{width:100%;min-height:49px;margin:6px 0}.question #feedback{line-height:1.65;font-size:14px}.question #continue{width:100%;min-height:49px}.study-card #again,.study-card #finish-home{width:100%;margin-top:10px}.study-card p{font-size:14px;line-height:1.6}
  .edit-head{position:sticky;top:calc(65px + env(safe-area-inset-top));z-index:20;margin:0 -18px 20px;padding:10px 18px;background:var(--bg);border-bottom:1px solid var(--line);gap:12px}.edit-head button{font-size:13px;min-height:46px;padding:12px 15px}.edit-head #save{margin-left:auto}.field{font-size:16px;padding:14px;line-height:1.5;border-radius:11px;margin:12px 0}.language{display:grid;grid-template-columns:1fr;gap:8px;margin:20px 0;font-size:13px}.language select{width:100%;min-height:49px;border-radius:10px;padding:12px}.card-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0;padding:17px;margin:18px 0;border-radius:16px;align-items:start}.card-row>span{grid-column:1;grid-row:1;align-self:center;min-height:44px;display:flex;align-items:center;font-size:13px;font-weight:700;color:var(--ink)}.card-row>.remove-card{grid-column:2;grid-row:1;font-size:23px;width:44px;height:44px;padding:8px;line-height:1;background:transparent;color:#b24e65}.card-row>.mobile-field-label{display:block;grid-column:1/-1;grid-row:auto;font-size:12px;line-height:1.4;color:var(--muted);margin-top:14px}.card-row>textarea.field,.card-row>textarea:nth-of-type(2){grid-column:1/-1;grid-row:auto;width:100%;min-height:108px;margin:8px 0 0;resize:vertical}.card-row>.image-editor{grid-column:1/-1;display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.image-editor>.thumb{grid-column:1;grid-row:1/3;width:80px;height:92px}.thumb img{max-width:80px;height:80px}.image-editor>.image-upload{grid-column:2;display:flex;align-items:center;justify-content:center;min-height:44px;font-size:13px}.image-editor>button.remove-image{grid-column:2;grid-row:auto;min-height:44px;width:100%;font-size:12px;padding:10px}.image-editor>.image-alt{grid-column:1/-1;grid-row:auto;min-width:0;width:100%;margin:4px 0 0}.image-editor .thumb span{text-align:center;font-size:11px;line-height:1.4}#editor>#add,#editor>#paste,#editor>#delete,#editor>.import-sheet{display:flex;align-items:center;justify-content:center;width:100%;margin:11px 0;min-height:49px;border:1px solid var(--line);font-size:14px;border-radius:11px}#editor>#add{background:var(--purple);color:#fff;font-weight:700}#editor>#delete{color:#b24e65;background:transparent;margin-top:25px}
  dialog{width:calc(100% - 20px);max-height:calc(100dvh - 28px);margin:auto;padding:24px 20px;border-radius:22px;overflow-y:auto;overscroll-behavior:contain}.dialog-head{margin-bottom:18px}.dialog-head h2{font-size:22px;line-height:1.25}.dialog-head button{min-width:44px;min-height:44px}.dialog-actions{gap:8px;flex-wrap:wrap}.dialog-actions button{min-height:46px;flex:1;font-size:13px}dialog p{font-size:14px;line-height:1.7}.delete-choices{padding:12px}.delete-choices label{font-size:13px;padding:7px 0;gap:10px;align-items:center;min-height:48px}.delete-choices input{flex:none;width:18px;height:18px}.trash-list button{font-size:12px;min-height:44px;flex:none}.trash-list{max-height:50dvh}.mobile-tools button,.mobile-tools a{min-height:54px;font-size:15px}#folder-form>.primary,#confirm-move{width:100%;min-height:49px}
  html[data-theme=dark] .mobile-nav{background:#211c2c}html[data-theme=dark] .mobile-nav button{background:transparent}html[data-theme=dark] .mobile-nav button.selected{background:#3c3051;color:#cabaff}html[data-theme=dark] .edit-head,html[data-theme=dark] aside{background:var(--bg)}html[data-theme=dark] #editor>#add{background:#7963be}html[data-theme=dark] .modes .active{background:#443757;color:#e9e0ff}
}
@media(max-width:360px){.modes button{font-size:11px}.stats>div{padding:12px 9px}.folder-heading button{font-size:11px;padding:10px 7px}.collection-actions button{padding:10px 7px}main{padding:0 14px}.edit-head{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.banner h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:950px) and (max-height:500px){.host-account{display:none}.banner{display:none}.intro{margin-top:18px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats>div{min-height:75px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.study-card{min-height:245px}.study-card .card-image{height:110px}#study>.toolbar:first-child{margin-top:10px}#study>h1{font-size:22px}.modes{grid-template-columns:repeat(4,minmax(0,1fr))}#study>.toolbar:has(.modes){grid-template-columns:minmax(0,1fr) 48px}#shuffle{min-height:44px}.modes button{text-align:center}#editor>h1{font-size:25px}}

.study-order-setting{display:grid;grid-template-columns:auto minmax(140px,190px) 1fr;align-items:center;gap:12px;margin:4px 0 18px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.study-order-setting label{font-size:13px;font-weight:600}.study-order-setting select{min-height:44px;width:100%;font-size:14px}.study-order-setting small{font-size:11px;line-height:1.5;color:var(--muted)}@media(max-width:700px),(max-width:950px) and (max-height:500px){.study-order-setting{grid-template-columns:minmax(0,1fr) 133px;gap:8px 10px;padding:12px;margin:0 0 16px}.study-order-setting label{font-size:13px}.study-order-setting select{font-size:16px;min-height:46px}.study-order-setting small{grid-column:1/-1;font-size:10px}}
.topic-editor{grid-column:1/-1;display:grid;gap:8px;font-size:13px;color:var(--muted);width:100%}.topic-editor input{width:100%;min-width:0;font-size:16px}.performance-topics,.performance-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.performance-topic{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--bg);overflow-wrap:anywhere}.performance-topic h3{margin-top:0}.performance-topic small{color:var(--muted)}.performance-list{padding:0;list-style:none}.performance-list li{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.performance-list span{display:block;font-size:13px;color:var(--muted);margin-top:8px}.performance-columns section{min-width:0}.performance-stats{margin-top:24px}@media(max-width:700px){.performance-topics,.performance-columns{grid-template-columns:1fr;gap:14px}.performance-stats{grid-template-columns:1fr}.performance-topic{padding:16px}}
.ai-suggestions{display:grid;gap:20px;max-height:55vh;overflow:auto;padding:8px 4px}.ai-suggestions label{line-height:1.5}
.bulk-text{display:block;width:100%;min-height:180px;resize:vertical;margin:10px 0;font-size:16px;line-height:1.5;white-space:pre;overflow:auto}.text-preview{padding-left:24px;max-height:180px;overflow:auto;overflow-wrap:anywhere}.text-preview li{padding:6px}.text-preview p{margin:5px 0;color:var(--muted)}
.shared-visitor #create,.shared-visitor #new-folder,.shared-visitor #trash,.shared-visitor .collection-actions,.shared-visitor .folder-tile>div,.shared-visitor #edit-study,.shared-visitor #performance-edit,.shared-visitor .import,.shared-visitor [data-mobile=create],.shared-visitor [data-tool=import],.shared-visitor [data-tool=trash],.shared-visitor [data-tool=logout]{display:none!important}.shared-visitor .mobile-nav{grid-template-columns:repeat(3,1fr)}
#mixed-training{margin:12px 0 20px;min-height:46px}.folder-mixed{margin:0 12px 12px;min-height:44px}.mix-choices{display:grid;gap:8px;max-height:42vh;overflow:auto;margin:16px 0}.mix-choices label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;overflow-wrap:anywhere}.mix-choices input{width:20px;height:20px;flex-shrink:0}.mix-choices small{display:block;color:var(--muted);margin-top:5px}.mixed-source{font-size:13px;color:var(--muted);margin:0 0 12px}.shared-visitor .folder-mixed{display:block!important}@media(max-width:700px){#mixed-training{width:100%}.folder-mixed{font-size:14px}}
/* Interaction polish — existing layout and palette, tactile and quiet motion. */
:root{--motion-fast:150ms;--motion-normal:240ms;--motion-ease:cubic-bezier(.2,.75,.25,1);--surface-shadow:0 8px 24px #30235f0b;--surface-raised:0 14px 32px #30235f17;--focus-ring:0 0 0 4px #7460b724}
html[data-theme=dark]{--surface-shadow:0 8px 24px #00000021;--surface-raised:0 14px 32px #00000038;--focus-ring:0 0 0 4px #b7a5ff35}
button,.image-upload,.import-sheet,.import,.mobile-tools a{position:relative;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,color var(--motion-fast) ease,opacity var(--motion-fast) ease}
button:not(:disabled),summary,.image-upload,.import-sheet,.import{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none!important;transform:none!important}
button.primary{box-shadow:0 4px 12px #7460b722;border:1px solid transparent}
.collection,.folder-tile,.performance-topic{box-shadow:var(--surface-shadow);transition:transform var(--motion-normal) var(--motion-ease),box-shadow var(--motion-normal) var(--motion-ease),border-color var(--motion-normal) ease}
.collection-open,.folder-open{border-radius:inherit}
.collection .deck-icon{border:1px solid var(--line);transition:transform var(--motion-normal) var(--motion-ease),background-color var(--motion-normal) ease}
.folder-chips button,.modes button{border:1px solid var(--line)}
.folder-chips button.active,.modes button.active{border-color:var(--purple);box-shadow:0 2px 8px #7460b710}
.folder-chips button.active small{font-weight:700}
:is(button,a,summary,select,input,textarea):focus-visible{outline:2px solid var(--purple);outline-offset:3px}
:is(.field,select,.search){transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease}
:is(.field,select):focus-visible{border-color:var(--purple);box-shadow:var(--focus-ring);outline-offset:1px}
.search:focus-within{border-color:var(--purple);box-shadow:var(--focus-ring)}
.search input:focus-visible{outline:none}
:is(button,.image-upload,.import-sheet):not(:disabled):active{transform:scale(.975);transition-duration:80ms}
.collection-open:active,.folder-open:active{transform:scale(.99)}
#flip{overflow:hidden;box-shadow:var(--surface-shadow);border-color:var(--line);transition:box-shadow var(--motion-normal) ease,border-color var(--motion-normal) ease,transform var(--motion-fast) var(--motion-ease)}
#flip:active{transform:scale(.99)}
.ratings button,.answer{border-width:1px;transition:transform var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) ease,background-color var(--motion-normal) ease,box-shadow var(--motion-normal) ease}
.answer.good,.answer.bad{opacity:1}
.controls button,.collection-actions button,.folder-tile>div button{border-radius:10px}
.mobile-nav button{transition:background-color var(--motion-normal) ease,color var(--motion-normal) ease,transform var(--motion-fast) var(--motion-ease)}
.mobile-nav svg{transition:transform var(--motion-normal) var(--motion-ease)}
.mobile-nav button.selected svg{transform:translateY(-2px)}
.mix-choices label{transition:border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}
.mix-choices label:has(input:checked){border-color:var(--purple);box-shadow:inset 3px 0 0 var(--purple)}
.mix-choices input{accent-color:var(--purple)}
.performance-list summary{color:var(--purple);padding:12px 0;min-height:44px;font-size:13px}
.interaction-wave{position:absolute;z-index:1;pointer-events:none;border-radius:50%;background:currentColor;opacity:0;contain:strict}
button:has(.interaction-wave){overflow:hidden}
dialog[open]{animation:vira-dialog-in 220ms var(--motion-ease) both}
dialog[open]::backdrop{animation:vira-backdrop-in 180ms ease both}
#toast{box-shadow:var(--surface-raised);animation:vira-toast-in 200ms var(--motion-ease)}
@keyframes vira-dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes vira-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes vira-toast-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){
  button:not(:disabled):not(.collection-open):not(.folder-open):not(#flip):hover,.mobile-tools a:hover{transform:translateY(-2px);box-shadow:var(--surface-shadow)}
  button.primary:not(:disabled):hover{box-shadow:0 8px 20px #7460b730;filter:brightness(1.04)}
  .collection:hover,.folder-tile:hover{transform:translateY(-3px);border-color:var(--purple);box-shadow:var(--surface-raised)}
  .collection:hover .deck-icon{transform:rotate(-5deg)}
  #flip:hover{border-color:var(--purple);box-shadow:var(--surface-raised)}
  .answer:not(:disabled):hover,.ratings button:hover{border-color:var(--purple)}
  button:not(:disabled):active{transform:translateY(0) scale(.975)!important}
}
@media(pointer:coarse){button,.mobile-tools a,summary{touch-action:manipulation}.collection:active,.folder-tile:active{border-color:var(--purple)}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  button:hover,button:active,.collection:hover,.folder-tile:hover,.collection .deck-icon,.mobile-nav svg{transform:none!important}
  .interaction-wave{display:none!important}
}
.move-single-card{min-height:44px;margin:0 0 25px;color:var(--purple);border:1px solid var(--line)}#study>.toolbar:first-child{flex-wrap:wrap}#new-card-deck-label[hidden]{display:none!important}@media(max-width:700px){#study>.toolbar:first-child{flex-wrap:wrap}.move-single-card{width:100%}}
/* Shared organization: visitors can create folders and move, while editing content stays owner-only. */
.shared-visitor #new-folder{display:inline-flex!important;align-items:center}.shared-visitor .collection-actions{display:flex!important}.shared-visitor .collection-actions button:not([data-move-deck]){display:none!important}.shared-visitor .collection-actions [data-move-deck]{display:block!important}#public-card-name-label[hidden]{display:none!important}

.shared-visitor .collection-actions [data-delete-deck]{display:block!important}.shared-visitor #trash{display:inline-flex!important}.delete-single-card{min-height:44px;border:1px solid var(--line);margin:0 0 25px 10px}.shared-visitor [data-tool=trash]{display:flex!important}@media(max-width:700px){.delete-single-card{width:100%;margin:0 0 25px}.move-single-card{margin-bottom:10px}}
.shared-visitor .collection-actions button[data-delete-deck]{display:block!important}
.shared-visitor #create{display:inline-flex!important;align-items:center}.shared-visitor [data-mobile=create]{display:flex!important}.shared-visitor .mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:700px){.shared-visitor .intro>#create{display:none!important}}
.shared-visitor .collection-actions button[data-edit-deck]{display:block!important}.shared-visitor #edit-study{display:inline-flex!important;align-items:center}
.quiz-sound-control{font-size:12px;min-height:44px;white-space:nowrap;border:1px solid var(--line)}@media(max-width:700px),(max-width:950px) and (max-height:500px){.quiz-sound-control{grid-column:1/-1;justify-self:end;padding:10px 13px}}
/* Live question rooms use the existing violet palette and mobile structure. */
.room-hub{margin:12px 0 20px 12px;min-height:46px;border:1px solid var(--purple);color:var(--purple)}#arena{padding:20px 0 50px;min-width:0}#arena h1{overflow-wrap:anywhere}#arena .topic-editor{max-width:100%}.arena-hub-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start;margin:24px 0}.arena-panel{padding:24px;border:1px solid var(--line);background:var(--bg);border-radius:18px;box-shadow:var(--surface-shadow);min-width:0}.arena-panel h2{margin-top:0}.arena-panel .field{width:100%;box-sizing:border-box;min-width:0}.arena-panel p{line-height:1.6}.arena-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.arena-code-input{text-transform:uppercase;letter-spacing:4px}.arena-room-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.arena-code{color:var(--purple);letter-spacing:3px}.arena-share{display:flex;gap:10px;align-items:center}.arena-share input{min-width:0;flex:1;font-size:13px}.arena-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.arena-player{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bg);min-width:0}.arena-player>div{min-width:0;overflow-wrap:anywhere}.arena-player small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.arena-player>b{font-size:25px;color:var(--purple);white-space:nowrap}.arena-player>b span{font-size:10px}.arena-player.is-you{border-color:var(--purple)}.arena-team-score{display:flex;justify-content:space-between;gap:12px;padding:16px;border-radius:12px;border:1px solid var(--purple);flex-wrap:wrap}.arena-round{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 10px;font-size:13px}.arena-round strong{color:var(--purple)}.arena-question{margin:20px 0}.arena-selected{border-color:var(--purple)!important;box-shadow:inset 0 0 0 1px var(--purple);opacity:1!important}.arena-finish{text-align:center;margin:24px 0}.arena-finish h2{font-size:30px;color:var(--purple)}.arena-finish>strong{font-size:34px;color:var(--purple)}#arena-message{color:var(--purple);font-size:14px;line-height:1.6;overflow-wrap:anywhere}#arena button{min-height:44px}#arena .answer{white-space:normal;overflow-wrap:anywhere}.arena-panel .mix-choices{max-height:280px}
@media(max-width:700px),(max-width:950px) and (max-height:500px){.room-hub{width:100%;margin:0 0 20px}.arena-hub-grid{grid-template-columns:1fr;gap:16px}.arena-panel{padding:18px}.arena-room-top{align-items:flex-start}.arena-room-top h1{font-size:24px}.arena-share{flex-direction:column;align-items:stretch}.arena-share input{width:100%}.arena-scores{gap:8px}.arena-player{padding:12px;gap:8px}.arena-player strong{font-size:13px}.arena-player>b{font-size:21px}.arena-player small{font-size:10px}.arena-settings{gap:8px}.arena-round{font-size:12px}#arena{padding-top:12px}#arena h2{font-size:22px}}
@media(max-width:700px),(max-width:950px) and (max-height:500px){.arena-room-top{flex-direction:column;align-items:stretch;gap:0}.arena-room-top>.toolbar{display:flex;justify-content:flex-end;flex-wrap:wrap;margin:6px 0}.arena-room-top h1{margin-bottom:8px}}

/* PMPE bank: progressive topic selection and explicit question provenance. */
.arena-answer-choices .arena-answer-body{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0}.arena-answer-body>span:first-child{min-width:0;overflow-wrap:anywhere}.arena-answer-voters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:0 1 auto;min-width:0}.arena-voter{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;font-size:12px;line-height:1.4;font-weight:650;overflow-wrap:anywhere;white-space:normal}.arena-voter-correct{background:#16864c20;color:#137240;border:1px solid #16864c65}.arena-voter-wrong{background:#c23b4520;color:#af2936;border:1px solid #c23b4565}.arena-answer-choices.arena-revealed .answer:disabled{opacity:1;cursor:default}.arena-unanswered{font-size:12px;color:var(--muted);line-height:1.7}.arena-answer-choices{display:grid;grid-template-columns:1fr;gap:10px}.arena-answer-choices .answer{display:flex;align-items:flex-start;gap:12px;text-align:left;line-height:1.6}.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}
body.dark .arena-voter-correct,[data-theme=dark] .arena-voter-correct{color:#80e4ab}body.dark .arena-voter-wrong,[data-theme=dark] .arena-voter-wrong{color:#ff9aa8}
@media(max-width:700px),(max-width:950px) and (max-height:500px){.arena-answer-choices .arena-answer-body{flex-wrap:wrap;gap:9px}.arena-answer-body>span:first-child{flex:1 1 100%}.arena-answer-voters{justify-content:flex-start}.arena-voter{font-size:12px}.arena-answer-choices .answer{padding:14px 10px;font-size:13px}}
#arena-bank-picker[hidden],#arena-flash-picker[hidden],#bank-selection-count[hidden],#bank-no-results[hidden],.bank-subject[hidden],.bank-topic-list label[hidden]{display:none!important}
.bank-intro{margin:22px 0 18px;padding-top:18px;border-top:1px solid var(--line)}.bank-intro h3{font-size:23px;margin:10px 0}.bank-intro p{font-size:13px}.bank-select-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.bank-select-tools button{padding:10px 14px;font-size:12px}
.bank-subject{border:1px solid var(--line);border-radius:14px;margin:10px 0;overflow:hidden;background:var(--bg)}.bank-subject summary{padding:17px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:650;list-style:none}.bank-subject summary::after{content:'+';font-size:22px;color:var(--purple)}.bank-subject[open] summary::after{content:'−'}.bank-subject summary small{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap;font-weight:400}.bank-subject summary span{min-width:0}.bank-subject summary:focus-visible{outline:2px solid var(--purple);outline-offset:-4px}.bank-composition{padding:0 17px;margin:0 0 10px!important;font-size:11px!important}.bank-subject-all{margin:0 17px 10px;font-size:12px;color:var(--purple);border:1px solid var(--line);max-width:calc(100% - 34px)}
.bank-topic-list{padding:0 10px 10px;display:grid;gap:4px}.bank-topic-list label{display:flex;align-items:flex-start;gap:11px;min-height:44px;padding:11px 8px;border-radius:9px;font-size:13px;cursor:pointer;box-sizing:border-box}.bank-topic-list label:has(input:checked){background:#7760bf14}.bank-topic-list input{width:18px;height:18px;flex-shrink:0;accent-color:var(--purple);margin:0}.bank-topic-list span{min-width:0;overflow-wrap:anywhere}.bank-topic-list small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.bank-provenance{font-size:12px;line-height:1.7;margin:22px 0}.bank-provenance summary{cursor:pointer;color:var(--purple);padding:8px 0}.bank-provenance a,.bank-references a{color:var(--purple);overflow-wrap:anywhere}.bank-provenance p{font-size:12px}#bank-selection-count{font-size:13px;color:var(--purple);line-height:1.6;padding:8px 0}
.arena-question h2,.bank-preline{white-space:pre-line}.arena-question h2{line-height:1.6;font-size:20px!important}.arena-question .answer{display:flex;align-items:flex-start;text-align:left;gap:12px;font-size:14px;line-height:1.55}.arena-option-letter{flex-shrink:0;color:var(--purple);font-size:12px;border:1px solid var(--line);border-radius:7px;min-width:27px;line-height:27px;text-align:center}.arena-question .answer>span{min-width:0}.arena-question .answers{display:grid;grid-template-columns:1fr;gap:10px}.bank-explanation{padding:18px;border:1px solid var(--line);border-radius:12px;margin:20px 0 8px;text-align:left;background:var(--bg);font-size:14px;line-height:1.7}.bank-explanation>small{font-size:11px;color:var(--muted)}.bank-references{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:12px}.bank-review{padding:16px 0;border-bottom:1px solid var(--line)}.bank-review summary{cursor:pointer;font-size:14px;line-height:1.5}.bank-review>p{font-size:14px;line-height:1.7}#arena-next{margin:0 0 10px;color:var(--purple);border:1px solid var(--purple)}
@media(max-width:700px),(max-width:950px) and (max-height:500px){.bank-subject summary{padding:14px 12px;font-size:13px;flex-wrap:wrap;gap:7px}.bank-subject summary small{font-size:10px}.bank-subject summary span{flex:1 1 140px}.bank-composition{padding:0 12px}.bank-subject-all{margin-left:12px;margin-right:12px}.bank-explanation{padding:14px}.arena-question h2{font-size:17px!important}.arena-question .answer{font-size:13px;padding:14px 10px;gap:9px}.arena-option-letter{min-width:24px;line-height:24px}.bank-intro h3{font-size:21px}}

.arena-confirm-choice{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.arena-confirm-choice .primary{min-height:48px;width:100%}.arena-confirm-choice .local-note{line-height:1.6}.arena-question .answer.arena-selected{border:2px solid var(--purple)}#arena-reset{margin:12px 0 24px;min-height:48px}

.arena-pause-notice{padding:18px 20px;margin:18px 0;border:1px solid var(--purple);border-radius:14px;background:var(--bg);color:var(--ink)}.arena-pause-notice strong{color:var(--purple);font-size:17px}.arena-pause-notice p{font-size:13px;line-height:1.7;margin:8px 0 0}.arena-pause-control{border:1px solid var(--purple);color:var(--purple);min-height:44px}.arena-room-top .toolbar{flex-wrap:wrap}