@import"https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&family=M+PLUS+Rounded+1c:wght@300;400;500;700&display=swap";:root{--primary-color: #f06292;--secondary-color: #ba68c8;--accent-color: #ffb6c1;--background-color: #fff8fa;--footer-bg-color: #f3e5f5;--footer-text-color: #9c27b0;--text-color: #4a1b7a;--light-text: #d500f9;--pastel-yellow: #fff9c4;--pastel-blue: #bbdefb;--pastel-green: #c8e6c9}body{font-family:"M PLUS Rounded 1c",sans-serif;background-color:var(--background-color);color:var(--text-color);line-height:1.6}.boisan-title{font-family:Mochiy Pop One,sans-serif;color:var(--primary-color);position:relative;display:inline-block}.boisan-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:70%;height:4px;background:linear-gradient(to right,var(--accent-color),var(--primary-color),var(--accent-color));border-radius:10px}.navbar-boisan{background:linear-gradient(to right,#fff,#fff8fa);box-shadow:0 4px 12px #f062921a;border-bottom:3px dotted var(--accent-color)}.navbar-item.boisan-logo{font-family:Mochiy Pop One,sans-serif;font-size:1.5rem;color:var(--primary-color)}.navbar-item.boisan-logo:hover{color:var(--secondary-color)}.navbar-item{color:var(--text-color);font-weight:500;transition:all .3s ease}.navbar-item:hover{color:var(--primary-color);background-color:var(--pastel-yellow);border-radius:20px}.footer-boisan{background:linear-gradient(to right,var(--footer-bg-color) 0%,#f8e5ff 100%);color:var(--footer-text-color);border-top:3px dotted var(--accent-color);padding:3rem 1.5rem}.footer-boisan a{color:var(--secondary-color);transition:all .3s ease}.footer-boisan a:hover{color:var(--primary-color);text-decoration:underline}.footer-boisan .title{color:var(--primary-color);font-family:Mochiy Pop One,sans-serif}.footer-boisan .subtitle{color:var(--secondary-color)}.footer-copyright{padding-top:2rem;margin-top:2rem;border-top:1px dashed var(--accent-color);text-align:center;color:var(--secondary-color)}.button.is-boisan-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#ec407a 100%);color:#fff;border-radius:20px;font-weight:500;transition:all .3s ease;border:none}.button.is-boisan-primary:hover{background:linear-gradient(135deg,var(--secondary-color) 0%,#ab47bc 100%);transform:translateY(-2px);box-shadow:0 4px 8px #ba68c84d}.button.is-boisan-secondary{background:linear-gradient(135deg,var(--secondary-color) 0%,#ab47bc 100%);color:#fff;border-radius:20px;font-weight:500;transition:all .3s ease;border:none}.button.is-boisan-secondary:hover{background:linear-gradient(135deg,var(--primary-color) 0%,#ec407a 100%);transform:translateY(-2px);box-shadow:0 4px 8px #f062924d}.card{border-radius:15px;box-shadow:0 6px 15px #ba68c81a;transition:all .3s ease;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #f0629226}.card-header{background-color:var(--primary-color);color:#fff;border-radius:15px 15px 0 0}.card-header-title{color:#fff;font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700}.card-content{padding:1.5rem}h2.title.is-3,h2.title.is-4{position:relative;padding-bottom:.5rem;margin-bottom:1.5rem!important;display:inline-block}h2.title.is-3:after,h2.title.is-4:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right,var(--accent-color),var(--primary-color),var(--secondary-color));border-radius:10px}h2.title.is-3.has-text-centered:after,h2.title.is-4.has-text-centered:after{left:50%;transform:translate(-50%);width:60%}.navbar-burger{color:var(--primary-color);transition:all .3s ease;border-radius:8px;margin-top:5px;margin-right:5px;background:linear-gradient(135deg,#fff8fa,#fff0f5);box-shadow:0 2px 5px #f062921a}.navbar-burger:hover{background:linear-gradient(135deg,var(--accent-color) 0%,#ffcdd2 100%);color:#fff;transform:scale(1.05)}.navbar-burger span{height:2px;border-radius:2px;background-color:currentColor;transition:all .3s ease}.navbar-burger.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar-burger.is-active span:nth-child(2){opacity:0}.navbar-burger.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero.is-boisan{background:linear-gradient(135deg,var(--accent-color) 0%,var(--footer-bg-color) 100%);color:var(--text-color)}.hero.is-boisan .title{color:var(--primary-color);font-family:Mochiy Pop One,sans-serif}.hero.is-boisan .subtitle{color:var(--secondary-color)}.boisan-decoration{position:relative}.boisan-decoration:before{content:"♪";position:absolute;color:var(--accent-color);font-size:1.5rem;left:-1.5rem;top:0}.boisan-decoration:after{content:"♫";position:absolute;color:var(--accent-color);font-size:1.5rem;right:-1.5rem;top:0}.tag.is-boisan{background:linear-gradient(135deg,var(--pastel-yellow) 0%,#ffecb3 100%);color:var(--text-color);border-radius:4px;padding:.4em .8em;font-weight:500;transition:all .3s ease;cursor:pointer;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;margin:.2rem;font-size:.85rem;position:relative;overflow:hidden}.tag.is-boisan:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.tag.is-boisan:hover{background:linear-gradient(135deg,var(--accent-color) 0%,#ffcdd2 100%);color:var(--text-color);transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.tag.is-boisan:hover:before{transform:scaleX(1)}.tag.is-boisan-category{background:linear-gradient(135deg,var(--pastel-blue) 0%,#e3f2fd 100%);color:var(--text-color);border-radius:4px;padding:.4em .8em;font-weight:500;transition:all .3s ease;cursor:pointer;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.tag.is-boisan-category:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.tag.is-boisan-category:hover{background:linear-gradient(135deg,var(--secondary-color) 0%,#ce93d8 100%);color:#fff;transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.tag.is-boisan-category:hover:before{transform:scaleX(1)}.hover-effect{transition:all .3s ease;cursor:pointer}.card-header{position:relative;overflow:hidden}.card-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff3,#fff0);pointer-events:none}.card-header-title{position:relative}.card-header-title:before{content:"♥";font-size:.8em;margin-right:8px;color:#fffc}.serif-box{background:#fff;border-radius:8px;padding:1.5rem 2rem;box-shadow:0 6px 15px #0000001a;margin-bottom:2.5rem;position:relative;border-left:20px solid var(--accent-color);background-image:linear-gradient(90deg,transparent 0px,transparent 20px,rgba(255,205,210,.5) 20px,rgba(255,205,210,.5) 21px,transparent 21px),linear-gradient(rgba(238,238,238,.5) .1em,transparent .1em);background-size:100% 1.8em;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;transition:box-shadow .3s ease}.serif-box:hover{box-shadow:0 10px 20px #00000026}.serif-box:before{content:"";position:absolute;top:1rem;left:-10px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 2px var(--primary-color);transform:translate(-50%);z-index:1}.serif-box:after{content:"";position:absolute;bottom:1rem;left:-10px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 2px var(--primary-color);transform:translate(-50%);z-index:1}.serif-box .card-content{position:relative;padding:0}.serif-box .serif-text{position:relative;padding-left:.5rem;padding-right:.5rem;font-family:"M PLUS Rounded 1c",sans-serif;line-height:1.8;color:var(--text-color);padding-top:.1em}.serif-box .serif-text:before{content:"“";position:absolute;left:-.5rem;top:-.5rem;font-size:1.5em;color:var(--accent-color);font-family:serif}.serif-box .serif-text:after{content:"”";position:absolute;right:-.5rem;bottom:-.5rem;font-size:1.5em;color:var(--accent-color);font-family:serif}.serif-text{font-size:1.14rem;line-height:1.8;color:var(--text-color);padding-bottom:.5rem;margin-bottom:1rem;position:relative;padding-top:.1em}.serif-tips{font-size:.9rem;color:var(--secondary-color);font-style:italic;margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--accent-color)}.tag-clickable{cursor:pointer;transition:all .3s ease;border-radius:4px;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden}.tag-clickable:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.tag-clickable:hover{transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.tag-clickable:hover:before{transform:scaleX(1)}.loading-block{height:20px;background-color:#f5f5f5;border-radius:4px}.loading-block-short{height:20px;width:75%;background-color:#f5f5f5;border-radius:4px}.pagination-link{color:var(--text-color);border-color:var(--accent-color);transition:all .3s ease}.pagination-link.is-current{background-color:var(--primary-color);border-color:var(--primary-color)}.pagination-link:hover{background-color:var(--accent-color);color:var(--text-color);border-color:var(--accent-color)}@media screen and (max-width: 768px){.navbar-boisan{padding:.5rem}.serif-box{padding:1.5rem}.serif-box:before,.serif-box:after{font-size:3rem}}