@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";@import "https://fonts.googleapis.com/css?family=Ubuntu+Mono";@import "https://fonts.googleapis.com/css?family=Sawarabi+Mincho";@import "https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c";@import "https://fonts.googleapis.com/css?family=M+PLUS+1p";@import "https://fonts.googleapis.com/css?family=Sawarabi+Gothic";@import "https://fonts.googleapis.com/css?family=Kosugi";@import "https://fonts.googleapis.com/css?family=Noto+Serif+JP";@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP";@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";@import "https://fonts.googleapis.com/css?family=Ubuntu+Mono";@import "https://fonts.googleapis.com/css?family=Sawarabi+Mincho";@import "https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c";@import "https://fonts.googleapis.com/css?family=M+PLUS+1p";@import "https://fonts.googleapis.com/css?family=Sawarabi+Gothic";@import "https://fonts.googleapis.com/css?family=Kosugi";@import "https://fonts.googleapis.com/css?family=Noto+Serif+JP";@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP";@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";@import "https://fonts.googleapis.com/css?family=Ubuntu+Mono";@import "https://fonts.googleapis.com/css?family=Sawarabi+Mincho";@import "https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c";@import "https://fonts.googleapis.com/css?family=M+PLUS+1p";@import "https://fonts.googleapis.com/css?family=Sawarabi+Gothic";@import "https://fonts.googleapis.com/css?family=Kosugi";@import "https://fonts.googleapis.com/css?family=Noto+Serif+JP";@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP";@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";@import "https://fonts.googleapis.com/css?family=Ubuntu+Mono";@import "https://fonts.googleapis.com/css?family=Sawarabi+Mincho";@import "https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c";@import "https://fonts.googleapis.com/css?family=M+PLUS+1p";@import "https://fonts.googleapis.com/css?family=Sawarabi+Gothic";@import "https://fonts.googleapis.com/css?family=Kosugi";@import "https://fonts.googleapis.com/css?family=Noto+Serif+JP";@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP";@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";@import "https://fonts.googleapis.com/css?family=Ubuntu+Mono";@import "https://fonts.googleapis.com/css?family=Sawarabi+Mincho";@import "https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c";@import "https://fonts.googleapis.com/css?family=M+PLUS+1p";@import "https://fonts.googleapis.com/css?family=Sawarabi+Gothic";@import "https://fonts.googleapis.com/css?family=Kosugi";@import "https://fonts.googleapis.com/css?family=Noto+Serif+JP";@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP";@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap";@import "https://fonts.googleapis.com/css?family=Ubuntu+Mono";@import "https://fonts.googleapis.com/css?family=Sawarabi+Mincho";@import "https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c";@import "https://fonts.googleapis.com/css?family=M+PLUS+1p";@import "https://fonts.googleapis.com/css?family=Sawarabi+Gothic";@import "https://fonts.googleapis.com/css?family=Kosugi";@import "https://fonts.googleapis.com/css?family=Noto+Serif+JP";@import "https://fonts.googleapis.com/css?family=Noto+Sans+JP";@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";.app-header[data-v-94d0ac8d]{top:var(--v35b03c06);width:calc(100% - 2rem);height:var(--header-height);z-index:1000;background-color:var(--bg-1);box-shadow:0 2px 4px var(--shadow);justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:fixed;left:0}.app-header .site-logo[data-v-94d0ac8d]{z-index:1001;font-size:1.25rem;font-weight:700}.app-header button[data-v-94d0ac8d]{cursor:pointer;z-index:1001;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:1.15rem;display:flex}.app-header .burger-button[data-v-94d0ac8d]{display:none}.app-header .menu ul[data-v-94d0ac8d]{align-items:center;display:flex}.app-header .menu ul li[data-v-94d0ac8d]{margin:0 0 0 1.5rem}.app-header .menu ul li a[data-v-94d0ac8d]{font-size:1.15rem;font-weight:400}.app-header.narrow .burger-button[data-v-94d0ac8d]{cursor:pointer;z-index:1100;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;padding:0;display:flex}.app-header.narrow .burger-button span[data-v-94d0ac8d]{background-color:var(--text-0);width:100%;height:2px;display:block}.app-header.narrow .menu[data-v-94d0ac8d]{top:var(--header-height);background-color:var(--bg-2);z-index:900;transform-origin:top;width:100%;height:250px;box-shadow:0 2px 4px var(--shadow);transition:transform .3s ease-in-out;position:fixed;left:0;transform:scaleY(0)}.app-header.narrow .menu.open[data-v-94d0ac8d]{transform:scaleY(1)}.app-header.narrow .menu ul[data-v-94d0ac8d]{grid-template-rows:repeat(5,1fr);height:100%;display:grid}.app-header.narrow .menu ul li[data-v-94d0ac8d]{align-items:center;margin:0 1rem;padding:.5rem 0;display:flex}.app-header.narrow .menu ul li a[data-v-94d0ac8d]{width:100%;display:block}.footer[data-v-6095bf6d]{text-align:center;color:var(--text-0);box-shadow:0 -2px 4px var(--shadow);padding:1rem 0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--border-radius:6px;--header-height:60px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--bg-0:#fff;--bg-1:#e6e6e6;--bg-2:#ccc;--bg-3:#b3b3b3;--text-0:#333;--text-1:#adadad;--border:#0000004d;--shadow:#0000004d;--primary:#00f;--danger:#ca0000;--accent:#ff3434}:root[data-theme=dark]{--bg-0:#000;--bg-1:#1a1a1a;--bg-2:#333;--bg-3:#4d4d4d;--text-0:#fff;--text-1:#666;--border:#ffffff4d;--shadow:#ffffff4d;--primary:#0000af;--danger:#a50000;--accent:#ff3434;box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;height:100%;margin:0;padding:0;font-family:Avenir,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6,label,p,a,a:active,a:visited{color:var(--text-0);text-decoration:none}a:hover{color:var(--accent)}nav,ul,li{color:var(--text-0);margin:0;padding:0;list-style:none}#app{flex-direction:column;min-height:100vh;display:flex}header{background-color:var(--bg-1);width:100%}main{margin-top:var(--header-height);background-color:var(--bg-0);padding:0 1rem 1rem}footer{background-color:var(--bg-1);flex-grow:1}.go-top-button{opacity:.6;background-color:#0000;width:5rem;height:4rem;position:fixed;bottom:1rem;right:1rem}.go-top-button:hover{cursor:pointer;opacity:1}@media (width>=1024px){.go-top-button{bottom:6rem;right:3rem}}.icons{fill:var(--text-0)}.ArticleCard_container[data-v-db03dcbe]{border:1px solid var(--border);border-radius:.5rem;margin-bottom:1rem;padding:1rem;transition:box-shadow .2s ease-in-out}.ArticleCard_container .ArticleCard_mainLink[data-v-db03dcbe]{color:var(--text-0);flex-direction:column;justify-content:space-between;height:100%;text-decoration:none;display:flex}.ArticleCard_container .ArticleCard_emojiContainer[data-v-db03dcbe]{margin-bottom:.5rem;font-size:1rem}.ArticleCard_container .ArticleCard_titleContainer[data-v-db03dcbe]{margin-bottom:.5rem}.ArticleCard_container .ArticleCard_titleContainer .ArticleCard_title[data-v-db03dcbe]{margin:0;font-size:1rem}.ArticleCard_container .ArticleCard_meta[data-v-db03dcbe]{color:#666;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.ArticleCard_container .ArticleCard_meta .ArticleCard_dateAndLikes[data-v-db03dcbe]{align-items:center;display:flex}.ArticleCard_container .ArticleCard_meta .ArticleCard_dateAndLikes time[data-v-db03dcbe]{color:var(--text-1);margin-right:.5rem}.ArticleCard_container[data-v-db03dcbe]:hover{box-shadow:0 0 10px var(--shadow)}.web-link-card[data-v-a646afb2]{margin-bottom:1rem}.link-card[data-v-a646afb2]{border:1px solid var(--border);color:inherit;border-radius:.5rem;align-items:center;padding:1rem;text-decoration:none;transition:box-shadow .2s ease-in-out;display:flex}.link-card[data-v-a646afb2]:hover{box-shadow:0 0 10px var(--shadow)}.link-card__icon-wrapper[data-v-a646afb2]{flex-shrink:0;margin-right:1rem}.link-card__icon-img[data-v-a646afb2]{border-radius:.5rem;width:3rem;height:3rem;display:block}.link-card__content[data-v-a646afb2]{flex-direction:column;justify-content:center;min-width:0;display:flex}.link-card__name[data-v-a646afb2]{color:var(--text-0);margin:0 0 .25rem;font-size:1rem;font-weight:700}.link-card__description[data-v-a646afb2]{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;overflow:hidden}.home-view[data-v-d509966d]{margin:0 auto}@media (width>=1024px){.home-view[data-v-d509966d]{width:60%}}#keyvisual[data-v-d509966d]{text-align:center;margin:5rem 0}#keyvisual img[data-v-d509966d]{height:10rem}@media (width>=1024px){#keyvisual[data-v-d509966d]{justify-content:center;display:flex}#keyvisual .kv-hello[data-v-d509966d]{align-items:center;height:10rem;display:flex}}#info[data-v-d509966d]{gap:1rem;display:grid}#info details[data-v-d509966d]{border:1px solid var(--border);border-radius:var(--border-radius);background:var(--bg-0);box-shadow:0 10px 22px -18px var(--shadow);transition:box-shadow .35s,transform .35s;overflow:hidden}#info details[data-v-d509966d]:hover{box-shadow:0 16px 28px -20px var(--shadow);transform:translateY(-2px)}#info details[open][data-v-d509966d]{box-shadow:0 18px 32px -22px var(--shadow)}#info details summary[data-v-d509966d]{letter-spacing:.02em;cursor:pointer;color:var(--text-0);border-bottom:1px solid #0000;align-items:center;gap:.6rem;padding:.85rem 1rem;font-size:1.04rem;font-weight:700;display:flex}#info details summary[data-v-d509966d]::-webkit-details-marker{display:none}#info details[open] summary[data-v-d509966d]{border-bottom-color:var(--border)}#info details ul[data-v-d509966d]{flex-direction:column;gap:.6rem;margin:0;padding:.7rem 1rem 1rem;list-style:none;display:flex}#info details li[data-v-d509966d]{line-height:1.5}#info details .info-list--timeline li[data-v-d509966d]{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem 1rem;display:grid}#info details .info-list--timeline li span[data-v-d509966d]:last-child{color:var(--text-0);font-size:.9rem}#info details .info-list--icon li[data-v-d509966d]{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.4rem .7rem;display:grid}#info details .info-list--icon li span[data-v-d509966d]:first-child{line-height:1.2}#info details .info-list--icon li span[data-v-d509966d]:last-child{color:var(--text-0);overflow-wrap:anywhere;font-size:1rem}#info .info-summary-icon[data-v-d509966d]{font-size:1.25rem;line-height:1}#info[data-v-d509966d] img.emoji{vertical-align:-.2em;width:1.2em;height:1.2em;margin:0 .08em}@media (width>=1024px){#info[data-v-d509966d]{grid-template-columns:1fr;gap:1rem}}.image-gallery[data-v-bade51a7]{overflow-x:scroll}.image-gallery .image-gallery-inner[data-v-bade51a7]{width:1000px;height:600px;display:flex}.articles-view[data-v-ae2b3a71]{margin:0 auto}@media (width>=1024px){.articles-view[data-v-ae2b3a71]{width:60%}}.articles-view section img[data-v-ae2b3a71]{width:100%;max-width:40rem}.tools-view nav ul[data-v-95365832]{padding:0;list-style:none}.tools-view nav ul li[data-v-95365832]{margin-bottom:1rem;list-style:circle}.tools-view nav ul li a[data-v-95365832]{font-size:1.2em}.contact-form-container[data-v-0382fd85]{border:1px solid #ccc;border-radius:8px;max-width:600px;margin:6rem auto;padding:2rem}.form-group[data-v-0382fd85]{margin-bottom:1rem}label[data-v-0382fd85]{margin-bottom:.5rem;display:block}input[data-v-0382fd85],textarea[data-v-0382fd85]{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:.5rem}button[data-v-0382fd85]{color:#fff;cursor:pointer;background-color:#333;border:none;border-radius:4px;padding:.75rem 1.5rem}button[data-v-0382fd85]:disabled{background-color:#888}.success-message[data-v-0382fd85],.error-message[data-v-0382fd85]{border-radius:4px;margin-top:1rem;padding:1rem}.success-message[data-v-0382fd85]{color:#004d40;background-color:#e0f2f1}.error-message[data-v-0382fd85]{color:#c62828;background-color:#ffebee}.app-snackbar[data-v-a5c20b24]{z-index:1200;border-radius:var(--border-radius);border:1px solid var(--border);background:var(--bg-1);max-width:min(90vw,440px);color:var(--text-0);box-shadow:0 6px 14px var(--shadow);word-break:break-word;padding:.7rem .95rem;font-size:.95rem;line-height:1.45;position:fixed;bottom:1rem;left:1rem}.app-snackbar.is-alert[data-v-a5c20b24]{border-color:var(--danger);background:var(--danger);color:#fff}.snackbar-fade-enter-active[data-v-a5c20b24],.snackbar-fade-leave-active[data-v-a5c20b24]{transition:opacity .2s,transform .2s}.snackbar-fade-enter-from[data-v-a5c20b24],.snackbar-fade-leave-to[data-v-a5c20b24]{opacity:0;transform:translateY(8px)}.random-generator[data-v-47ecd787]{margin:0 auto}.random-generator .page-title[data-v-47ecd787]{text-align:center}code[data-v-47ecd787]{font-family:DM Mono,monospace}.settings-grid[data-v-47ecd787]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.setting-card[data-v-47ecd787]{background:var(--bg-1);border-radius:var(--border-radius);box-shadow:0 2px 6px var(--shadow);padding:1.5rem}.setting-card h2[data-v-47ecd787]{border-bottom:2px solid var(--border);margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem}.preset-form[data-v-47ecd787]{gap:.5rem;display:flex}.preset-form+.preset-form[data-v-47ecd787]{margin-top:.75rem}.preset-form input[data-v-47ecd787],.preset-form select[data-v-47ecd787]{flex:1}.preset-actions[data-v-47ecd787]{gap:.5rem;display:flex}.preset-actions .danger[data-v-47ecd787]{border-color:var(--danger);color:var(--danger)}.preset-actions .danger[data-v-47ecd787]:hover{background-color:var(--danger);color:var(--text-0)}.preset-feedback[data-v-47ecd787]{border-radius:var(--border-radius);margin:.75rem 0 0;padding:.55rem .7rem;font-size:.9rem;font-weight:600}.preset-feedback.success[data-v-47ecd787]{background:var(--bg-2);border:1px solid var(--border);color:var(--text-1)}.ui-control[data-v-47ecd787],input[type=text][data-v-47ecd787],select[data-v-47ecd787],input[type=number][data-v-47ecd787]{border:1px solid var(--border);border-radius:var(--border-radius);box-sizing:border-box;background:var(--bg-0);width:100%;color:var(--text-0);padding:.5rem;font-size:1rem}.ui-button[data-v-47ecd787]{border:1px solid var(--border);border-radius:var(--border-radius);background:var(--bg-1);cursor:pointer;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .75rem;font-weight:700;transition:all .2s;display:inline-flex}.ui-button[data-v-47ecd787]:hover{opacity:.95}.ui-button--outline[data-v-47ecd787]{border-color:var(--primary);color:var(--primary)}.ui-button--outline[data-v-47ecd787]:hover{background-color:var(--primary);color:var(--text-0);opacity:.95}.ui-button--primary[data-v-47ecd787]{background-color:var(--primary);border-color:#0000}.ui-button--danger[data-v-47ecd787]{background-color:var(--danger);border-color:#0000}.ui-checkbox-item[data-v-47ecd787]{cursor:pointer;align-items:center;display:flex}.ui-checkbox[data-v-47ecd787]{margin-right:.5rem}.checkbox-group[data-v-47ecd787]{flex-direction:column;gap:.75rem;display:flex}.slider[data-v-47ecd787]{width:100%}.length-inputs[data-v-47ecd787]{align-items:center;gap:.75rem;display:flex}.length-inputs .slider[data-v-47ecd787]{flex:1}.length-inputs .length-number-input[data-v-47ecd787]{border-radius:var(--border-radius);width:7rem}.symbols-settings[data-v-47ecd787]{background:var(--bg-1);border-radius:var(--border-radius);box-shadow:0 2px 6px var(--shadow);margin-bottom:2rem;padding:1.5rem}.symbols-settings .symbol-buttons[data-v-47ecd787]{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.symbols-settings .symbols-grid[data-v-47ecd787]{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:.75rem;display:grid}.symbols-settings .symbols-grid label[data-v-47ecd787]{border:1px solid var(--border);border-radius:var(--border-radius);cursor:pointer;justify-content:center;align-items:center;padding:.25rem;font-size:1.2rem;display:flex}.symbols-settings .symbols-grid label input[data-v-47ecd787]{margin-right:.5rem}.action-buttons[data-v-47ecd787]{gap:1rem;margin-bottom:2rem;display:flex}.generate-button[data-v-47ecd787]{border-radius:var(--border-radius);flex-grow:1;padding:.5rem 1rem;font-size:1.2rem;font-weight:700;display:block}.clear-button[data-v-47ecd787]{border-radius:var(--border-radius);padding:.5rem 1rem;font-size:1.2rem;font-weight:700;display:block}.results h2[data-v-47ecd787]{margin-bottom:1rem}.results ul[data-v-47ecd787]{margin:0;padding-left:0;list-style:none}.results li+li[data-v-47ecd787]{margin-top:.75rem}.results .password-item[data-v-47ecd787]{background:var(--bg-1);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.results .password-item code[data-v-47ecd787]{overflow-wrap:anywhere;font-size:1rem}.results .password-item .copy-button[data-v-47ecd787]{width:2.25rem;height:2.25rem;fill:var(--text-0);padding:0}.results .password-item .copy-button[data-v-47ecd787]:hover{background:var(--bg-2)}