html,body,#root,main{height:100%;margin:0}body{color:#2f3a44;background:linear-gradient(#bcd6ec,#e8eef2 55%,#f3ede3);font:15px/1.4 system-ui,sans-serif}.viewport{position:fixed;inset:0}.title{letter-spacing:.02em;margin:0;font-size:18px;font-weight:600;position:fixed;top:16px;left:20px}.viewport:focus-visible{outline-offset:-4px;outline:2px solid #3a6ea5}.bar{flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;left:20px}.seed{align-items:center;gap:8px;display:flex}.summary{margin:0}.summary .short{color:#9a4a1a}.view-buttons{gap:8px;display:flex;position:fixed;bottom:60px;right:20px}button[aria-pressed=true]{background:#dfe9f3;border-color:#3a6ea5}button:disabled{opacity:.5;cursor:default}.notice{background:#fffbea;border-radius:8px;align-items:center;gap:10px;margin:0;padding:8px 12px;display:flex;position:fixed;top:12px;left:50%;translate:-50%;box-shadow:0 1px 4px #0002}.stats{bottom:124px;top:auto!important;left:20px!important}.bench{margin:0;font:12px ui-monospace,monospace;position:fixed;bottom:196px;left:20px}button{font:inherit;cursor:pointer;background:#ffffffd0;border:1px solid #0002;border-radius:6px;padding:6px 12px}button:hover{background:#fff}.stages{color:#0008;background:#ffffffb0;border-radius:8px;align-items:center;gap:10px;padding:4px 6px 4px 12px;font-size:13px;display:flex;position:fixed;bottom:60px;left:50%;translate:-50%}.stages p{margin:0}.stages .now{color:#000;font-weight:600}.tools{align-items:center;gap:8px;display:flex;position:fixed;top:12px;right:20px}.settings{position:relative}.settings summary{cursor:pointer;padding:2px 6px;font-size:20px;list-style:none}.settings .menu{white-space:nowrap;background:#fffffff0;border-radius:8px;gap:10px;padding:10px 12px;display:grid;position:absolute;top:36px;right:0;box-shadow:0 1px 4px #0002}.actions{gap:8px;display:flex}.drawer{accent-color:#3a6ea5;background:#fffffff2;border-radius:10px;flex-direction:column;gap:14px;width:300px;padding:14px 16px;display:flex;position:fixed;top:60px;bottom:104px;right:20px;overflow-y:auto;box-shadow:0 2px 10px #0003}.drawer header{justify-content:space-between;align-items:center;display:flex}.drawer h2{margin:0;font-size:16px}.drawer .field{grid-template-columns:1fr auto;gap:4px;display:grid}.drawer .field input,.drawer .field small{grid-column:1/-1}.drawer input:not([type]){font:inherit;border:1px solid #0003;border-radius:6px;padding:5px 8px}.drawer input[aria-invalid=true],.drawer small.bad{color:#b3261e;border-color:#b3261e}.drawer small{color:#0008}.drawer .choice{border:0;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;display:flex}.drawer .choice legend{width:100%;margin-bottom:4px;padding:0}.drawer .check{align-items:center;gap:8px;display:flex}.drawer .actions{flex-wrap:wrap;margin-top:auto}button.primary{color:#fff;background:#3a6ea5;border-color:#3a6ea5}.star{color:#8a8f96;padding:6px 9px;font-size:17px;line-height:1}.star[aria-pressed=true]{color:#d99a00;background:#fff6dc;border-color:#d99a00}.favorites{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.favorites li{gap:6px;display:grid}.favorites .thumb{aspect-ratio:16/9;background:linear-gradient(#bcd6ec,#f3ede3);padding:0;overflow:hidden}.favorites .thumb img{width:100%;display:block}.favorites form{gap:6px;display:flex}.favorites form input{min-width:0;font:inherit;border:1px solid #0003;border-radius:6px;flex:1;padding:4px 8px}.favorites .actions button{padding:4px 9px;font-size:13px}.drawer .empty{color:#0009;margin:0}.quality{position:fixed;bottom:18px;right:20px}.quality select{font:inherit;background:#ffffffd0;border:1px solid #0002;border-radius:6px;padding:5px 6px}.problem{text-align:center;background:#fffffff2;border-radius:10px;max-width:420px;padding:20px 24px;position:fixed;top:50%;left:50%;translate:-50% -50%;box-shadow:0 2px 10px #0003}.problem h2{margin:0 0 8px;font-size:17px}.problem p{margin:0 0 14px}#first-image{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:fixed;inset:0}#first-image.gone{opacity:0}