#root{padding:2rem;width:100%;box-sizing:border-box}textarea.create-test{width:100%;box-sizing:border-box;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);box-shadow:var(--input-shadow);font-family:inherit;font-size:1rem;line-height:1.4;resize:vertical;transition:border-color .2s,box-shadow .2s,background-color .2s}textarea.create-test::placeholder{color:var(--input-placeholder)}textarea.create-test:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--input-border-focus) 35%,transparent)}.test-button{margin-right:7px;display:inline-flex;align-items:center;justify-content:center;padding:.6em 1.2em}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.app-actions{display:flex;align-items:center;gap:1rem;justify-content:space-between;width:100%;flex-wrap:wrap}.app-nav{display:flex;gap:.75rem;flex-wrap:wrap}.app-nav a{padding:.2rem .55rem;border-radius:6px;background:#7f7f7f1f}.theme-toggle{min-width:140px}.editor-frame{padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,.15)}.editor-columns{display:flex;gap:20px;width:100%;min-width:0}.editor-col{flex:1;min-width:0}:root[data-theme=dark] .editor-frame{border-color:#ffffff2e}.btn-reset{align-self:center}.btn-spaced{margin-left:20px}.tests-toolbar{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.tests-buttons{display:flex;align-items:center}.tests-footer{display:flex;justify-content:flex-end;margin-top:12px}.test-link{display:inline-flex;align-items:center;justify-content:center;margin-right:7px;padding:.6em 1.2em;border-radius:8px;border:1px solid var(--button-border);background-color:var(--button-bg);color:inherit;text-decoration:none}.test-link:hover{border-color:var(--link)}.buttons-demo{display:grid;gap:1rem}.demo-section{display:grid;gap:.75rem}.is-active-underline{box-shadow:inset 0 -3px 0 currentColor}.is-active-underline-dual{box-shadow:inset 0 -3px 0 currentColor,inset 0 3px 0 currentColor}.is-active-border{border-width:2px;padding:calc(.6em - 1px) calc(1.2em - 1px);border-color:currentColor}.demo-subtitle{margin:0}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.demo-row{display:flex;flex-wrap:wrap;gap:.75rem}.home{display:grid;gap:.75rem;max-width:680px}.home h1{margin:0 0 .25rem}.home-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.6em 1.2em;border-radius:8px;border:1px solid var(--button-border);background-color:var(--button-bg);color:inherit;text-decoration:none}.home-link:hover{border-color:var(--link)}.stats-page{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-height:70vh}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stats-card{padding:1rem;border-radius:12px;border:1px solid rgba(127,127,127,.25);background:#7f7f7f14}.stats-label{font-size:.9rem;opacity:.75}.stats-value{font-size:1.8rem;font-weight:600}.stats-footer{display:flex;justify-content:flex-end;margin-top:auto}.change-struct{max-width:800px;margin:0 auto;padding:20px}.smooth-dnd-container{display:flex;flex-direction:column;gap:8px}.smooth-dnd-draggable-wrapper{margin:0!important;padding:0!important}.test-item{background-color:var(--button-bg);border:2px solid var(--link);border-radius:8px;padding:16px 20px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:all .2s ease}.test-item.dragging{opacity:.8;transform:scale(1.02) rotate(.5deg);cursor:grabbing}.drag-handle{cursor:grab;display:flex;align-items:center;gap:12px;user-select:none;-webkit-user-select:none;-moz-user-select:none}.drag-handle h4{margin:0;color:var(--link);letter-spacing:2px;font-size:18px;font-weight:400}.drag-handle span{font-size:16px}.test-item:hover{border-color:var(--link)}.drag-handle:active{cursor:grabbing}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--text: #213547;--link: #4b5563;--link-hover: #374151;--button-bg: #f9f9f9;--button-border: transparent;--input-bg: #ffffff;--input-border: rgba(33, 53, 71, .18);--input-border-focus: rgba(100, 108, 255, .7);--input-text: #213547;--input-placeholder: rgba(33, 53, 71, .55);--input-shadow: 0 1px 2px rgba(16, 24, 40, .06);--btn-red-bg: #e23b3b;--btn-red-bg-hover: #c93333;--btn-red-border: #b92c2c;--btn-red-outline: rgba(226, 59, 59, .45);--btn-orange-bg: #f08a24;--btn-orange-bg-hover: #d6751b;--btn-orange-border: #c56a17;--btn-orange-outline: rgba(240, 138, 36, .45);--btn-gold-bg: #e6b422;--btn-gold-bg-hover: #d4a01c;--btn-gold-border: #bf8f19;--btn-gold-outline: rgba(230, 180, 34, .45);--btn-blue-bg: #2f6fe4;--btn-blue-bg-hover: #285fc6;--btn-blue-border: #2455b4;--btn-blue-outline: rgba(47, 111, 228, .45);--btn-green-bg: #2fa45a;--btn-green-bg-hover: #278b4c;--btn-green-border: #227e44;--btn-green-outline: rgba(47, 164, 90, .45);--btn-color-text: #ffffff}:root[data-theme=dark]{color-scheme:dark;--bg: #242424;--text: rgba(255, 255, 255, .87);--link: #cbd5e1;--link-hover: #e2e8f0;--button-bg: #1a1a1a;--button-border: transparent;--input-bg: #1b1b1b;--input-border: rgba(255, 255, 255, .18);--input-border-focus: rgba(100, 108, 255, .7);--input-text: rgba(255, 255, 255, .92);--input-placeholder: rgba(255, 255, 255, .5);--input-shadow: 0 1px 2px rgba(0, 0, 0, .35);--btn-red-bg: #e95555;--btn-red-bg-hover: #d34747;--btn-red-border: #bf3f3f;--btn-red-outline: rgba(233, 85, 85, .55);--btn-orange-bg: #f39a3d;--btn-orange-bg-hover: #dd8634;--btn-orange-border: #cc7a2f;--btn-orange-outline: rgba(243, 154, 61, .55);--btn-blue-bg: #4a86ff;--btn-blue-bg-hover: #3f74dd;--btn-blue-border: #3968c9;--btn-blue-outline: rgba(74, 134, 255, .55);--btn-green-bg: #3ec46e;--btn-green-bg-hover: #33a65d;--btn-green-border: #2e9653;--btn-green-outline: rgba(62, 196, 110, .55);--btn-color-text: #0f0f0f}a{font-weight:500;color:var(--link);text-decoration:inherit}a:hover{color:var(--link-hover)}body{margin:0;display:flex;align-items:flex-start;min-width:320px;min-height:100vh;width:100%;background-color:var(--bg);color:var(--text)}body.force-scrollbar{overflow-y:scroll}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);cursor:pointer;transition:border-color .25s,background-color .2s,color .2s,transform .05s}button:hover{border-color:var(--link)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.iconButton{padding:4px 10px 1px}.btn-color{border-width:1px;border-style:solid}.btn-color:active{transform:translateY(1px)}.btn-red{background-color:var(--btn-red-bg);border-color:var(--btn-red-border)}.btn-red:hover{background-color:var(--btn-red-bg-hover);border-color:var(--btn-red-border)}.btn-red:focus-visible{outline:3px solid var(--btn-red-outline);outline-offset:2px}.btn-orange{background-color:var(--btn-orange-bg);border-color:var(--btn-orange-border)}.btn-orange:hover{background-color:var(--btn-orange-bg-hover);border-color:var(--btn-orange-border)}.btn-orange:focus-visible{outline:3px solid var(--btn-orange-outline);outline-offset:2px}.btn-blue{background-color:var(--btn-blue-bg);border-color:var(--btn-blue-border)}.btn-blue:hover{background-color:var(--btn-blue-bg-hover);border-color:var(--btn-blue-border)}.btn-blue:focus-visible{outline:3px solid var(--btn-blue-outline);outline-offset:2px}.btn-green{background-color:var(--btn-green-bg);border-color:var(--btn-green-border)}.btn-green:hover{background-color:var(--btn-green-bg-hover);border-color:var(--btn-green-border)}.btn-green:focus-visible{outline:3px solid var(--btn-green-outline);outline-offset:2px}.btn-gold{background-color:var(--btn-gold-bg);border-color:var(--btn-gold-border)}.btn-gold:hover{background-color:var(--btn-gold-bg-hover);border-color:var(--btn-gold-border)}.btn-gold:focus-visible{outline:3px solid var(--btn-gold-outline);outline-offset:2px}