@font-face{font-family:Kosugi Maru;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/kosugi-maru-core.woff2) format("woff2");unicode-range:U+20-7E,U+B1,U+D7,U+F7,U+2018-2019,U+201C-201D,U+2026,U+2032-2033,U+2191,U+2193,U+3000-3003,U+3005-3015,U+301C,U+3041-3093,U+309B-309E,U+30A1-30F6,U+30FB-30FE,U+4E00,U+4E03,U+4E09-4E0B,U+4E0D,U+4E16,U+4E21,U+4E26,U+4E2D,U+4E38,U+4E43,U+4E45,U+4E7E,U+4E80,U+4E86,U+4E8C,U+4E94-4E95,U+4E9C,U+4EAC,U+4EBA,U+4ECA,U+4ED6,U+4ED8,U+4EE3,U+4EE5,U+4EF6,U+4EFB,U+4F0A,U+4F4D,U+4F50,U+4F53,U+4F5C,U+4F73,U+4F7F,U+4F8B,U+4F91,U+4F9D,U+4FC2,U+4FDD,U+4FE1,U+5009,U+500B,U+5019,U+5024,U+5074,U+5099,U+50CF,U+512A,U+5143,U+5145,U+5148,U+5150,U+5165,U+5168,U+516C,U+5171,U+5185,U+518D,U+51FA,U+5206-5207,U+5217,U+521D,U+5225,U+5229,U+5236,U+524A,U+524D,U+5272,U+529B,U+529F-52A0,U+52D5,U+5316,U+533A,U+5341,U+5343,U+5358,U+539A,U+539F,U+53C2,U+53CB,U+53CD,U+53D6,U+53EF,U+5408-5409,U+540C-540D,U+5411,U+542B,U+5439,U+548C,U+54B2,U+54E1,U+552F,U+554F,U+559C,U+56DE,U+56E3,U+5713,U+571F,U+5728,U+5730,U+5742,U+57A3,U+5800,U+5831,U+5834,U+585A,U+5883,U+5897,U+58F0,U+5909,U+590F,U+5916,U+5927,U+5929,U+592E,U+5931,U+5948,U+5968,U+5973,U+597D,U+5983,U+59CB,U+5B50,U+5B57-5B58,U+5B64,U+5B66,U+5B88,U+5B8C,U+5B9A,U+5B9F,U+5BB9,U+5BCC,U+5BE7,U+5BFA,U+5BFE-5BFF,U+5C0F,U+5C3E,U+5C4A-5C4B,U+5C5E,U+5C71,U+5CA1,U+5CA9,U+5CF6,U+5D0E,U+5D50,U+5D8B-5D8C,U+5DDD,U+5DEE,U+5E02,U+5E06,U+5E0C,U+5E30,U+5E38,U+5E73,U+5E78,U+5E7C,U+5E83,U+5EA6,U+5F0F,U+5F13,U+5F53,U+5F62,U+5F69,U+5F85,U+5F8C,U+5F92,U+5F97,U+5FA1,U+5FA9,U+5FB3,U+5FC3,U+5FC5,U+5FDC,U+601C-601D,U+6027,U+6075,U+60A0,U+60C5,U+60F3,U+610F,U+611B,U+614B,U+6182,U+6210,U+6226,U+6238,U+623B,U+6240,U+624B,U+624D,U+6271,U+6295,U+629E,U+62BC,U+62EC,U+6301,U+6307,U+6311,U+6357,U+63A5,U+63A7-63A8,U+63B2,U+63DB,U+63F4,U+64CD,U+6539,U+653B,U+6557,U+6559,U+6566,U+6570,U+6574,U+6587,U+658E,U+65AD,U+65B0,U+65B9,U+65E2,U+65E5,U+65E7,U+65E9,U+6607,U+660E,U+661F-6620,U+6625,U+6642,U+66F4,U+66F8,U+66FF-6700,U+6708-6709,U+670D,U+671B,U+671F,U+6728,U+672A-672C,U+6731,U+674E-674F,U+6751,U+6761,U+6771,U+677E,U+6797,U+679C-679D,U+67A0,U+6839,U+6843,U+6885,U+68A8,U+68EE,U+690D,U+691C,U+6953,U+6A29,U+6A4B,U+6A58,U+6AFB,U+6B04,U+6B21,U+6B4C,U+6B63,U+6B8B,U+6BCE,U+6C34,U+6C37-6C38,U+6C5F-6C60,U+6C99,U+6CB3,U+6CBC,U+6CC1,U+6CC9,U+6CD5,U+6CE8,U+6D41,U+6D45,U+6D66,U+6D69,U+6D77,U+6D88,U+6D99,U+6DBC,U+6DFB,U+6E05,U+6E08,U+6E1B,U+6E21,U+6E29,U+6E80,U+6E90,U+6E96,U+6F84,U+6FA4,U+702C,U+70B9,U+7121,U+7167,U+7248,U+72B6,U+7387,U+73B2,U+73FE,U+7406,U+7434,U+7460,U+74B0,U+751F,U+7528,U+7530-7531,U+753B,U+7559,U+7565,U+7570,U+7591,U+767A,U+767D-767E,U+7684,U+76EE,U+76F4,U+76F8,U+7701,U+771E-771F,U+7740,U+77B3,U+77E2,U+77E5,U+77F3,U+7802,U+78A7,U+78BA,U+793A,U+793E,U+7948,U+7965,U+798F,U+79C1,U+79FB,U+7A1C,U+7A2E,U+7A32,U+7A3F,U+7A7A,U+7AE5,U+7AEF,U+7B11,U+7B2C,U+7B54,U+7BA1,U+7BE0,U+7CFB,U+7D04,U+7D0B,U+7D17,U+7D1A,U+7D20,U+7D22,U+7D42,U+7D50,U+7D5E,U+7D71,U+7D75,U+7D99-7D9A,U+7DBE,U+7DCF,U+7DD2,U+7DDA,U+7DE8,U+7E04,U+7E1B,U+7E54,U+7E70,U+7F6E,U+7F8E,U+7FA9,U+7FD2,U+8005,U+8061,U+8074,U+80A2,U+80B2,U+80FD,U+81E8,U+81EA,U+821E,U+82B1,U+82F1,U+8309,U+831C,U+83C5,U+83CA,U+83DC,U+840C,U+8457,U+85AB,U+85E4,U+862D,U+8702,U+884C,U+8863,U+8868,U+88C5,U+88D5,U+88DC,U+88FD,U+8907,U+897F,U+8981,U+898B,U+898F,U+89A7,U+89E3,U+8A18,U+8A2D,U+8A66,U+8A69,U+8A8D,U+8A9E,U+8AA4,U+8AAC-8AAD,U+8AB0,U+8B0E,U+8C37,U+8C4A,U+8C61,U+8C9D,U+8CBC,U+8D64,U+8D77,U+8D85,U+8DB3,U+8F09,U+8FBA,U+8FBC,U+8FD1,U+8FFD,U+9001,U+9014,U+901A,U+9023,U+9032,U+9054-9055,U+9069,U+9078,U+9091,U+90A3,U+90E8,U+914D,U+91C8,U+91CC-91CF,U+91D1,U+9234,U+9332,U+9577,U+9589,U+958B,U+9593,U+95A2,U+95BE,U+963F,U+964D,U+9650,U+9664,U+9688,U+969B,U+96A0,U+96C6,U+9752,U+9759,U+9762,U+97F3,U+97FF,U+9806,U+982D,U+984C,U+98DB,U+98DF,U+9999,U+9AD8,U+9B3C,U+9DF2,U+9EBB,U+FF01,U+FF03-FF06,U+FF08-FF0C,U+FF0E-FF3B,U+FF3D-FF5D}:root{--color-border-default: #cfdcea;--color-border-hover: #9db8d4;--color-focus-strong: #1e88e5;--color-focus-soft: rgba(0, 123, 255, .7);--color-bg-main: #bfe0f3;--color-bg-surface: #fff;--color-bg-surface-hover: #f6faff;--color-header-bg: #1e88e5;--color-text-muted: #555;--color-overlay-dark: rgb(28 42 65 / 70%);--color-navy: #2b4665;--color-navy-deep: #1d3a5c;--color-panel-glass: rgba(255, 255, 255, .5);--color-panel-border: rgba(255, 255, 255, .85);--color-marker-yellow: #ffe94a;--shadow-panel: 0 4px 16px rgba(31, 68, 109, .14);--shadow-card: 0 2px 6px rgba(31, 68, 109, .22);--quiz-control-height: 2.6rem;--quiz-control-font-size: 1.1rem;--quiz-control-pad: .3rem}body{margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}select{appearance:none;-webkit-appearance:none;border:1px solid var(--color-border-default);border-radius:8px;background-color:var(--color-bg-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232b4665'%3E%3Cpath d='M3.2 5.5h9.6L8 11.2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6em center;background-size:.85em;padding:.45rem 2.1em .45rem .8rem;font-size:.95em;font-weight:700;color:var(--color-navy);cursor:pointer;font-family:inherit;box-shadow:0 1px 2px #1f446d14;transition:border-color .15s ease,background-color .15s ease}select:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-surface-hover)}select:focus-visible{outline:2px solid var(--color-focus-strong);outline-offset:2px}select option{font-weight:700;color:var(--color-navy);background:var(--color-bg-surface)}.main{margin:0;padding:0;min-height:100vh;background-color:var(--color-bg-main);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.13) 0 56px,transparent 56px 112px),repeating-linear-gradient(-45deg,rgba(255,255,255,.13) 0 56px,transparent 56px 112px),linear-gradient(180deg,#d3ecfa,#b7ddf3 55%,#c7e6f7);background-attachment:fixed;font-family:sans-serif}.app-header{width:100%;background:#f8fbfb;border-bottom:1px solid #e3e9ee;box-shadow:0 1px 4px #1f446d14;color:var(--color-navy)}.app-header-inner{position:relative;max-width:1080px;margin-inline:auto;box-sizing:border-box;padding:.65rem 3.2rem;text-align:center}.app-title-fit{width:100%;container-type:inline-size}@media(max-width:560px){.app-header-inner{padding-left:1rem;text-align:left}}.app-header-inner:has(>.settings-button[hidden]){padding-inline:1rem;text-align:center}h1{margin:0;padding:0 .4em .1em;display:inline-block;white-space:nowrap;font-size:1.8rem;font-size:clamp(.75rem,calc(100cqi * .0653),1.8rem);font-weight:700;font-family:Kosugi Maru,sans-serif;color:var(--color-navy);background:linear-gradient(transparent 0% 78%,var(--color-marker-yellow) 78% 94%,transparent 94% 100%)}.settings-button{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#466398;cursor:pointer;transition:background-color .15s ease}.settings-button[hidden]{display:none}.settings-button:hover{background:#4663981f}.settings-button:focus-visible{outline:2px solid var(--color-focus-strong);outline-offset:2px}.settings-badge{position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;background:#fb4516;border:2px solid #f8fbfb}.settings-badge[hidden]{display:none}.settings-badge-host{position:relative}.settings-badge-host .settings-badge{top:-4px;right:-4px;border-color:var(--color-bg-surface)}.settings-dialog .app-dialog-status{min-height:0}.settings-dialog .app-dialog-status:empty{display:none}.app-dialog:has(>.filter-dialog-head){padding-top:0}.app-dialog>.filter-dialog-head{position:sticky;top:0;z-index:1;margin:0 -1rem 1rem;padding:.85rem 1rem .6rem;background:var(--color-bg-surface);border-bottom:1px solid #e3e8ee}.settings-github-link{display:inline-flex;align-items:center;gap:.35em}.settings-github-icon{width:1.1em;height:1.1em;fill:currentColor}.settings-dialog .filter-section-label{margin-top:1.1rem}.settings-dialog .filter-section-label:first-of-type{margin-top:0}.settings-note{margin:0 0 .5rem;color:var(--color-text-muted);font-size:.9em;line-height:1.5}.settings-note a{color:#2e6ac7}.settings-status-grid{display:grid;grid-template-columns:auto 1fr;gap:.25rem .9rem;margin:0 0 .5rem;font-size:.9em;line-height:1.5}.settings-status-grid dt{color:var(--color-text-muted);white-space:nowrap}.settings-status-grid dd{margin:0;color:var(--color-navy);overflow-wrap:anywhere}.settings-download-progress{display:flex;flex-direction:column;gap:.25rem;margin:0 0 .6rem}.settings-download-progress[hidden]{display:none}.settings-download-progress progress{width:100%;height:.7rem;accent-color:#2e6ac7}.settings-download-progress span{font-size:.85em;color:var(--color-text-muted);text-align:right}.settings-danger-button{color:#b3261e!important;border-color:#e5b9b6!important}.settings-danger-button:hover{background:#fdf1f0!important;border-color:#d69b97!important}h1,.panel-head-title{--text-outline: #fff;text-shadow:2px 0 0 var(--text-outline),-2px 0 0 var(--text-outline),0 2px 0 var(--text-outline),0 -2px 0 var(--text-outline),1.5px 1.5px 0 var(--text-outline),-1.5px 1.5px 0 var(--text-outline),1.5px -1.5px 0 var(--text-outline),-1.5px -1.5px 0 var(--text-outline)}.content{margin:0 auto;padding:0 1rem;width:auto;max-width:1080px;display:flex;flex-direction:column;justify-content:center;align-items:center}.page-switch{margin-top:1rem;display:flex;gap:1px;width:100%;max-width:480px;box-sizing:border-box;padding:.3rem .5em;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}.page-switch button{position:relative;isolation:isolate;flex:1;box-sizing:border-box;height:2.9rem;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:.5rem 1rem;color:#496f8f;font-size:1.05rem;font-weight:700;font-family:Kosugi Maru,sans-serif;cursor:pointer;transition:color .2s ease,transform .05s ease}.page-switch button:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(-10deg);background-color:var(--color-bg-surface);box-shadow:0 .16em .1em #0003;transition:background-color .2s ease}.page-switch button:first-child:before{border-radius:.25em 0 0 .25em}.page-switch button:last-child:before{border-radius:0 .25em .25em 0}.page-switch button:not(.is-active):hover:before{background-color:var(--color-bg-surface-hover)}.page-switch button:not(.is-active):active{transform:scale(.97)}.page-switch button:focus-visible{outline:none}.page-switch button:focus-visible:before{outline:.2em solid #f3e756}.page-switch .is-active{color:var(--color-bg-surface)}.page-switch .is-active:before{background-color:var(--color-navy-deep)}#card-list,#quiz-view{width:100%;box-sizing:border-box;margin-top:1rem;padding:.75rem;border:2px solid var(--color-panel-border);border-radius:16px;background:var(--color-panel-glass);box-shadow:var(--shadow-panel)}#card-list{padding:0;background:#225f824d;border-radius:4px;border:1px solid #c6ccd3}.grid-frame{box-sizing:border-box;width:100%;padding:10px;background:#225f824d;border-radius:0 0 3px 3px}#quiz-view[hidden],#card-list[hidden]{display:none}.panel-head{display:flex;align-items:center;gap:.5rem;padding:.1rem .35rem .55rem}.panel-head-icon{width:1.5em;height:1.5em;filter:drop-shadow(0 1px 1px rgba(31,68,109,.25))}.panel-head-title{margin:0;font-size:1.25rem;font-weight:700;font-family:Kosugi Maru,sans-serif;color:var(--color-navy)}.grid-scroll{box-sizing:border-box;padding:.75rem;border-radius:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.7' height='18.7'%3E%3Crect y='18.2' width='2.7' height='0.5' rx='0.25' fill='%23cbdeeb'/%3E%3C/svg%3E") content-box,linear-gradient(#eef6fa,#eef6fa) border-box}.grid{display:grid;justify-content:center;place-items:center;width:100%;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));font-size:16px;font-family:sans-serif}.grid:empty{min-height:100vh}@media(min-resolution:160dpi),(-webkit-min-device-pixel-ratio:2){.grid{grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:16px;font-size:20px;font-family:Kosugi Maru,sans-serif}}@media(min-resolution:250dpi),(-webkit-min-device-pixel-ratio:3){.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;font-size:16px;font-family:Kosugi Maru,sans-serif}}@media(max-width:640px)and (max-resolution:159dpi){.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}}.list-head-sentinel{height:0}.list-head{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;row-gap:.25rem;column-gap:.75rem;box-sizing:border-box;padding:.5rem .85rem;border-radius:3px 3px 0 0;background:transparent}.list-head .panel-head{padding:0}.list-head.is-stuck{background:linear-gradient(#225f824d,#225f824d),repeating-linear-gradient(45deg,rgba(255,255,255,.13) 0 56px,transparent 56px 112px),repeating-linear-gradient(-45deg,rgba(255,255,255,.13) 0 56px,transparent 56px 112px),linear-gradient(180deg,#d3ecfa,#b7ddf3 55%,#c7e6f7);background-attachment:scroll,fixed,fixed,fixed}.list-head.is-stuck:before{content:"";position:absolute;top:100%;left:0;right:0;height:14px;pointer-events:none;background:linear-gradient(#225f824d,#225f824d),linear-gradient(#225f824d,#225f824d),repeating-linear-gradient(45deg,rgba(255,255,255,.13) 0 56px,transparent 56px 112px),repeating-linear-gradient(-45deg,rgba(255,255,255,.13) 0 56px,transparent 56px 112px),linear-gradient(180deg,#d3ecfa,#b7ddf3 55%,#c7e6f7);background-attachment:scroll,scroll,fixed,fixed,fixed}.list-head.is-stuck:after{content:"";position:absolute;top:calc(100% + 10px);left:10px;right:10px;height:22px;pointer-events:none;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#eef6fa 0 8px,#eef6fa00 22px);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(180deg,#000 0,#000 8px,transparent 22px);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 8px,transparent 22px)}.student-search-bar{position:sticky;top:calc(var(--list-head-height, 3.2rem) + 10px);z-index:40;box-sizing:border-box;margin:-.75rem -.75rem .5rem;padding:.6rem .75rem;background:transparent;border-radius:4px 4px 0 0}.list-head.is-stuck~.grid-frame .student-search-bar{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.7' height='18.7'%3E%3Crect y='18.2' width='2.7' height='0.5' rx='0.25' fill='%23cbdeeb'/%3E%3C/svg%3E") content-box,linear-gradient(#eef6fa,#eef6fa) border-box}.list-head.is-stuck~.grid-frame .student-search-bar:after{content:"";position:absolute;top:100%;left:0;right:0;height:14px;pointer-events:none;background:linear-gradient(180deg,#eef6fa 0,#eef6fa00 14px);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(180deg,#000 0,transparent 14px);-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 14px)}#card-list.search-open .list-head.is-stuck:after{display:none}.student-search-bar[hidden]{display:none}.search-wrapper{display:block;max-width:480px;margin-inline:auto}.student-filter-input{width:100%;min-width:8rem;box-sizing:border-box;border:1px solid var(--color-border-default);border-radius:4px;background-color:var(--color-bg-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e6ac7' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1.1em;background-position:.6em center;padding:.5rem 2.2em;font-size:1rem;font-family:Kosugi Maru,sans-serif;color:var(--color-navy);text-align:center}.student-filter-input::placeholder{color:#9fb4c9}.student-filter-input:focus-visible{outline:2px solid var(--color-focus-strong);outline-offset:1px}.student-search-bar .student-filter-input{box-shadow:none;border-color:#c6ccd3}.pill-filter-fieldset{margin:0;border:0;padding:0;display:inline-flex;align-items:center;flex-wrap:wrap;gap:.6rem .4rem}.pill-filter-fieldset label{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-family:Kosugi Maru,sans-serif;color:#41618a;border:1px solid var(--color-border-default);border-radius:999px;background:var(--color-bg-surface);padding:.3rem .7rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.pill-filter-fieldset label:has(input:checked){background:var(--color-navy-deep);border-color:var(--color-navy-deep);color:#fff}.pill-filter-fieldset label:has(input:focus-visible){outline:2px solid var(--color-focus-strong);outline-offset:2px}.pill-filter-fieldset input{accent-color:#33c1ff;margin:0}.controls-row{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap;margin-left:auto;box-sizing:border-box;font-size:.9rem}.sort-controls{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem;padding-block:.25rem}.sort-controls select{font-size:inherit}.toolbar-skew-button{position:relative;isolation:isolate;box-sizing:border-box;height:2.35rem;padding-inline:.9em;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:inherit;font-weight:700;font-family:inherit;color:var(--color-navy);cursor:pointer;transition:color .15s ease,transform .05s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.toolbar-skew-button:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(-10deg);border-radius:.25em;background-color:var(--color-bg-surface);box-shadow:0 .16em .1em #0003;transition:background-color .15s ease}.toolbar-skew-button:hover:before{background-color:var(--color-bg-surface-hover)}.toolbar-skew-button:active{transform:scale(.96)}.toolbar-skew-button:focus-visible{outline:none}.toolbar-skew-button:focus-visible:before{outline:.2em solid #f3e756}.filter-open-button{padding-inline:.78em;color:#466398}.filter-open-icon{width:1.25rem;height:1.25rem}.filter-dialog{width:min(440px,calc(100vw - 2rem))}.filter-dialog-head{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.filter-dialog-title{margin:0;padding:0 .5em .1em;font-size:1.2rem;font-weight:700;font-family:Kosugi Maru,sans-serif;color:var(--color-navy);background:linear-gradient(transparent 0% 82%,var(--color-marker-yellow) 82% 96%,transparent 96% 100%)}.filter-dialog-close{position:absolute;right:0;top:50%;transform:translateY(-50%);border:none;background:transparent;font-size:1.6rem;line-height:1;color:var(--color-navy);cursor:pointer;padding:.1em .3em}.filter-dialog-close:hover{color:#d03c3c}.filter-dialog-close:focus-visible{outline:2px solid var(--color-focus-strong);outline-offset:2px}.filter-section-label{display:flex;align-items:center;gap:.45em;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px dashed #c3d3e2;font-weight:700;color:var(--color-navy)}.filter-section-label:before{content:"";width:3px;height:1em;background:#35b5f5;border-radius:2px}.filter-dialog-actions{margin-top:1.5rem;display:flex;justify-content:center;gap:1rem}.filter-action-button{position:relative;isolation:isolate;height:var(--quiz-control-height);min-width:8rem;padding-inline:.75em;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:var(--quiz-control-font-size);font-weight:700;font-family:Kosugi Maru,sans-serif;white-space:nowrap;cursor:pointer;transition:transform .05s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.filter-action-button:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(-10deg);border-radius:.25em;box-shadow:0 .16em .1em #0003;transition:background-color .2s ease}.filter-action-button:active{transform:scale(.95)}.filter-action-button:focus-visible{outline:none}.filter-action-button:focus-visible:before{outline:.2em solid #f3e756}.filter-cancel-button{color:#496f8f}.filter-cancel-button:before{background-color:#f4f5f6}.filter-confirm-button{color:#314665}.filter-confirm-button:before{background-color:#77dfff}.search-toggle-button{padding-inline:.78em;color:#466398}.search-toggle-icon{width:1.3rem;height:1.3rem;margin-right:.22em}.search-toggle-button.is-active{color:#fff}.search-toggle-button.is-active:before{background-color:#2e9be5}.search-toggle-button.is-active:hover:before{background-color:#3faaf2}.sort-mode-toggle{font-family:Kosugi Maru,sans-serif}.sort-direction-button{padding-inline:1.25em;color:#3e444a}.sort-direction-arrow{fill:#466b8b}.sort-direction-icon{height:1.4rem;width:auto}.sort-direction-arrow{transform-box:fill-box;transform-origin:center;transition:transform .15s ease}.sort-direction-button[data-direction=asc] .sort-direction-arrow{transform:rotate(180deg)}.grid-item{margin-block-start:.5rem;position:relative;text-align:center;cursor:pointer;width:100%;border-radius:6px;outline:none}.grid-item:focus-visible{outline:3px solid var(--color-focus-soft);outline-offset:6px}.image-container{position:relative;width:100%;height:0;padding-bottom:110%}.voice-actor-container{position:absolute;bottom:3px;left:3px;right:3px;height:18%;background-color:var(--color-overlay-dark);border-bottom-left-radius:3px;border-bottom-right-radius:3px;display:flex;flex-direction:column;justify-content:center;align-items:center}.voice-actor{display:inline-block;font-size:.8em;font-weight:700;white-space:nowrap;color:#fff}.grid-item img{width:100%;aspect-ratio:1/1.1;box-sizing:border-box;object-fit:cover;border:3px solid var(--color-bg-surface);border-radius:6px;box-shadow:var(--shadow-card);background-color:#dcecf7;transition:transform .3s;user-select:none;user-drag:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.grid-item img.playing{animation:box-shadow-blink .6s infinite}@keyframes box-shadow-blink{0%,to{box-shadow:0 0 0 6px #007bff4d}50%{box-shadow:0 0 0 6px #007bffb3}}@media(hover:hover){.image-container:hover{transform:scale(1.05)}}.name-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:1.5em}.name{display:inline-block;white-space:nowrap;color:#60676f;font-weight:700;font-family:Kosugi Maru,sans-serif}.name-text{background:linear-gradient(transparent 0% 65%,#f9f49b 65% 80%,transparent 80% 100%)}.mute-indicator{margin-left:.2em;font-size:.85em;line-height:1;vertical-align:.05em}.quiz-section{--quiz-image-max-width: 108px;width:100%;box-sizing:border-box;border:none;border-radius:12px;padding:1rem;background:#fff;position:relative}.panel-head .quiz-menu{margin-left:auto}.quiz-menu{position:relative}#quiz-menu-button,.quiz-menu-panel button{border:1px solid #d5dbe3;color:#2f3b52;border-radius:999px;background:#fff;padding:.35rem .8rem;font-weight:700;font-family:Kosugi Maru,sans-serif;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.quiz-name-answer-form button[type=submit]{position:relative;isolation:isolate;height:var(--quiz-control-height);font-size:var(--quiz-control-font-size);background:transparent;border:none;padding-inline:.75em;padding-block:0;margin:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-family:Kosugi Maru,sans-serif;color:#4b2016;white-space:nowrap;transition:transform .05s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.quiz-name-answer-form button[type=submit]:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(-10deg);border-radius:.25em;background-color:#f6e94b;box-shadow:0 .16em .1em #0003;transition:background-color .2s ease}.quiz-name-answer-form button[type=submit]:active{transform:scale(.95)}.quiz-name-answer-form button[type=submit]:focus-visible{outline:none}.quiz-name-answer-form button[type=submit]:focus-visible:before{outline:.2em solid #f3e756}.quiz-name-answer-form button[type=submit]:disabled{pointer-events:none;cursor:not-allowed;color:#828282}.quiz-name-answer-form button[type=submit]:disabled:before{background-color:#cdcecf;box-shadow:none}.quiz-menu-panel button{border-radius:.55rem;text-align:left}.quiz-action-button{position:relative;isolation:isolate;height:var(--quiz-control-height);font-size:var(--quiz-control-font-size);background:transparent;border:none;padding-inline:.75em;padding-block:0;margin:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-family:Kosugi Maru,sans-serif;color:#4b2016;white-space:nowrap;transition:transform .05s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.quiz-action-button:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(-10deg);border-radius:.25em;background-color:#f6e94b;box-shadow:0 .16em .1em #0003;transition:background-color .2s ease}.quiz-action-button:active{transform:scale(.95)}.quiz-action-button:focus-visible{outline:none}.quiz-action-button:focus-visible:before{outline:.2em solid #f3e756}.quiz-action-button:disabled{pointer-events:none;cursor:not-allowed;color:#828282}.quiz-action-button:disabled:before{background-color:#cdcecf;box-shadow:none}.quiz-action-button[hidden]{display:none}#quiz-play-audio-button{color:#314665}#quiz-play-audio-button:before{background-color:#77dfff}.quiz-skip-button,#quiz-next-button{margin-left:auto}.quiz-skip-button{color:#5a6b80}.quiz-skip-button:before{background-color:#e8edf3}#quiz-menu-button:not(:disabled):hover,.quiz-menu-panel button:not(:disabled):hover{border-color:#9fc7ff;background:#edf5ff}#quiz-menu-button:focus-visible,.quiz-menu-panel button:focus-visible{outline:none;box-shadow:0 0 0 3px #4287f540}.quiz-menu-panel button:disabled{color:#96a0ae;border-color:#e1e5eb;background:#f7f8fa;cursor:not-allowed}.quiz-menu-panel{position:absolute;top:calc(100% + .35rem);right:0;min-width:12rem;display:grid;gap:.3rem;padding:.45rem;border:1px solid #d5dbe3;border-radius:.6rem;background:#fff;box-shadow:0 6px 18px #0000001a;z-index:10}.quiz-menu-panel[hidden]{display:none}.quiz-menu-panel button{width:100%}#quiz-setup-controls{margin-top:0;display:grid;gap:.5rem;overflow-x:auto}#quiz-setup-controls[hidden]{display:none}.quiz-setup-grid{display:grid;gap:1rem;align-items:stretch;box-sizing:border-box;padding-inline:.3em;padding-bottom:.35em;min-width:240px}@media(min-width:660px){.quiz-setup-grid{grid-template-columns:minmax(0,1.5fr) minmax(min-content,1fr)}}.quiz-setup-main{min-width:0;display:grid;gap:.9rem;align-content:start}.quiz-banner{position:relative;isolation:isolate;display:block;box-sizing:border-box;width:100%;padding:.32rem .9rem;color:#fff;font-size:.95rem;font-weight:700;font-family:Kosugi Maru,sans-serif;text-align:center}.quiz-banner:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(-10deg);border-radius:.25em;background:linear-gradient(100deg,var(--color-navy-deep) 0%,#2f5c8f 80%,#3c74b0 100%)}.quiz-setup-main .quiz-mode-wrapper{margin-top:0;width:100%;align-items:stretch}.quiz-filter-fieldset.pill-filter-fieldset{display:block}.quiz-filter-fieldset .quiz-banner{margin:0 0 .5rem}.pill-row{clear:both;display:flex;flex-wrap:wrap;gap:.4rem;padding-inline:.2rem}.quiz-filter-fieldset .pill-row label{box-sizing:border-box;height:var(--quiz-control-height);padding:0 1em;font-size:var(--quiz-control-font-size)}.quiz-setup-action{display:flex;flex-direction:column;gap:.9rem}.quiz-setup-action .quiz-start-cta{margin-top:auto;margin-bottom:calc(1.45 * var(--quiz-control-font-size))}.quiz-setup-action .quiz-count-panel{margin-bottom:calc(1.45 * var(--quiz-control-font-size))}.quiz-setup-description{margin:.45rem 0 0;font-size:.85rem;line-height:1.5;color:var(--color-text-muted)}.quiz-setup-stats{margin-top:.2rem;color:var(--color-navy);font-weight:700}.quiz-setup-stats:empty{display:none}.quiz-mode-component-wrapper label[hidden]{display:none}.quiz-count-panel{box-sizing:border-box;border:1px solid #dde7f1;border-radius:10px;background:#eef3f9;padding:.6rem}.quiz-count-panel .quiz-question-count-wrapper{margin-top:0;width:100%;min-width:0;gap:.6rem;align-items:stretch}.quiz-count-panel .quiz-question-count-input-controls>:first-child{margin-inline-start:auto}.quiz-count-panel .quiz-question-count-input-controls>:last-child{margin-inline-end:auto}.quiz-start-cta{width:100%;min-width:0;height:3rem;font-size:1.3rem}@media(max-width:420px){:root{--quiz-control-height: 2.4rem;--quiz-control-font-size: 1rem}}#quiz-status:empty{display:none}.quiz-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-block:.3em}.quiz-controls:not(:has(button:not([hidden]))){display:none}#quiz-result-actions[hidden]{display:none}.quiz-name-answer-form{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.quiz-name-answer-form[hidden]{display:none}#quiz-name-answer-input{flex:1;min-width:0;padding:.45rem .6rem;font-size:1rem}.quiz-name-answer-suggestions{width:100%;margin-top:0;display:grid;gap:.35rem;max-height:min(40vh,300px);overflow-y:auto;overscroll-behavior:contain;padding:.35rem;box-sizing:border-box;border:1px solid #dce3ed;border-top:0;border-radius:0 0 .6rem .6rem;background:#fff;box-shadow:0 10px 24px #16203829}.quiz-name-answer-suggestions[hidden]{display:none}.quiz-name-answer-suggestions-overlay{position:absolute;top:0;left:0;width:0;z-index:15}.quiz-name-answer-suggestions-overlay[hidden]{display:none}.quiz-name-answer-suggestion{width:100%;border:1px solid #dce3ed;border-radius:.55rem;background:#fff;padding:.35rem .5rem;display:flex;align-items:center;gap:.45rem;cursor:pointer;text-align:left}.quiz-name-answer-suggestion:not(:disabled):hover,.quiz-name-answer-suggestion.is-highlighted{border-color:#9fc7ff;background:#edf5ff}.quiz-name-answer-suggestion img{width:min(44px,20vw);aspect-ratio:1 / 1.1;object-fit:cover;border-radius:.4rem;border:1px solid #d3d9e1;user-select:none;user-drag:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.quiz-name-answer-suggestion span{font-weight:700;color:#2f3a46}#quiz-costume-hint-text{display:block;margin-top:.5rem;color:#444}.quiz-choices{margin-top:1rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.quiz-editor-meta-row{display:grid;gap:.6rem}@media(min-width:560px){.quiz-editor-meta-row{grid-template-columns:1fr 1.6fr}}.quiz-editor-shuffle-label{display:flex;align-items:center;gap:.4em;margin:.6rem 0;font-size:.95rem}.quiz-editor-questions{display:grid;gap:.6rem;margin-bottom:.6rem}.quiz-editor-question{border:1px solid #d3d9e1;border-radius:.6rem;background:#f7fafd;padding:.55rem .6rem}.quiz-editor-question-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.quiz-editor-question-title{font-weight:700;color:var(--color-navy);font-size:.95rem}.quiz-editor-question-actions{display:inline-flex;gap:.3rem;flex-shrink:0}.quiz-editor-mini-button{border:1px solid #c9d6e4;border-radius:.45rem;background:#fff;padding:.2em .55em;font-size:.85rem;cursor:pointer;color:#2f3a46}.quiz-editor-mini-button:hover{background:#edf5ff;border-color:#9fc7ff}.quiz-editor-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.3rem 0;font-size:.9rem;color:#2f3a46}.quiz-editor-chip{display:inline-flex;align-items:stretch;border:1px solid #c9d6e4;border-radius:.5rem;background:#fff;overflow:hidden}.quiz-editor-chip-body{display:inline-flex;align-items:center;gap:.35em;border:none;background:transparent;padding:.15em .45em;cursor:pointer;font-size:.9rem}.quiz-editor-chip-body:disabled{cursor:default;color:inherit}.quiz-editor-chip-body img{width:1.7em;aspect-ratio:1 / 1.1;object-fit:cover;border-radius:.3em}.quiz-editor-chip-remove{border:none;border-left:1px solid #e0e8f0;background:transparent;padding:0 .45em;cursor:pointer;color:#b3261e;font-size:.95rem}.quiz-editor-chip-remove:hover{background:#fdf1f0}.quiz-editor-chip-random{border-style:dashed;background:#f4f8fc}.quiz-editor-chip-random .quiz-editor-chip-body{cursor:default;color:#2f5c8f}.quiz-editor-clip-label{display:inline-flex;align-items:center;gap:.3em;font-size:.85rem;color:var(--color-text-muted)}.quiz-editor-lunatic-label{display:flex;align-items:center;gap:.4em;font-size:.9rem;margin-top:.2rem}.quiz-editor-picker-search{width:100%;box-sizing:border-box;margin-bottom:.5rem;padding:.45em .6em;border:1px solid #c9d6e4;border-radius:.5rem;font-size:1rem}.quiz-editor-picker-list{display:grid;gap:.3rem;max-height:min(52vh,420px);overflow-y:auto}.quiz-editor-picker-row{display:flex;align-items:center;gap:.5rem;border:1px solid #dce3ed;border-radius:.55rem;background:#fff;padding:.3rem .5rem;cursor:pointer;text-align:left}.quiz-editor-picker-row:hover{border-color:#9fc7ff;background:#edf5ff}.quiz-editor-picker-row img{width:2.4em;aspect-ratio:1 / 1.1;object-fit:cover;border-radius:.4em;flex-shrink:0}.quiz-editor-picker-row-text{display:flex;flex-direction:column;min-width:0;flex:1}.quiz-editor-picker-row-voice{font-size:.8rem;color:var(--color-text-muted)}.quiz-editor-picker-listen{flex-shrink:0;padding:.25em .6em;border-radius:.5em;background:#eef3f9;color:#2f5c8f;font-weight:700}.quiz-editor-picker-listen:hover{background:#dcebfb}#quiz-editor-status{white-space:pre-line}.quiz-match{margin-top:1rem}.quiz-match[hidden]{display:none}.quiz-match-instruction{margin:0 0 .5rem;font-size:.9rem;color:var(--color-text-muted)}.quiz-match-clip-buttons{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.quiz-match-clip-button{min-width:3em;padding:.3em .6em;border:1px solid #b9cbdd;border-radius:.6em;background:var(--color-bg-surface, #fff);color:#2f5c8f;font-weight:700;font-family:Kosugi Maru,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.quiz-match-clip-button.is-active{background:#2f86d6;border-color:#2f86d6;color:#fff;box-shadow:0 .12em .3em #2f86d673}.quiz-match-clip-button.is-assigned:not(.is-active){background:#edf5ff;color:#7f95ab}.quiz-match-submit-row{display:flex;justify-content:center;margin-top:.75rem}.quiz-match-cards{margin-top:0}.quiz-match-card{position:relative}.quiz-match-card.is-assigned{border-color:#2f86d6;background:#edf5ff}.quiz-match-card .quiz-match-badge{position:absolute;top:.35rem;right:.35rem;min-width:2em;padding:.1em .35em;border-radius:.7em;background:#2f5c8f;border:2px solid #fff;color:#fff;font-size:.85rem;font-weight:700;box-sizing:border-box}.quiz-match-card .quiz-match-badge:empty{display:none}#quiz-challenge-banner-text{white-space:pre-line}.quiz-choice-button{border:1px solid #d3d9e1;border-radius:.75rem;background:#fff;padding:.5rem;text-align:center;display:flex;flex-direction:column;gap:.4rem;cursor:pointer}.quiz-choice-button img{width:min(100%,var(--quiz-image-max-width));aspect-ratio:1 / 1.1;object-fit:cover;border-radius:.5rem;margin-inline:auto;user-select:none;user-drag:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.quiz-choice-button span{font-weight:700;color:#2f3a46}.quiz-answer-feedback{margin-top:.75rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.quiz-answer-feedback[hidden]{display:none}.quiz-answer-feedback img{width:min(var(--quiz-image-max-width),100%);aspect-ratio:1 / 1.1;object-fit:cover;border-radius:.75rem;border:1px solid #d3d9e1;cursor:pointer;user-select:none;user-drag:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.quiz-answer-feedback p{margin:0;font-weight:700}.quiz-result{margin-top:1rem;border:1px solid #d3d9e1;border-radius:.75rem;padding:.75rem;background:#f8fbff}.quiz-result[hidden]{display:none}.quiz-result h3{margin:0}#quiz-result-summary{margin:.5rem 0 0;font-weight:700}#quiz-result-perfect-row{margin-top:.7rem;display:flex;align-items:center;gap:.5rem}#quiz-result-perfect-row[hidden]{display:none}#quiz-result-perfect-stamp{width:min(75px,32.5%);display:block;cursor:pointer;user-select:none;user-drag:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#quiz-result-perfect-stamp[hidden]{display:none}#quiz-result-perfect-message{margin:0;font-weight:700;color:#0d9848;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#quiz-result-perfect-message[hidden]{display:none}.quiz-result-list{margin-top:.9rem;display:grid;gap:.55rem}.quiz-result-item{display:flex;gap:.6rem;align-items:center;border:1px solid #dce3ed;border-radius:.6rem;background:#fff;padding:.5rem}.quiz-result-item img{width:min(72px,22vw);aspect-ratio:1 / 1.1;object-fit:cover;border-radius:.5rem;border:1px solid #d3d9e1;cursor:pointer;user-select:none;user-drag:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.quiz-result-item-text{min-width:0;display:grid;gap:.15rem}.quiz-result-item-status{font-weight:700}.quiz-result-item.correct .quiz-result-item-status{color:#0d9848}.quiz-result-item.wrong .quiz-result-item-status{color:#d03c3c}button.correct{background:#def5e6;border-color:#7fd6a4}button.wrong-selected{background:#ffe7e7;border-color:#f0b4b4}#quiz-proficiency-text{display:block;margin-top:.75rem;color:#555}.app-error{margin:1rem 0 0;width:100%;box-sizing:border-box;border:1px solid #f0b4b4;border-radius:.6rem;padding:.75rem 1rem;background:#fff2f2;color:#a12626;font-weight:700}.app-error[hidden]{display:none}.clip-badge{position:absolute;top:.55rem;right:.55rem;max-width:calc(100% - 1.1rem);box-sizing:border-box;padding:.1rem .4rem;border-radius:999px;background:var(--color-overlay-dark);color:#fff;font-size:.7em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.clip-badge[hidden]{display:none}button.clip-switch{pointer-events:auto;border:1px solid rgba(255,255,255,.65);font-family:inherit;cursor:pointer}button.clip-switch:after{content:" ⇄";color:#7fd7ff}button.clip-switch:hover{background:#1c2a41e0}button.clip-switch:focus-visible{outline:2px solid #f3e756;outline-offset:1px}.quiz-answer-clip-label{color:var(--color-text-muted)}.quiz-result-item-clip-label{color:var(--color-text-muted);font-size:.9em}body:has(dialog[open]){overflow:hidden}.app-dialog{width:min(560px,calc(100vw - 2rem));box-sizing:border-box;border:1px solid #d3d9e1;border-radius:.75rem;padding:1rem;background:var(--color-bg-surface);color:#2f3a46;font-family:sans-serif;max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain}@media(pointer:coarse){.app-dialog input,.app-dialog textarea,.app-dialog select{font-size:1rem}}button.copy-feedback{animation:copy-feedback-pulse .35s ease}@keyframes copy-feedback-pulse{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}input[type=search]{-webkit-appearance:textfield;appearance:textfield}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.app-dialog:focus{outline:none}.app-dialog::backdrop{background:#1c2a4173}.app-dialog h3{margin:0 0 .5rem}.app-dialog-description{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.9em;line-height:1.5}.app-dialog-textarea{width:100%;box-sizing:border-box;border:1px solid var(--color-border-default);border-radius:.5rem;padding:.5rem;font-family:monospace;font-size:.85em;resize:vertical}.app-dialog-field{display:grid;gap:.35rem;font-size:.9em}.app-dialog-field input{width:100%;box-sizing:border-box;border:1px solid var(--color-border-default);border-radius:.5rem;padding:.5rem;font-family:monospace}.sync-hidden-username{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sync-code-row{display:flex;gap:.5rem}.sync-code-row input{flex:1;min-width:0}.sync-code-row button{flex:none;border:1px solid var(--color-border-default);border-radius:.5rem;padding:.5rem .75rem;background:var(--color-bg-surface);color:inherit;cursor:pointer}.app-dialog-status{margin:.5rem 0 0;min-height:1.2em;color:#1f6f3f;font-size:.9em}.app-dialog-actions{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.app-dialog-actions[hidden]{display:none}.app-dialog-actions button{border:1px solid #d5dbe3;border-radius:999px;background:var(--color-bg-surface);padding:.4rem .9rem;color:#2f3b52;font-weight:700;font-family:Kosugi Maru,sans-serif;cursor:pointer}.app-dialog-actions button:hover{border-color:#9fc7ff;background:#edf5ff}.app-dialog-actions button:focus-visible{outline:none;box-shadow:0 0 0 3px #4287f540}.app-dialog-actions button[hidden]{display:none}footer{margin:0;margin-block-start:2rem;padding:0 0 1rem;width:100%;color:#3d5573;text-align:center}footer a{color:#2e6ac7}@media(max-width:640px){footer{box-sizing:border-box;padding-inline:1rem;text-align:left}}@media(max-width:900px){.controls-row{justify-content:flex-start;gap:.9rem;flex-wrap:wrap}}@media(max-width:480px){.quiz-section{padding:.75rem}#card-list{width:calc(100% + 2rem);margin-inline:-1rem;border-inline:none;border-radius:0;padding:0}#quiz-view{width:calc(100% + 2rem);margin-inline:-1rem;border-inline:none;border-radius:0;padding:.5rem}.list-head{padding:.4rem .5rem;border-radius:0}.grid-frame{padding:6px 0;border-radius:0}.grid-scroll{padding:.4rem .2rem}.list-head.is-stuck:before{height:10px}.list-head.is-stuck:after{top:calc(100% + 6px);left:0;right:0}.student-search-bar{top:calc(var(--list-head-height, 3.2rem) + 6px);margin:-.4rem -.2rem .4rem;padding:.5rem .4rem}}.quiz-challenge-banner{border:2px solid var(--color-header-bg);border-radius:.75rem;background:#eaf4fd;padding:.75rem .9rem;margin-bottom:.75rem;box-shadow:var(--shadow-card)}.quiz-challenge-banner[hidden]{display:none}.quiz-challenge-banner p{margin:0 0 .6rem;font-weight:700;color:var(--color-navy);line-height:1.5;overflow-wrap:anywhere}.quiz-challenge-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}#quiz-challenge-dismiss-button{border:1px solid #d5dbe3;border-radius:999px;background:var(--color-bg-surface);padding:.4rem .9rem;color:#2f3b52;font-weight:700;font-family:Kosugi Maru,sans-serif;cursor:pointer}#quiz-challenge-dismiss-button:hover{border-color:#9fc7ff;background:#edf5ff}.quiz-share-open-button{width:100%;min-width:0;color:#314665}.quiz-share-open-button:before{background-color:#77dfff}.quiz-share-dialog .app-dialog-field{margin-bottom:.6rem}.quiz-share-dialog select{width:100%;box-sizing:border-box;border:1px solid var(--color-border-default);border-radius:.5rem;padding:.5rem;background:var(--color-bg-surface);font-family:inherit}.quiz-share-list-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.quiz-share-list-toolbar input{flex:1 1 10rem;min-width:0;box-sizing:border-box;border:1px solid var(--color-border-default);border-radius:.5rem;padding:.45rem .6rem}.quiz-share-list-toolbar button{border:1px solid #d5dbe3;border-radius:999px;background:var(--color-bg-surface);padding:.35rem .8rem;color:#2f3b52;font-weight:700;font-family:Kosugi Maru,sans-serif;font-size:.85em;cursor:pointer}.quiz-share-list-toolbar button:hover{border-color:#9fc7ff;background:#edf5ff}.quiz-share-student-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.15rem .5rem;max-height:14rem;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--color-border-default);border-radius:.5rem;padding:.5rem;background:#f7fafd}.quiz-share-student-item{display:flex;align-items:center;gap:.4rem;font-size:.9em;line-height:1.6;cursor:pointer;overflow-wrap:anywhere}.quiz-share-student-item[hidden]{display:none}.quiz-share-paste-details{margin-top:.75rem;font-size:.9em}.quiz-share-paste-details summary{cursor:pointer;font-weight:700;color:var(--color-navy)}.quiz-share-url-output{width:100%;box-sizing:border-box;margin-top:.75rem;border:1px solid var(--color-border-default);border-radius:.5rem;padding:.5rem;font-family:monospace;font-size:.85em}.quiz-share-url-output[hidden]{display:none}.quiz-result-share{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.quiz-result-share[hidden]{display:none}.quiz-result-share button{border:1px solid #d5dbe3;border-radius:999px;background:var(--color-bg-surface);padding:.4rem .9rem;color:#2f3b52;font-weight:700;font-family:Kosugi Maru,sans-serif;cursor:pointer}.quiz-result-share button:hover{border-color:#9fc7ff;background:#edf5ff}#quiz-result-share-status:empty{display:none}