@import"https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=BIZ+UDPMincho:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=M+PLUS+1+Code:wght@100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic: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{color-scheme:light;--bg-surface: #fff;--bg-primary: #f4f4f4;--bg-secondary: #e0e0e0;--border-secondary: #d0d0d8;--border-primary: #b0b0bc;--medium-gray: #444;--color-text: #111111;--color-text-button: #222;--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;--error-text: #bc0404;--success-bg-active: #d0ffd0;--success-bg: #4c42;--success-border: #4c4;--success-text: #1a1;--color-shadow-inset: #0002;--bevel-light: #fffa;--bevel-dark: #0002;--font-theme: "BIZ UDPGothic", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=parchment]):not([data-theme=hacker]):not([data-theme=sakura]){color-scheme:dark;--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;--error-text: #ea3d3d;--success-bg-active: #040;--success-bg: #0f02;--success-border: #0f04;--success-text: #0f0b;--color-shadow-inset: #0008;--bevel-light: #fff1;--bevel-dark: #0004}}:root[data-theme=parchment]{color-scheme:light;--bg-surface: #fdf6e3;--bg-primary: #f5ede0;--bg-secondary: #ede3cf;--border-secondary: #d4c4a0;--border-primary: #b8a070;--medium-gray: #7a6050;--color-text: #3d2b1f;--color-text-button: #4a3628;--primary-bg: #e8d8b0;--primary-bg-active: #d8c898;--primary-border: #911616;--primary: #d30;--primary-light: #5a1010;--error-bg-active: #ba0000;--error-bg: #c65f5f;--error-border: #8f0000;--error-text: #ffffff;--success-bg-active: #d0e8c0;--success-bg: #0a04;--success-border: #0a0;--success-text: #080;--color-shadow-inset: #0001;--bevel-light: #fff0;--bevel-dark: #0000;--font-theme: "BIZ UDPMincho", serif}:root[data-theme=sakura]{color-scheme:light;--bg-surface: #fff0f5;--bg-primary: #ffe4ef;--bg-secondary: #ffd0e4;--border-secondary: #ffb3cc;--border-primary: #ff80aa;--medium-gray: #b6164d;--color-text: #5c0028;--color-text-button: #7a0033;--primary-bg: #ffb6db;--primary-bg-active: #ffcce4;--primary-border: #e8006a;--primary: #ff0074;--primary-light: #b8005a;--error-bg-active: #ffd0d0;--error-bg: #ffe4e4;--error-border: #cc4444;--error-text: #aa2222;--success-bg-active: #d0f0e0;--success-bg: #d2f8e2;--success-border: #44aa66;--success-text: #1a6741;--color-shadow-inset: #ff006622;--bevel-light: #fffa;--bevel-dark: #ff0066aa;--font-theme: "Zen Maru Gothic", sans-serif}:root[data-theme=hacker]{color-scheme:dark;--bg-surface: #000;--bg-primary: #111;--bg-secondary: #133;--border-secondary: #252;--border-primary: #272;--medium-gray: #3c3;--color-text: #0f0;--color-text-button: #dd0;--primary-bg: #0a1a0a;--primary-bg-active: #0f2a0f;--primary-border: #00aa00;--primary: #0f0;--primary-light: #3f3;--error-bg-active: #300;--error-bg: #400;--error-border: #f00;--error-text: #f44;--success-bg-active: #030;--success-bg: #020;--success-border: #0f0;--success-text: #0f0;--color-shadow-inset: #0f44;--bevel-light: #0f03;--bevel-dark: #0f03;--font-theme: "M PLUS 1 Code", monospace}:root[data-theme=dark]{color-scheme: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;accent-color:var(--primary)}body,input,textarea,button,select{font-family:var(--font-theme);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:58rem;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,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:read-only,input:disabled,textarea:read-only,textarea:disabled{background:var(--bg-primary);box-shadow:none;border-color:var(--border-secondary)}input:read-only:hover:not(:disabled),input:disabled:hover:not(:disabled),textarea:read-only:hover:not(:disabled),textarea:disabled:hover:not(:disabled){box-shadow:inset 0 0 10px var(--color-shadow-inset);border-color:var(--border-primary)}input:disabled,textarea:disabled{color:var(--border-primary)}input::placeholder,textarea::placeholder{color:var(--border-primary)}input:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--primary-border)}input:hover:not(:disabled)::placeholder,textarea:hover:not(:disabled)::placeholder{color:var(--border-secondary)}input:focus-visible,textarea:focus-visible{border-color:var(--primary-border);outline:none}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-grow:0;flex-shrink:0;inline-size:1.25rem;block-size:1.25rem;padding:4px;margin-inline-end:10px;cursor:pointer;border:1px solid var(--primary-border);border-radius:10px;background:var(--bg-secondary);transition:background .15s;position:relative}input[type=checkbox]:hover:not(:disabled){border-color:var(--primary-border)}input[type=checkbox]:checked{background:var(--primary-bg);border-color:var(--primary-border);box-shadow:inset 0 +2px var(--bevel-light),inset 0 -2px var(--bevel-dark)}input[type=checkbox]:checked:after{content:"";display:block;inline-size:100%;block-size:100%;background-color:var(--color-text-button);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='1.5,5.5 4.5,8.5 10.5,1.5' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='1.5,5.5 4.5,8.5 10.5,1.5' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:85%;mask-size:85%}input[type=checkbox]:disabled{opacity:.45;background:var(--bg-primary);border-color:var(--border-primary);cursor:default}input[type=checkbox]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}label{display:flex;flex-direction:row;align-items:center;cursor:pointer}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,select{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 +1px 0 var(--bevel-light),inset 0 -1px 0 var(--bevel-dark);text-wrap:nowrap}button:hover,.buttonLink:hover,select:hover{background:var(--primary-bg-active);box-shadow:inset 0 -1px 0 var(--bevel-light),inset 0 +1px 0 var(--bevel-dark)}button:active,.buttonLink:active,select:active{background:var(--bg-primary);border-color:var(--border-primary)}button.secondary,.buttonLink.secondary,select.secondary{background:var(--bg-secondary);border-color:var(--border-primary)}button.secondary:hover,.buttonLink.secondary:hover,select.secondary:hover{background:var(--bg-primary);border-color:var(--border-primary)}button.secondary:active,.buttonLink.secondary:active,select.secondary:active{border-color:var(--primary-border)}button.delete,.buttonLink.delete,select.delete{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}button.delete:hover,.buttonLink.delete:hover,select.delete:hover{background:var(--error-bg-active)}button.delete:active,.buttonLink.delete:active,select.delete:active{background:var(--error-bg-active);border-color:var(--error-border)}button:focus-visible,.buttonLink:focus-visible,select:focus-visible{outline:none;border:1px solid var(--primary)}button:disabled,.buttonLink:disabled,select:disabled{color:var(--border-primary);box-shadow:none;background:var(--bg-primary);border-color:var(--border-primary);cursor:default}select{display:inline-block;block-size:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none}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:18px}small{color:var(--medium-gray)}mark{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:5px;padding-inline:10px;border-radius:10px;font-size:.8rem}mark.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}mark.animate{animation:blink 2s infinite ease-in-out}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}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;margin-block:16px}