:root{font-family:'Avenir Next','Trebuchet MS',sans-serif;color:#25355b;background:#f8faff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;padding:32px 20px}a{color:#3159bd;text-decoration:none;font-weight:700}.account-shell{max-width:440px;margin:6vh auto;background:white;padding:32px;border:2px solid #e1e9ff;border-radius:28px;box-shadow:0 6px 0 #e6edfa}.account-wide{max-width:720px;margin-top:20px}.account-logo{width:72px;display:block;margin:0 auto 20px}h1{color:#3159bd;font-size:28px;line-height:1.2}h2{font-size:21px}p{color:#64708c;font-size:14px;line-height:1.6}label{display:block;font-size:14px;font-weight:700;margin:16px 0}input{display:block;width:100%;margin-top:7px;border:2px solid #dce6ff;border-radius:12px;padding:12px;font:inherit;color:#25355b}button{font:inherit;background:#3159bd;color:white;border:0;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:700}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f3cb58;outline-offset:3px}nav{display:flex;align-items:center;justify-content:space-between;gap:16px}nav button,.user-row button,#cancelReset{background:#eaf0ff;color:#3159bd;font-size:12px;padding:9px 12px}section{border-top:1px solid #e1e9ff;margin-top:24px;padding-top:12px}.user-row{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #e7ecf6}.user-row span{flex:1;min-width:0}.user-row small{display:block;color:#64708c;font-size:11px;margin-top:4px}.error{color:#bd3556}.success{color:#23724f}[hidden]{display:none!important}@media(max-width:500px){.account-shell{padding:22px}.user-row{flex-wrap:wrap}.user-row span{flex-basis:100%}}

.account-wide:has(#metricsPanel:not([hidden])){max-width:1080px}.metrics-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.metrics-heading h2{margin:6px 0;color:#3159bd;font-size:28px}.eyebrow{font-size:11px;color:#64708c;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.metrics-filters{display:flex;gap:16px;flex-wrap:wrap}.metrics-filters label{min-width:190px}.metrics-filters select{display:block;width:100%;margin-top:7px;border:2px solid #dce6ff;border-radius:12px;padding:10px;font:inherit;background:#fff;color:#25355b}.metric-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-totals>div{padding:20px 16px;background:#eaf0ff;border-radius:18px}.metric-totals>div:nth-child(3){background:#fff1b9}.metric-totals strong{display:block;font-size:28px;color:#3159bd;margin-bottom:7px}.metric-totals span{font-size:12px;font-weight:700}.metrics-note{font-size:12px;color:#64708c}.metric-table{overflow:auto}.metric-table table{width:100%;border-collapse:collapse;font-size:13px}.metric-table th{text-align:left;color:#64708c;font-size:11px;background:#f8faff}.metric-table th,.metric-table td{padding:12px 10px;border-bottom:1px solid #e7ecf6;vertical-align:top}.metric-history{display:grid;grid-template-columns:1fr 2fr;gap:20px}#passwordForm{max-width:440px}@media(max-width:700px){.metric-totals{grid-template-columns:repeat(2,1fr)}.metric-history{grid-template-columns:1fr}.metric-totals strong{font-size:24px}.metrics-heading h2{font-size:23px}}
/* Settings window: a quiet sidebar and a single focused workspace. */
.settings-page{padding:32px 24px;background:#f2f5fb}.settings-shell,.settings-shell:has(#metricsPanel:not([hidden])){max-width:1240px;margin:0 auto;padding:0;border:1px solid #dbe2ef;border-radius:24px;overflow:hidden;box-shadow:0 18px 60px #25355b12}.settings-shell>nav{padding:18px 28px;border-bottom:1px solid #e1e7f1;background:white}.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:720px}.settings-sidebar{background:#edf1f8;padding:30px 18px;border-right:1px solid #dfe5ef}.settings-sidebar>img{margin-left:12px}.settings-sidebar h1{font-size:25px;margin:16px 12px 8px}.settings-sidebar #identity{margin:0 12px 28px;font-size:12px}.settings-tabs{display:flex;flex-direction:column;gap:6px}.settings-tabs button{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;color:#53617d;border-radius:10px;padding:12px;font-size:14px;font-weight:600}.settings-tabs button:hover{background:#e1e8f5}.settings-tabs button[aria-selected=true]{background:#3159bd;color:#fff;box-shadow:0 3px 10px #3159bd22}.settings-icon{display:grid;place-items:center;width:28px;height:28px;flex:none;background:#ffffff85;color:#3159bd;border-radius:8px;font-size:20px}.settings-tabs button[aria-selected=true] .settings-icon{background:#ffffff25;color:white}.settings-content{min-width:0;padding:30px 36px 44px;background:white}.settings-content>section{margin:0;padding:0;border:0}.settings-content h2{font-size:26px;color:#3159bd;margin:0 0 12px}.settings-content>section>p{max-width:660px}.settings-content form{max-width:480px}.settings-content input,.settings-content select{background:#fbfcff}.settings-content #alexaConfigPanel{margin-top:32px;border-top:1px solid #e1e9ff;padding-top:24px}.settings-content #alexaConfigPanel h2{font-size:21px}.settings-content #users{margin-top:28px}.settings-content #resetUserForm{padding:20px;background:#f2f5fb;border-radius:16px;margin-top:20px}.settings-content .metric-history{grid-template-columns:1fr}.settings-content .metric-totals>div{padding:18px 12px;border-radius:12px}.settings-content .metric-totals strong{font-size:25px}.settings-content .metrics-heading h2{font-size:26px}.settings-content button{transition:background .15s ease}.settings-content button:hover{filter:brightness(.96)}
@media(max-width:850px){.settings-layout{grid-template-columns:210px minmax(0,1fr)}.settings-content{padding:28px 24px}.settings-content .metric-totals{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.settings-page{padding:12px}.settings-shell>nav{padding:14px 18px}.settings-layout{display:block;min-height:0}.settings-sidebar{padding:18px;border-right:0;border-bottom:1px solid #dfe5ef}.settings-sidebar>img{float:left;width:40px;height:40px;margin:0 12px 0 0}.settings-sidebar h1{font-size:22px;margin:0 0 4px}.settings-sidebar #identity{margin:0 0 20px}.settings-tabs{clear:both;flex-direction:row;overflow:auto;gap:8px;padding:3px}.settings-tabs button{flex:none;font-size:12px;padding:8px;gap:7px}.settings-icon{width:24px;height:24px;font-size:17px}.settings-content{padding:24px 20px 32px}.settings-content h2,.settings-content .metrics-heading h2{font-size:23px}}
.metric-visuals{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;margin:24px 0 30px}.metric-visuals figure{margin:0;padding:22px;border:1px solid #e1e7f1;border-radius:16px;background:#fbfcff;min-width:0}.metric-visuals figcaption{font-size:14px;font-weight:750;margin-bottom:22px;color:#25355b}.completion-stack{display:flex;height:22px;border-radius:8px;overflow:hidden;background:#e2e7f0;margin-bottom:20px}.completion-stack .complete,.chart-legend .complete i{background:#26866b}.completion-stack .partial,.chart-legend .partial i{background:#edb443}.completion-stack .unknown,.chart-legend .unknown i{background:#a5afc1}.chart-legend{display:grid;gap:14px}.chart-legend>div{display:flex;align-items:center;gap:8px;font-size:12px}.chart-legend i{height:9px;width:9px;border-radius:50%;flex:none}.chart-legend strong{margin-left:auto;white-space:nowrap}.popular-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;margin-bottom:15px;font-size:12px}.popular-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-row strong{font-size:11px;color:#64708c}.chart-track{grid-column:1/-1;height:7px;border-radius:6px;background:#e8edf7;overflow:hidden}.chart-track span{display:block;height:100%;background:#3159bd;border-radius:6px}.story-progress{display:flex;align-items:center;gap:12px;min-width:140px}.story-progress span{font-weight:700;font-size:12px;width:36px;text-align:right}.story-progress progress{appearance:none;width:110px;height:9px;border:none;border-radius:8px;overflow:hidden;background:#e8edf7}.story-progress progress::-webkit-progress-bar{background:#e8edf7;border-radius:8px}.story-progress progress::-webkit-progress-value{background:#edb443;border-radius:8px}.story-progress progress::-moz-progress-bar{background:#edb443;border-radius:8px}.story-progress.complete progress::-webkit-progress-value{background:#26866b}.story-progress.complete progress::-moz-progress-bar{background:#26866b}.story-progress.unknown{font-size:11px;color:#64708c;max-width:150px}#completionTotals{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.metric-visuals{grid-template-columns:1fr}}@media(max-width:620px){#completionTotals{grid-template-columns:1fr}.metric-visuals figure{padding:18px}}
.login-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:32px 20px;background-color:#eaf3ff;background-image:linear-gradient(#ffffff12,#ffffff12),url('/alexa-art/alexa-welcome.jpg');background-position:center;background-size:cover;background-repeat:no-repeat}.login-page .login-panel{width:100%;max-width:440px;margin:0;background:#fffffff2;border:1px solid #ffffff;border-radius:28px;padding:30px 34px;box-shadow:0 18px 55px #27447826;backdrop-filter:blur(7px)}.login-panel .account-logo{margin-bottom:12px}.login-panel h1{text-align:center;margin:8px 0 10px;font-size:27px}.login-panel>p:first-of-type{text-align:center;margin:0 0 22px}.login-panel input{background:#fff}.login-panel form button{width:100%;margin-top:8px;padding:14px 16px}.login-panel #authMessage:empty{margin:0}.login-panel #authMessage:not(:empty){margin-bottom:0}@media(max-width:500px){.login-page{padding:20px 16px;background-position:48% center}.login-page .login-panel{padding:26px 24px;border-radius:24px}.login-panel h1{font-size:24px}}@media(max-height:600px){.login-page{align-items:flex-start;padding-top:20px;padding-bottom:20px}}