@import"https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap";:root{line-height:1.5;font-weight:400;color-scheme:dark light}:root,input,button{font-family:Helvetica Neue,Helvetica,Hiragino Sans,Hiragino Kaku Gothic ProN,Arial,Yu Gothic,Meiryo,sans-serif}body{margin:0}:root{--bg-surface: #ffffff;--bg-primary: #f4f4f6;--bg-secondary: #e8e8ec;--border-secondary: #d0d0d8;--border-primary: #b0b0bc;--medium-gray: #666;--color-text: #111111;--color-text-button: #555;--primary-bg: #dde8ff;--primary-bg-active: #c8d8f8;--primary-border: #6688cc;--primary: #2255cc;--primary-light: #1133aa;--error-bg-active: #ffd0d0;--error-bg: #ffe4e4;--error-border: #cc4444;--color-shadow-inset: #0002}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-surface: #111;--bg-primary: #222;--bg-secondary: #333;--border-secondary: #444;--border-primary: #555;--medium-gray: #999;--color-text: #eee;--color-text-button: #eee;--primary-bg: #236;--primary-bg-active: #125;--primary-border: #56b;--primary: #58f;--primary-light: #a6bfff;--error-bg-active: #400;--error-bg: #600;--error-border: #982121;--color-shadow-inset: #0008}}:root[data-theme=dark]{--bg-surface: #111;--bg-primary: #222;--bg-secondary: #333;--border-secondary: #444;--border-primary: #555;--color-text: #eee;--color-text-button: #eee;--primary-bg: #236;--primary-bg-active: #125;--primary-border: #56b;--primary: #58f;--primary-light: #a6bfff;--error-bg-active: #400;--error-bg: #600;--error-border: #982121;--color-shadow-inset: #0008}#root{background:var(--bg-primary)}body{background:var(--bg-primary);overflow:auto}body,input,textarea,button{font-family:BIZ UDPGothic,sans-serif;line-height:1.5;color:var(--color-text)}main{margin-inline:auto;display:flex;flex-direction:column;justify-content:start;align-items:stretch;width:100%;height:100%;padding:20px;box-sizing:border-box;gap:20px;max-inline-size:900px;overflow-x:auto}nav{display:flex;justify-content:space-between;gap:10px;background:var(--bg-secondary);padding-inline:10px;padding-block:6px;border-radius:10px;border:1px solid var(--border-primary);box-shadow:0 3px 10px var(--color-shadow-inset)}nav strong{text-wrap:nowrap}nav span{text-align:right}footer{margin-block-start:auto}hr{inline-size:100%;border:none;border-block-start:1px solid var(--border-primary)}ul{margin:0;padding:0;flex-shrink:0}ul li{padding-block-end:10px;display:flex;justify-content:stretch;align-items:center}input[type=checkbox]{flex-grow:0;flex-shrink:0;inline-size:1.2rem;block-size:1.2rem;margin-inline-end:10px}input[type=checkbox]:disabled{opacity:.5}input,textarea{font-size:1rem;padding:4px;padding-inline:10px;box-sizing:content-box;height:auto;width:auto;margin:0;flex-grow:1;border:1px solid var(--border-primary);border-radius:10px;background:var(--bg-surface);box-shadow:inset 0 0 10px var(--color-shadow-inset)}input:focus,textarea:focus{border-color:var(--primary-border);outline:none}input:read-only,input:disabled,textarea:read-only,textarea:disabled{background:var(--bg-primary);box-shadow:none;border-color:var(--border-secondary)}input:disabled,textarea:disabled{color:var(--border-primary)}input::placeholder,textarea::placeholder{color:var(--border-primary)}textarea{field-sizing:content;overflow:hidden;overflow-block:auto;resize:none}.heading{margin-block-start:20px}.heading textarea{font-size:1.5rem;font-weight:700}button,.buttonLink{color:var(--color-text-button);font-size:1rem;padding:4px;padding-inline:10px;box-sizing:content-box;height:auto;width:auto;background:var(--primary-bg);border-radius:10px;border:1px solid var(--primary-border);cursor:pointer;text-decoration:none;box-shadow:inset 0 +2px #fff1,inset 0 -2px #0004;text-wrap:nowrap}button:focus-visible,.buttonLink:focus-visible{outline:none;border:1px solid var(--primary)}button:hover,.buttonLink:hover{background:var(--primary-bg-active);box-shadow:inset 0 -2px #fff1,inset 0 +2px #0004}button:active,.buttonLink:active{background:var(--bg-primary);border-color:var(--border-primary)}button.secondary,.buttonLink.secondary{background:var(--bg-secondary);border-color:var(--border-primary)}button.secondary:hover,.buttonLink.secondary:hover{background:var(--bg-primary);border-color:var(--border-primary)}button.secondary:active,.buttonLink.secondary:active{border-color:var(--bg-secondary)}button.delete,.buttonLink.delete{background:var(--error-bg);border-color:var(--error-border)}button.delete:hover,.buttonLink.delete:hover{background:var(--error-bg-active)}button.delete:active,.buttonLink.delete:active{background:var(--bg-primary);border-color:var(--bg-secondary)}button:disabled,.buttonLink:disabled{color:var(--border-primary);box-shadow:none;background:var(--bg-primary);border-color:var(--border-primary);cursor:default}fieldset{padding:0;margin:0;border:none;flex-grow:1;display:flex;justify-content:stretch;align-items:stretch}fieldset button,fieldset input,fieldset textarea{border-radius:0;margin-inline-end:-1px}fieldset textarea,fieldset input{inline-size:0;min-inline-size:150px}fieldset>:last-child{border-start-end-radius:10px;border-end-end-radius:10px;margin-inline-end:0}fieldset>:first-child{border-start-start-radius:10px;border-end-start-radius:10px}article{background:var(--bg-primary);padding:20px;border-radius:10px;border:1px solid var(--border-secondary);box-shadow:0 3px 10px var(--color-shadow-inset)}article h3{margin-block-end:40px}small{color:var(--medium-gray)}mark{background:var(--bg-secondary);border:1px solid var(--error-border);color:var(--error-border);padding:5px;padding-inline:10px;border-radius:10px;font-size:.8rem}h1,h2,h3{margin:0;padding:0}a{color:var(--primary);text-decoration:none;margin-inline:2px;padding-inline:2px;text-wrap:nowrap}a:hover,a:focus-visible{color:var(--primary-light);background:var(--color-shadow-inset);outline:5px solid var(--color-shadow-inset);border-radius:3px}.linkSpacing{text-wrap:nowrap;margin-inline:2px;padding-inline:2px}code{background:var(--bg-surface);padding:4px;padding-inline:6px;margin-inline:2px;border-radius:5px;border:1px solid var(--border-secondary)}pre{background:var(--bg-surface);padding:10px;border-radius:10px;border:1px solid var(--border-secondary);box-shadow:inset 0 0 10px var(--color-shadow-inset);overflow-x:auto}p{flex-grow:0}