@font-face{font-family:"Google Sans";src:url(font/GoogleSansVariable.ttf) format("truetype");font-weight:100 700;font-stretch:75% 125%;font-style:normal;font-display:swap}body{font-family:"Google Sans",sans-serif;margin:0;padding:0;background:#fff}body#content{max-width:1300px;margin:0 auto}header{text-align:center;padding:5px}header h1{color:#98b1bb;font-size:20px;margin:0;padding:0;font-weight:400;text-transform:uppercase;letter-spacing:.5px}header h2{text-align:center;font-weight:100;font-size:16px;color:#98b1bb;margin:auto;max-width:600px}.logo{font-size:48px;line-height:48px;color:#f59eb6;margin:10px 0}.logo b{font-weight:700;color:#000}.logo em{font-size:48px;font-weight:100;font-style:normal;font-variant:small-caps;color:#bca1ff}.logo span{background:linear-gradient(90deg,#f59eb6 0%,#f59eb6 7.692%,#fca8b7 calc(7.692% + 1px),#fca8b7 15.385%,#ffb3bc calc(15.385% + 1px),#ffb3bc 23.077%,#ffbec4 calc(23.077% + 1px),#ffbec4 30.769%,#ffc6ce calc(30.769% + 1px),#ffc6ce 38.462%,#feccd9 calc(38.462% + 1px),#feccd9 46.154%,#f8cee4 calc(46.154% + 1px),#f8cee4 53.846%,#f1cdef calc(53.846% + 1px),#f1cdef 61.538%,#e7c9f8 calc(61.538% + 1px),#e7c9f8 69.231%,#ddc1fe calc(69.231% + 1px),#ddc1fe 76.923%,#d2b7ff calc(76.923% + 1px),#d2b7ff 84.615%,#c6acff calc(84.615% + 1px),#c6acff 92.308%,#bca1ff calc(92.308% + 1px) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}section{margin:10px}section.nickname-generators-top{background:#ddd;padding:20px}section.nickname-generators-top h4,section.nickname-generators-top h5{margin:0;padding:0}section.nickname-generators-top p{margin:0}section.nickname-generators-top a{color:#000}section.nickname-generator{background:#fff;padding:0;border:0}section.nickname-generator h3,section.nickname-generator h4{display:block;width:100%;text-align:center}section.nickname-generator h3{font-weight:700;font-size:24px;text-transform:uppercase;padding:5px 0;margin:20px 0 0 0}section.nickname-generator h4{font-size:14px;color:#999;margin:0 0 20px 0;padding:0;font-weight:100}section.nickname-generator textarea{font-family:"Google Sans",sans-serif;font-weight:700;width:100%;box-sizing:border-box;padding:20px;font-size:28px;margin:0 0 10px 0;border-bottom:4px solid;border-image:linear-gradient(90deg,#f59eb6 0%,#f59eb6 7.692%,#fca8b7 calc(7.692% + 1px),#fca8b7 15.385%,#ffb3bc calc(15.385% + 1px),#ffb3bc 23.077%,#ffbec4 calc(23.077% + 1px),#ffbec4 30.769%,#ffc6ce calc(30.769% + 1px),#ffc6ce 38.462%,#feccd9 calc(38.462% + 1px),#feccd9 46.154%,#f8cee4 calc(46.154% + 1px),#f8cee4 53.846%,#f1cdef calc(53.846% + 1px),#f1cdef 61.538%,#e7c9f8 calc(61.538% + 1px),#e7c9f8 69.231%,#ddc1fe calc(69.231% + 1px),#ddc1fe 76.923%,#d2b7ff calc(76.923% + 1px),#d2b7ff 84.615%,#c6acff calc(84.615% + 1px),#c6acff 92.308%,#bca1ff calc(92.308% + 1px) 100%);border-image-slice:1;border-width:8px}section.nickname-generator #sticky{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:99}section.nickname-generator h5{font-family:"Google Sans",sans-serif;color:#000;font-weight:400;margin:50px 0 5px 10px;padding:0 10px 0 0;font-size:34px;line-height:24px;display:inline-block;border-bottom:3px solid;border-bottom-width:3px;border-image:linear-gradient(to right,#AC00E9,#D300C5,#FF0169);border-image-slice:1;border-width:3px}section.nickname-generator .category{width:100%;font-weight:100;font-size:20px;padding:10px;color:#000;margin:25px 0 0 0;letter-spacing:1px;text-transform:uppercase;color:#4b6082}section.nickname-generator .category:before{content:'★彡 '}section.nickname-generator .list-nickname{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}section.nickname-generator pre{font-family:"Segoe UI","Noto Sans Symbols 2","Noto Sans Symbols","Segoe UI Symbol",sans-serif;font-size:20px;line-height:28px;min-height:38px;padding:8px 20px;margin:5px;border-radius:20px 0;display:block;width:300px;box-sizing:border-box;white-space:pre-wrap;flex-grow:1;border:2px solid #f59eb6;border-bottom-width:3px;background:#fffdfd;overflow:hidden;word-wrap:break-word}section.nickname-generator pre:nth-child(13n+1){border-color:#e7c9f8;background:#fcf8ff}section.nickname-generator pre:nth-child(13n+2){border-color:#f59eb6;background:#fff8f9}section.nickname-generator pre:nth-child(13n+3){border-color:#c6acff;background:#faf8ff}section.nickname-generator pre:nth-child(13n+4){border-color:#ffbec4;background:#fff8f8}section.nickname-generator pre:nth-child(13n+5){border-color:#ddc1fe;background:#fcf8ff}section.nickname-generator pre:nth-child(13n+6){border-color:#fca8b7;background:#fff8f9}section.nickname-generator pre:nth-child(13n+7){border-color:#feccd9;background:#fff9fb}section.nickname-generator pre:nth-child(13n+8){border-color:#bca1ff;background:#faf8ff}section.nickname-generator pre:nth-child(13n+9){border-color:#ffc6ce;background:#fff9f9}section.nickname-generator pre:nth-child(13n+10){border-color:#f1cdef;background:#fff9fe}section.nickname-generator pre:nth-child(13n+11){border-color:#ffb3bc;background:#fff8f8}section.nickname-generator pre:nth-child(13n+12){border-color:#d2b7ff;background:#fbf8ff}section.nickname-generator pre:nth-child(13n+13){border-color:#f8cee4;background:#fff9fc}section.nickname-generator .list-nickname pre[data-heart]{position:relative;overflow:visible}section.nickname-generator .list-nickname pre[data-heart]::after{content:"♥";position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:red;font-family:Arial,sans-serif;font-size:20px}.decoration-selects{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-top:-10px}.decoration-selects select{font-size:20px;font-family:"Google Sans",sans-serif}.decoration-selects select#decoration-before{border:2px solid #F59EB6;background:#fff8f8}.decoration-selects select#decoration-after{border:2px solid #BCA1FF;background:#fcf8ff}.beating-heart{display:inline-block;animation:heartbeat 0.7s cubic-bezier(.4,0,.6,1) infinite;transform-origin:center;margin-right:5px}@keyframes heartbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}.emoji-float{display:inline-block;animation:floatUpDown 1.8s ease-in-out infinite;²margin-right:5px}@keyframes floatUpDown{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}section.nickname-generator input[name="font-category"]{position:absolute;opacity:0;pointer-events:none}section.nickname-generator .font-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}section.nickname-generator .font-filters label{display:inline-block;padding:8px 13px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#444;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}section.nickname-generator .font-filters label:hover{border-color:#999;background:#f7f7f7}section.nickname-generator:has(#font-all:checked) .font-filters label[for="font-all"],section.nickname-generator:has(#font-classic:checked) .font-filters label[for="font-classic"],section.nickname-generator:has(#font-handwritting:checked) .font-filters label[for="font-handwritting"],section.nickname-generator:has(#font-bold:checked) .font-filters label[for="font-bold"],section.nickname-generator:has(#font-crazy:checked) .font-filters label[for="font-crazy"],section.nickname-generator:has(#font-smoke:checked) .font-filters label[for="font-smoke"],section.nickname-generator:has(#font-background:checked) .font-filters label[for="font-background"],section.nickname-generator:has(#font-bubble:checked) .font-filters label[for="font-bubble"],section.nickname-generator:has(#font-box:checked) .font-filters label[for="font-box"],section.nickname-generator:has(#font-size:checked) .font-filters label[for="font-size"]{border-color:#e58a97;background:#e58a97;color:#fff;font-weight:700}section.nickname-generator:has(#font-all:checked) .list-nickname pre{display:block}section.nickname-generator:has(#font-classic:checked) .list-nickname pre{display:none}section.nickname-generator:has(#font-classic:checked) .list-nickname pre[data-category~="classic"]{display:block}section.nickname-generator:has(#font-handwritting:checked) .list-nickname pre{display:none}section.nickname-generator:has(#font-handwritting:checked) .list-nickname pre[data-category~="handwritting"]{display:block}section.nickname-generator:has(#font-bold:checked) .list-nickname pre{display:none}section.nickname-generator:has(#font-bold:checked) .list-nickname pre[data-category~="bold"]{display:block}section.nickname-generator:has(#font-crazy:checked) .list-nickname pre{display:none}section.nickname-generator:has(#font-crazy:checked) .list-nickname pre[data-category~="crazy"]{display:block}section.nickname-generator:has(#font-smoke:checked) .list-nickname pre{display:none}section.nickname-generator:has(#font-smoke:checked) .list-nickname pre[data-category~="smoke"]{display:block}section.nickname-generator:has(#font-background:checked) .list-nickname pre{display:none}section.nickname-generator:has(#font-background:checked) .list-nickname pre[data-category~="background"]{display:block}section.nickname-generator:has(#font-bubble:checked) .list-nickname pre{display:none}section.nickname-generator:has(#font-bubble:checked) .list-nickname pre[data-category~="bubble"]{display:block}section.nickname-generator:has(#font-box:checked) .list-nickname pre{display:none}section.nickname-generator:has(#font-box:checked) .list-nickname pre[data-category~="box"]{display:block}section.nickname-generator:has(#font-size:checked) .list-nickname pre{display:none}section.nickname-generator:has(#font-size:checked) .list-nickname pre[data-category~="size"]{display:block}#faq{margin:20px}#faq h4{font-weight:600}#faq h4:before{content:"◠◡▶ "}footer{color:#666;text-align:center;padding:20px;margin:0;font-size:14px}footer a{color:#333}footer p{max-width:1100px;margin:10px auto}.toast{background-color:#FFDD67;font-size:16px}.toast-success{background-color:#FFDD67}.toast-title{font-weight:100}.toast-message{display:inline;word-wrap:break-word;font-weight:100}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-top-right{top:10px;right:10px}#toast-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:9999}#toast-container *{box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0;padding:15px 15px 15px 15px;min-width:200px;border-radius:10px;color:#fff}#toast-container>.toast-success{background:#411A7B;color:#fff!important;text-align:center;padding:30px}@media (max-width:1281px){section.nickname-generator pre{width:45%}}@media (max-width:768px){section.nickname-generator .list-nickname{flex-direction:column}section.nickname-generator pre{width:97%;box-sizing:border-box}}