/* Colour tokens are shared by the library, classroom and learning slate. */
:root{--k-page:#f8dfcd;--k-slate:#fff8ed;--k-header:#fff8ed;--k-headerText:#332635;--k-panel:#fff8ed;--k-canvas:#fff8ed;--k-canvasText:#332635;--k-card:#fff8ed;--k-button:#fff8ed;--k-buttonText:#332635;--k-primary:#176f73;--k-primaryText:#fff;--k-selected:#176f73;--k-selectedText:#fff;--k-ink:#332635;--k-muted:#67525d;--k-line:#332635;--k-shadow:#332635;--k-dots:#176f73;--k-menu:#fff8ed;--k-menuText:#332635;--k-accent:#176f73;--k-accent2:#80509b;--k-accent3:#ad4937;--k-success:#176b57;--k-danger:#a53738;--k-ray1:#ad4937;--k-ray2:#176f73;--k-ray3:#80509b}
html[data-kiso-theme] body.slate-page{color:var(--k-ink);background-color:var(--k-page);background-image:radial-gradient(color-mix(in srgb,var(--k-dots) 28%,transparent) .7px,transparent .7px);color-scheme:inherit}
html[data-kiso-theme] .slate-brand,html[data-kiso-theme] .slate-caption,html[data-kiso-theme] .access-label,html[data-kiso-theme] .student-chip{color:var(--k-ink)}
html[data-kiso-theme] .slate-brand>span{border-color:var(--k-line);background:var(--k-slate)}
html[data-kiso-theme] .manga-slate{background:var(--k-slate);border-color:var(--k-line);box-shadow:7px 7px 0 var(--k-shadow),inset 0 0 0 4px var(--k-slate),inset 0 0 0 5px color-mix(in srgb,var(--k-line) 30%,var(--k-slate))}
html[data-kiso-theme] .manga-slate:before{border-color:color-mix(in srgb,var(--k-line) 35%,var(--k-slate))}
html[data-kiso-theme] .slate-page button,html[data-kiso-theme] .records-dialog button{color:var(--k-buttonText);background:var(--k-button);border-color:var(--k-line);box-shadow:2px 2px 0 var(--k-shadow)}
html[data-kiso-theme] .slate-page button:hover,html[data-kiso-theme] .records-dialog button:hover{background:color-mix(in srgb,var(--k-button) 90%,var(--k-accent))}
html[data-kiso-theme] :is(.slate-page,.records-dialog) :is(.ink-button,.primary){background:var(--k-primary);border-color:var(--k-line);color:var(--k-primaryText)}
html[data-kiso-theme] :is(.slate-page,.records-dialog) :is(.ink-button,.primary):hover{background:color-mix(in srgb,var(--k-primary) 90%,var(--k-ink));color:var(--k-primaryText)}
html[data-kiso-theme] :is(.slate-page,.records-dialog) :is(input,select,textarea){background:var(--k-button);color:var(--k-buttonText);border-color:var(--k-line);accent-color:var(--k-accent);color-scheme:inherit}
html[data-kiso-theme] .slate-edge{background:var(--k-primary);color:var(--k-primaryText)}
html[data-kiso-theme] :is(.slate-hud,.library-heading){background:var(--k-header);color:var(--k-headerText);border-color:var(--k-line)}
html[data-kiso-theme] .slate-hud :is(small,strong),html[data-kiso-theme] .library-heading h1{color:var(--k-headerText)}
html[data-kiso-theme] :is(.slate-meter,.library-progress-track){background:color-mix(in srgb,var(--k-accent) 16%,var(--k-slate))}
html[data-kiso-theme] .slate-meter i,html[data-kiso-theme] .library-progress-track i{background:var(--k-accent)}
html[data-kiso-theme] .slate-controls{border-color:var(--k-line);background:repeating-linear-gradient(135deg,var(--k-panel),var(--k-panel) 5px,color-mix(in srgb,var(--k-dots) 12%,var(--k-panel)) 5px,color-mix(in srgb,var(--k-dots) 12%,var(--k-panel)) 6px)}
html[data-kiso-theme] :is(.slate-lesson h1,.comic-bubble p,.activity-intro h2,.prediction-card h3,.followup-card h3,.theory-prose p){color:var(--k-ink)}
html[data-kiso-theme] :is(.slate-player [data-work]>.quiet,.teaching-label,.library-label,.browser-note,.theory-figure figcaption,.rank-rule,.access-note,.rank-head){color:var(--k-muted)}
html[data-kiso-theme] .comic-kicker span,html[data-kiso-theme] .beat-dots .on{background:var(--k-primary);color:var(--k-primaryText)}
html[data-kiso-theme] .beat-dots i{border-color:var(--k-line)}
html[data-kiso-theme] .theory-prose{border-color:var(--k-accent)}
html[data-kiso-theme] .key-0{color:var(--k-accent)}html[data-kiso-theme] .key-1{color:var(--k-accent2)}html[data-kiso-theme] .key-2{color:var(--k-accent3)}
html[data-kiso-theme] :is(.comic-bubble,.formula-bubble,.speech-sheet,.sequence-slots,.curve-inspector,.prediction-card,.followup-card){background:var(--k-panel);border-color:var(--k-line);color:var(--k-ink)}
html[data-kiso-theme] .comic-bubble:before{background:var(--k-panel);border-color:var(--k-line)}
html[data-kiso-theme] .speech-sheet{box-shadow:6px 6px 0 var(--k-shadow)}
html[data-kiso-theme] .speech-sheet :is(h2,p,small){color:var(--k-ink)}
html[data-kiso-theme] :is(.optics-instruction,.light-step,.admin-review-bar,.study-clock){background:color-mix(in srgb,var(--k-accent2) 12%,var(--k-panel));color:var(--k-ink);border-color:var(--k-accent2)}
html[data-kiso-theme] .light-step>span{color:var(--k-accent2)}
html[data-kiso-theme] .slate-player .light-readout{color:var(--k-accent)}
html[data-kiso-theme] :is(.light-feedback,.optics-feedback,.access-error){color:var(--k-danger)}
html[data-kiso-theme] :is(.optics-graphic,.light-apparatus,.slate-illustration.theory-figure,.slate-player [data-work] .mech-stage,.semi-scene){background:var(--k-canvas);border-color:color-mix(in srgb,var(--k-line) 50%,var(--k-canvas))}
html[data-kiso-theme] .optics-graphic svg text{fill:var(--k-canvasText)}
html[data-kiso-theme] .optics-graphic :is(path,g,circle)[stroke="#392c46"],html[data-kiso-theme] .optics-graphic :is(path,circle)[stroke="#4e4758"]{stroke:var(--k-canvasText)}
html[data-kiso-theme] .optics-graphic :is(path,circle)[stroke="#7c5098"]{stroke:var(--k-ray3)}
html[data-kiso-theme] .optics-graphic :is(path,circle)[stroke="#147e78"]{stroke:var(--k-ray2)}
html[data-kiso-theme] .optics-graphic :is(path,circle)[stroke="#a9463c"]{stroke:var(--k-ray1)}
html[data-kiso-theme] .optics-graphic circle[fill="#7c5098"]{fill:var(--k-ray3)}
html[data-kiso-theme] .optics-graphic circle[fill="#147e78"]{fill:var(--k-ray2)}
html[data-kiso-theme] .optics-graphic :is(path,circle)[fill="#fffaf0"]{fill:var(--k-canvas)}
html[data-kiso-theme] .slate-illustration,html[data-kiso-theme] .slate-player .activity-svg{filter:none}
html[data-kiso-theme="classic"] :is(.slate-illustration,.slate-player .activity-svg,.theory-figure img,.preview-art svg){filter:grayscale(1)}
html[data-kiso-theme] .library-stamp{color:var(--k-primary);border-color:var(--k-primary);background:color-mix(in srgb,var(--k-accent) 8%,var(--k-header))}
html[data-kiso-theme] .course-browser{border-color:var(--k-line);background:radial-gradient(color-mix(in srgb,var(--k-dots) 16%,transparent) .6px,transparent .6px) 0 0/5px 5px var(--k-slate)}
html[data-kiso-theme] .library-page .course-pick{background:var(--k-card);border-color:var(--k-line);color:var(--k-ink);box-shadow:4px 4px 0 var(--k-shadow)}
html[data-kiso-theme] .library-page button[aria-pressed=true],html[data-kiso-theme] .slate-player :is(button.chosen,.matched,[aria-pressed=true]){background:var(--k-selected);color:var(--k-selectedText);border-color:var(--k-line)}
html[data-kiso-theme] .preview-art{background:radial-gradient(color-mix(in srgb,var(--k-dots) 25%,transparent) .7px,transparent .7px) 0 0/6px 6px color-mix(in srgb,var(--k-accent) 12%,var(--k-canvas));border-color:var(--k-line)}
html[data-kiso-theme] .preview-art:before{background:linear-gradient(115deg,transparent 0 48%,color-mix(in srgb,var(--k-canvas) 65%,transparent) 48% 64%,transparent 64%)}
html[data-kiso-theme] .preview-art svg{color:var(--k-canvasText)}html[data-kiso-theme] .preview-art svg text{fill:var(--k-canvasText)}
html[data-kiso-theme] .preview-copy{color:var(--k-ink);background:var(--k-slate)}html[data-kiso-theme] .preview-copy h2{color:var(--k-ink)}
html[data-kiso-theme] .course-stats{border-color:color-mix(in srgb,var(--k-line) 30%,var(--k-slate))}
html[data-kiso-theme] .chapter-tag{background:var(--k-primary);color:var(--k-primaryText)}html[data-kiso-theme] .art-caption{background:var(--k-canvas);color:var(--k-canvasText)}
html[data-kiso-theme] .access-body,html[data-kiso-theme] .access-art p{background:var(--k-slate);color:var(--k-ink)}
html[data-kiso-theme] .access-art strong{color:var(--k-accent)}html[data-kiso-theme] .access-art strong span{color:var(--k-accent3)}
html[data-kiso-theme] :is(.orbit-ring,.access-footer){border-color:var(--k-line)}
html[data-kiso-theme] .records-dialog{background:var(--k-panel);color:var(--k-ink);border-color:var(--k-line);box-shadow:8px 8px 0 var(--k-shadow)}
html[data-kiso-theme] .rank-row.is-me,html[data-kiso-theme] .my-record{background:color-mix(in srgb,var(--k-accent) 14%,var(--k-panel));border-color:var(--k-accent)}
html[data-kiso-theme] .rank-number{color:var(--k-accent2)}html[data-kiso-theme] :is(.rank-row,.rank-head,.event-list article){border-color:color-mix(in srgb,var(--k-line) 20%,var(--k-panel))}
html[data-kiso-theme] .password-list article{background:var(--k-card);border-color:var(--k-line)}html[data-kiso-theme] .password-list dt{color:var(--k-muted)}
html[data-kiso-theme] .award-strip span{background:color-mix(in srgb,var(--k-accent3) 15%,var(--k-panel));color:var(--k-ink);border-color:var(--k-accent3)}
html[data-kiso-theme] .slate-page button[data-pace]{background:transparent;color:inherit;border:0;box-shadow:none}
html[data-kiso-theme] :focus-visible{outline-color:var(--k-accent2)}
/* This button shares the existing header row; it never overlaps study content. */
.theme-brand-group{display:flex;align-items:center;gap:13px;flex-shrink:0;min-width:0}
html[data-kiso-theme] .theme-toggle{width:40px;height:40px;min-height:40px;flex:none;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:9px!important;box-shadow:none!important;border-radius:6px}
.theme-toggle span{height:2px;width:100%;background:currentColor;flex:none;border-radius:2px}
html[data-kiso-theme]  .slate-page .theme-toggle[aria-expanded=true]{background:var(--k-primary);color:var(--k-primaryText);transform:none}#kiso-theme-studio{position:fixed;z-index:11000;display:flex;flex-direction:column;background:var(--k-menu);color:var(--k-menuText);border:2px solid var(--k-line);border-radius:12px 12px 15px 6px;box-shadow:6px 6px 0 var(--k-shadow);overflow:hidden;font-family:'DM Sans',Arial,sans-serif;animation:theme-arrive .16s ease-out;transform-origin:top left;isolation:isolate}#kiso-theme-studio[hidden]{display:none!important}#kiso-theme-studio .theme-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 16px 12px;border-bottom:1px solid color-mix(in srgb,var(--k-menuText) 18%,var(--k-menu))}#kiso-theme-studio .theme-title small{font:9px monospace;letter-spacing:1.5px}#kiso-theme-studio .theme-title h2{font-size:19px;line-height:1.2;margin:4px 0 0;color:inherit}#kiso-theme-studio button{font:inherit;color:var(--k-menuText);cursor:pointer;background:var(--k-menu);border:1px solid color-mix(in srgb,var(--k-menuText) 32%,var(--k-menu));border-radius:5px;box-shadow:none!important;transform:none!important;min-height:32px;line-height:1.2;transition:background .12s}#kiso-theme-studio .theme-title button{width:32px;height:32px;font-size:23px;flex:none;padding:0}#kiso-theme-studio .theme-body{padding:12px 16px;overflow:auto;min-height:0;overscroll-behavior:contain}#kiso-theme-studio .theme-body>p{margin:0 0 12px;font-size:12px;line-height:1.4}#kiso-theme-studio .theme-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#kiso-theme-studio .theme-presets button{display:flex;flex-wrap:wrap;position:relative;align-content:flex-start;gap:6px;text-align:left;padding:8px;min-width:0;background:var(--sample-page);color:var(--sample-ink);border-color:color-mix(in srgb,var(--sample-ink) 30%,var(--sample-page))}#kiso-theme-studio .theme-presets button:hover{background:var(--sample-paper)}#kiso-theme-studio .theme-presets button[aria-pressed=true]{outline:2px solid var(--sample-accent);outline-offset:1px}#kiso-theme-studio .theme-presets strong{display:block;font-size:12px}#kiso-theme-studio .theme-presets small{display:block;font-size:9px;line-height:1.25;margin-top:3px}#kiso-theme-studio .theme-tick{position:absolute;right:8px;top:9px;color:var(--sample-accent);font-size:13px;font-weight:800}#kiso-theme-studio .theme-sample{height:24px;width:60px;background:var(--sample-paper);border:1px solid var(--sample-ink);border-radius:3px;position:relative;display:block;box-shadow:2px 2px 0 var(--sample-ink)}#kiso-theme-studio .theme-sample i{position:absolute;left:5px;top:5px;width:20px;height:3px;background:var(--sample-ink)}#kiso-theme-studio .theme-sample b{position:absolute;left:5px;top:12px;width:27px;height:2px;background:var(--sample-ink);opacity:.5}#kiso-theme-studio .theme-sample em{position:absolute;right:5px;top:5px;width:12px;height:12px;border-radius:3px;background:var(--sample-accent)}#kiso-theme-studio .theme-custom{width:100%;margin-top:14px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--k-menuText)!important;text-align:left}#kiso-theme-studio .theme-custom>span:nth-child(2){flex:1}#kiso-theme-studio .theme-custom>span:first-child{font-size:24px;color:var(--k-accent2)}#kiso-theme-studio .theme-custom b{display:block;font-size:13px}#kiso-theme-studio .theme-custom small{display:block;font-size:10px;margin-top:3px}#kiso-theme-studio .theme-status{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;line-height:1.3;padding:10px 16px;border-top:1px solid color-mix(in srgb,var(--k-menuText) 18%,var(--k-menu));background:color-mix(in srgb,var(--k-menuText) 4%,var(--k-menu));flex:none}#kiso-theme-studio .theme-status button{font-size:10px;padding:4px 6px;min-height:25px}#kiso-theme-studio .theme-status [hidden]{display:none!important}#kiso-theme-studio .theme-back{border:0!important;padding:0!important;min-height:24px!important;font-size:12px!important;margin-bottom:10px}#kiso-theme-studio .theme-element{display:grid;gap:7px;font-size:12px;font-weight:650}#kiso-theme-studio .theme-element select{background:var(--k-menu);color:var(--k-menuText);border:1px solid var(--k-menuText);border-radius:5px;min-height:38px;padding:6px 9px;font:inherit;max-width:100%;width:100%}#kiso-theme-studio .theme-body .theme-element-help{font-size:11px;min-height:16px;line-height:1.35;margin:7px 0 12px}#kiso-theme-studio .palette-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}#kiso-theme-studio .palette-tabs button{font-size:10px;padding:5px 7px;min-height:27px}#kiso-theme-studio .palette-tabs button[aria-pressed=true]{background:var(--k-menuText);color:var(--k-menu)}#kiso-theme-studio .manga-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}#kiso-theme-studio .manga-swatches button{display:flex;flex-direction:column;min-width:0;position:relative;padding:0;overflow:hidden;border-radius:5px;border:1px solid #786e7780;background:#fffaf4;color:#322838}#kiso-theme-studio .manga-swatches button>span{display:block;width:100%;height:31px;background:radial-gradient(#0002 .6px,transparent .6px) 0 0/5px 5px var(--swatch);border-bottom:1px solid #786e7733}#kiso-theme-studio .manga-swatches small{font-size:9px;line-height:1.3;margin:5px 2px}#kiso-theme-studio .manga-swatches b{display:none;position:absolute;right:3px;top:3px;width:19px;height:19px;border-radius:50%;color:#202026;background:#fff;border:1px solid #202026;font-size:12px;line-height:17px;text-align:center}#kiso-theme-studio .manga-swatches [aria-pressed=true] b{display:block}#kiso-theme-studio .manga-swatches [aria-pressed=true]{outline:2px solid var(--k-menuText);outline-offset:1px}#kiso-theme-studio .colour-wheel{display:flex;align-items:center;gap:8px;padding:10px 0;margin-top:8px;border-top:1px solid color-mix(in srgb,var(--k-menuText) 18%,var(--k-menu));font-size:12px}#kiso-theme-studio .colour-wheel>span{flex:1}#kiso-theme-studio .colour-wheel small{display:block;font-size:9px;margin-top:3px}#kiso-theme-studio .colour-wheel input{width:39px;min-width:39px;height:33px;padding:2px;background:var(--k-menu);border:1px solid var(--k-menuText);border-radius:5px;cursor:pointer}#kiso-theme-studio .colour-wheel output{font:10px monospace;width:49px}#kiso-theme-studio .theme-custom-actions{display:flex;gap:7px}#kiso-theme-studio .theme-custom-actions button{font-size:11px;padding:8px;flex:1}#kiso-theme-studio .theme-custom-actions [data-theme-done]{background:var(--k-menuText);color:var(--k-menu);flex:.55}
@keyframes theme-arrive{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:650px){.theme-brand-group{gap:7px}html[data-kiso-theme] .theme-toggle{width:32px;height:32px;min-height:32px;padding:7px!important;gap:4px}#kiso-theme-studio .theme-title{padding:11px 13px}#kiso-theme-studio .theme-title h2{font-size:17px}#kiso-theme-studio .theme-body{padding:10px 13px}#kiso-theme-studio .theme-status{padding:9px 13px}}
@media(max-width:420px){.theme-brand-group .slate-brand>span{display:none}html[data-kiso-theme] .slate-sitebar{gap:6px}.theme-brand-group .slate-brand>b{font-size:23px}.theme-brand-group .slate-brand small{font-size:7px;letter-spacing:1px}.theme-brand-group{gap:7px}html[data-kiso-theme] .slate-account{gap:5px}}
@media(max-width:350px){html[data-kiso-theme] .slate-account button{padding:5px!important;font-size:9px!important}#kiso-theme-studio .theme-presets{gap:7px}#kiso-theme-studio .theme-presets button{padding:7px}#kiso-theme-studio .theme-presets small{font-size:8px}#kiso-theme-studio .theme-presets strong{font-size:11px}}
@media(max-height:650px){#kiso-theme-studio .theme-title{padding:9px 13px}#kiso-theme-studio .theme-body{padding:9px 13px}#kiso-theme-studio .theme-presets button{padding:7px;gap:5px}#kiso-theme-studio .theme-sample{height:20px}#kiso-theme-studio .theme-presets small{display:none}#kiso-theme-studio .theme-custom{margin-top:11px;padding:8px 10px}#kiso-theme-studio .theme-title h2{font-size:17px}#kiso-theme-studio .theme-status{padding:8px 13px}#kiso-theme-studio .manga-swatches button>span{height:26px}}
@media(prefers-reduced-motion:reduce){#kiso-theme-studio{animation:none}}

/* Keep recovery controls readable even after choosing identical menu colours. */
#kiso-theme-studio [data-theme-close],#kiso-theme-studio [data-theme-reset]{background:#fff8ed;color:#332635;border:1px solid #332635}
#kiso-theme-studio [data-theme-close]:hover,#kiso-theme-studio [data-theme-reset]:hover{background:#f8dfcd}
html[data-kiso-theme] .feedback{color:var(--k-danger);background:color-mix(in srgb,var(--k-danger) 8%,var(--k-panel));border-color:var(--k-danger)}
html[data-kiso-theme] .feedback.success{color:var(--k-success);background:color-mix(in srgb,var(--k-success) 8%,var(--k-panel));border-color:var(--k-success)}
html[data-kiso-theme] :is(.light-feedback,.optics-feedback)[data-result=success]{color:var(--k-success)}
html[data-kiso-theme] :is(.hint-box,.simple-explanation){background:var(--k-panel);color:var(--k-ink);border-color:var(--k-accent2)}

html[data-kiso-theme] .admin-review-bar>span{color:var(--k-muted)}
/* Theme folders and illustrated previews. */
#kiso-theme-studio .theme-folders{display:grid;gap:10px}
#kiso-theme-studio .theme-folders button{display:flex;align-items:center;gap:12px;padding:12px;text-align:left;background:var(--folder-paper);color:var(--folder-ink);border-color:var(--folder-ink)}
#kiso-theme-studio .theme-folders button>span:nth-child(2){flex:1;min-width:0}
#kiso-theme-studio .theme-folders b{display:block;font-size:14px}
#kiso-theme-studio .theme-folders small{display:block;font-size:10px;margin:5px 0;line-height:1.3}
#kiso-theme-studio .theme-folders em{font:9px monospace;font-style:normal;opacity:.8}
#kiso-theme-studio .folder-art{width:56px;height:58px;border:1px solid currentColor;border-radius:5px;background-size:auto 200%;background-position:center 10%;font-size:34px;display:grid;place-items:center;flex:none}
#kiso-theme-studio [data-theme-folder=advanced] .folder-art{font-size:0}
#kiso-theme-studio [data-art-preview] .theme-sample{width:100%;height:52px;background-image:var(--sample-art);background-size:100% auto;background-position:center 8%;box-shadow:none}
#kiso-theme-studio [data-art-preview] .theme-sample :is(i,b,em){display:none}
#kiso-theme-studio [data-art-preview] .theme-tick{background:var(--sample-paper);border-radius:50%;padding:2px 4px;top:12px;right:12px}
/* Artwork surrounds the actual study interface; it carries no UI text. */
html[data-kiso-theme-folder=advanced] body.slate-page{background-image:var(--k-art);background-size:100% 100%;background-position:center;background-attachment:fixed}
html[data-kiso-theme-folder=advanced] .slate-sitebar{background-image:var(--k-art);background-size:100% auto;background-position:center 17%;border:1px solid var(--k-line);border-radius:8px;padding:9px 12px;margin-top:7px;isolation:isolate}
html[data-kiso-theme-folder=advanced] .theme-brand-group{padding:7px 9px;border-radius:6px;background:color-mix(in srgb,var(--k-slate) 94%,transparent);border:1px solid color-mix(in srgb,var(--k-line) 30%,transparent)}
html[data-kiso-theme-folder=advanced] .student-chip,html[data-kiso-theme-folder=advanced] .access-label{background:var(--k-slate);border-radius:4px;padding:5px}
html[data-kiso-theme-folder=advanced] .manga-slate{border-color:var(--k-accent);box-shadow:5px 5px 0 color-mix(in srgb,var(--k-shadow) 70%,transparent)}
html[data-kiso-theme-folder=advanced] .slate-layout:not(.access-layout){grid-template-rows:104px minmax(0,1fr) 26px}
html[data-kiso-theme-folder=advanced] .access-layout{grid-template-rows:104px minmax(0,1fr)}
html[data-kiso-theme-folder=black] .manga-slate{box-shadow:5px 5px 0 #000;border-color:var(--k-accent)}
/* Home utilities are only mounted on login and the course library. */
.home-actions{display:flex;align-items:center;gap:8px;flex:none}
html[data-kiso-theme] .home-actions button{width:36px;min-height:36px;height:36px;padding:7px;display:grid;place-items:center;box-shadow:1px 1px 0 var(--k-shadow)}
.home-actions svg{width:21px;height:21px}
.access-footer .home-actions{margin-left:auto;margin-right:12px}
.home-qr-panel{text-align:center}
.home-qr-panel>p{font-size:13px;line-height:1.4;margin:8px 0}
.home-qr{display:block;object-fit:contain;margin:12px auto;background:#fff;border:8px solid #fff;border-radius:8px;width:min(310px,80vw);max-height:52dvh;aspect-ratio:1}
.donation-qr{aspect-ratio:1054/1167}
.home-site-link{display:block;font-size:11px;overflow-wrap:anywhere;color:var(--k-accent)}
.home-upi{font-family:monospace;overflow-wrap:anywhere}
.home-panel-actions{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.home-panel-actions a{padding:8px 12px;border:1px solid var(--k-line);border-radius:4px;font-size:13px;color:var(--k-ink);background:var(--k-button)}
.home-panel-actions .ink-button{color:var(--k-primaryText);background:var(--k-primary)}
.student-card-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.issued-password{display:inline-block;padding:8px;background:var(--k-card);border:1px solid var(--k-line);font-size:16px}
.password-history{display:grid;gap:10px;margin:16px 0}
.password-history article{padding:12px;background:var(--k-card);border:1px solid var(--k-line);border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.password-history b{font-size:13px}.password-history time{display:block;font-size:11px;margin-top:5px;color:var(--k-muted)}
.password-history code{font:13px monospace;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:700px){html[data-kiso-theme-folder=advanced] .slate-layout:not(.access-layout){grid-template-rows:68px minmax(0,1fr) 19px}html[data-kiso-theme-folder=advanced] .access-layout{grid-template-rows:68px minmax(0,1fr)}html[data-kiso-theme-folder=advanced] .slate-sitebar{padding:3px;margin-top:3px;background-position:center 15%}html[data-kiso-theme-folder=advanced] .theme-brand-group{padding:3px;gap:5px;border:0}.home-actions{gap:5px}html[data-kiso-theme] .home-actions button{width:29px;height:29px;min-height:29px;padding:5px}.home-actions svg{width:18px;height:18px}.access-footer .home-actions{margin-right:7px}.home-qr{max-height:48dvh;width:min(280px,75vw)}.home-panel-actions :is(a,button){font-size:11px!important}.home-qr-panel>p{font-size:11px}.password-history article{gap:7px}}
@media(max-height:700px){html[data-kiso-theme-folder=advanced] .slate-layout:not(.access-layout){grid-template-rows:48px minmax(0,1fr) 16px}html[data-kiso-theme-folder=advanced] .access-layout{grid-template-rows:48px minmax(0,1fr)}html[data-kiso-theme-folder=advanced] .slate-sitebar{padding:2px 5px;margin-top:2px}html[data-kiso-theme-folder=advanced] .theme-brand-group{padding:2px 4px}.home-qr{max-height:45dvh;margin:8px auto}.home-panel-actions{margin-top:7px}}

html[data-kiso-theme] .student-card-heading small{color:var(--k-muted)}