@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&family=Noto+Sans+JP:wght@300;400;500&display=swap";:root{--sidebar-top: #d5b4e8;--sidebar-bottom: #caa3df;--note-border: #c27bcf;--lavender: #a05bb5;--default-card-bg: white;--default-card-border: rgba(168,130,210,.35);--sidebar-sakura-top: #ffd2e6;--sidebar-sakura-bottom: #ffb5d4;--sidebar-snow-top: #d6e9ff;--sidebar-snow-bottom: #bcd8ff;--sidebar-night-top: #403055;--sidebar-night-bottom: #2f2444}html,body{margin:0;padding:0;background:#f7f4fa;font-family:Noto Sans JP,sans-serif;color:#444;transition:background .4s ease,color .25s ease}body.default{background:linear-gradient(180deg,#f7e9ff,#faf5ff)}body.sakura{background:linear-gradient(180deg,#ffe9f3,#fff6fb)}body.snow{background:linear-gradient(180deg,#e9f6ff,#f0faff)}body.night{background:#1a1625!important;color:#f5eefe!important}.theme-switcher{display:flex;gap:10px;align-items:center}.theme-btn{padding:6px 16px;border-radius:10px;background:#ffffff38;border:1px solid rgba(255,255,255,.3);font-family:"M PLUS Rounded 1c";font-size:14px;letter-spacing:.3px;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);transition:.25s ease}.theme-btn:hover{background:#ffffff59;transform:translateY(-1px)}.theme-btn:active{transform:scale(.96)}body.sakura .theme-btn{background:#ffc8dc40;border-color:#ffb4c873}body.snow .theme-btn{background:#d2e6ff47;border-color:#bedcff73}body.night .theme-btn{background:#ffffff26;border-color:#ffffff40;color:#efe3ff}body.night .theme-btn:hover{background:#ffffff38}.header-banner{width:100%;height:180px;background-image:url(./public/header-bg.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;filter:brightness(.95);z-index:1!important;position:relative;pointer-events:none!important}body.night .header-banner{filter:brightness(.55) saturate(.8)}body.sakura .header-banner{filter:hue-rotate(15deg) brightness(1.05)}body.snow .header-banner{filter:hue-rotate(-20deg) brightness(1.1)}@media (max-width: 600px){.header-banner{height:130px;background-position:center}}.header-main{top:0;z-index:10!important;position:sticky;width:100%;padding:12px 0;background:#c27bcf66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.25);transition:background .35s ease,box-shadow .35s ease}.header-main.scrolled{background:#c27bcfbf;box-shadow:0 4px 18px #00000026}header.default{background:#c27bcf66!important}header.sakura{background:#ffaacd8c!important}header.snow{background:#bedcff8c!important}header.night{background:#281e37bf!important}.header-inner{width:92%;max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo{font-family:"M PLUS Rounded 1c";font-size:26px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.25)}header.header-theme-default{background:#c27bcf66!important}header.header-theme-sakura{background:#ffaacd8c!important}header.header-theme-snow{background:#bedcff8c!important}header.header-theme-night{background:#281e37bf!important}.header-dropdown{width:100%;max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .45s ease,opacity .35s ease,transform .35s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0}.header-dropdown.open{max-height:350px;opacity:1;transform:translateY(0);padding-top:18px;padding-bottom:18px}.header-dropdown-item{width:100%;max-width:350px;padding:14px 0;font-size:18px;font-family:"M PLUS Rounded 1c";color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}.header-dropdown-item:last-child{border-bottom:none}.header-dropdown-item:hover{opacity:.8}body.default .header-dropdown{background:#c27bcf47;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.sakura .header-dropdown{background:#ffb4d259;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body.snow .header-dropdown{background:#b4d2ff59;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body.night .header-dropdown{background:#281e37bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body.night .header-dropdown-item{color:#f1e8ff!important}.header-hamburger{font-size:26px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff}.header-mobile-menu{position:absolute;right:22px;top:70px;width:220px;padding:14px 0;border-radius:14px;background:#ffffff73;-webkit-backdrop-filter:blur(14px) saturate(200%);backdrop-filter:blur(14px) saturate(200%);box-shadow:0 4px 20px #0000002e;animation:dropdownFade .25s ease;display:flex;flex-direction:column;gap:6px;z-index:99999}.header-mobile-item{padding:12px 18px;font-family:"M PLUS Rounded 1c";font-size:16px;color:#4a3a5a;text-decoration:none;border-radius:8px;transition:.25s ease}.header-mobile-item:hover{background:#fff6;transform:translate(4px)}body.night .header-mobile-item{color:#f2eaff}body.night .header-mobile-item:hover{background:#ffffff1f}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}body.night .header-mobile-menu{background:#322846bf;box-shadow:0 4px 22px #00000073}body.sakura .header-mobile-menu{background:#ffd2e68c}body.snow .header-mobile-menu{background:#d7ebff8c}.footer{margin-top:60px;padding:24px;text-align:center;font-size:15px;color:#777}body.night .footer{color:#e4d7ff}.card-trim{border-top:1px solid var(--default-card-border);border-bottom:1px solid var(--default-card-border);background:var(--default-card-bg);padding:20px 22px;border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:transform .25s ease,box-shadow .25s ease}.card-trim:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}body.sakura .card-trim{background:#fff0f7a6;border-top:1px solid rgba(255,175,195,.45);border-bottom:1px solid rgba(255,175,195,.45)}body.snow .card-trim{background:#f0faffa6;border-top:1px solid rgba(170,205,255,.45);border-bottom:1px solid rgba(170,205,255,.45)}body.night .card-trim{background:#ffffff14;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);color:#e8defc!important;box-shadow:0 4px 16px #0000008c}.home-container{width:92%;max-width:1000px;margin:40px auto}.home-title{font-family:"M PLUS Rounded 1c";font-size:40px;text-align:center;color:var(--lavender)}.home-subtitle{max-width:650px;margin:12px auto 30px;text-align:center;font-size:18px;color:#666}.home-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:40px}.home-section-title{font-family:"M PLUS Rounded 1c";color:var(--lavender);font-size:26px;margin-bottom:20px}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.story-card{border-radius:12px;padding:22px;background:#fff;border-top:1px solid rgba(168,130,210,.35);border-bottom:1px solid rgba(168,130,210,.35);transition:.25s ease}.story-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.story-card-image{width:100%;height:160px;object-fit:cover;border-radius:12px;margin-bottom:14px;background:#ddd}.story-card-title{font-family:"M PLUS Rounded 1c";font-size:20px;margin:10px 0 8px;color:#333}.story-card-link{color:var(--lavender);font-weight:500;font-size:16px;text-decoration:none}.story-card-link:hover{text-decoration:underline}body.night .story-card{background:#ffffff14;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}body.night .story-card-title{color:#f3eaff!important}body.night .story-card-link{color:#e1d2ff!important}body.sakura .story-card-title{color:#8b526c!important}body.sakura .story-card-link{color:#d45f9e!important}body.snow .story-card-title{color:#35516e!important}body.snow .story-card-link{color:#5ca0ff!important}.layout{display:flex;width:900px;margin:32px auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000014}body.night .layout{background:#1f1a2f!important}.sidebar-pro{width:180px;padding:22px;color:#fff;font-family:"M PLUS Rounded 1c";background:linear-gradient(180deg,var(--sidebar-top),var(--sidebar-bottom));position:relative}.sidebar-pro:before{content:"";position:absolute;pointer-events:none!important;top:0;right:0;bottom:0;left:0;background-image:url(../sidebar-pattern.svg);opacity:.35}body.sakura .sidebar-pro{background:linear-gradient(180deg,var(--sidebar-sakura-top),var(--sidebar-sakura-bottom))!important}body.snow .sidebar-pro{background:linear-gradient(180deg,var(--sidebar-snow-top),var(--sidebar-snow-bottom))!important}body.night .sidebar-pro{background:linear-gradient(180deg,var(--sidebar-night-top),var(--sidebar-night-bottom))!important}.content{padding:32px;width:calc(100% - 180px)}.title-box-pro{padding:20px;border-radius:12px;border:3px dashed rgba(194,123,207,.45);margin-bottom:32px;background:#c27bcf1f;font-family:"M PLUS Rounded 1c";font-size:24px;text-align:center;color:#54315c}body.night .title-box-pro{background:#ffffff14!important;border-color:#d2b4fa73!important;color:#f2e6ff;border:3px dashed!important}body.sakura .title-box-pro{background:#ffc8dc4d!important;border-color:#ffa0be8c!important;color:#7d4d6b;border:3px dashed!important}body.snow .title-box-pro{background:#d2e6ff4d!important;border-color:#a0beff8c!important;color:#35516e;border:3px dashed!important}.columns-pro{column-count:2;column-gap:36px;text-align:justify;line-height:1.75;font-size:15px;margin-bottom:36px;color:#444}body.night .columns-pro{color:#e9dcff}@media (max-width: 900px){.columns-pro{column-count:1}}.note-box-pro{padding:18px 20px;border-radius:12px;background:#ffebf5a6;border-left:6px solid var(--note-border);margin-bottom:36px;font-size:15px;color:#555}.note-box-pro strong{font-family:"M PLUS Rounded 1c";font-size:16px}body.night .note-box-pro{background:#ffffff14;border-left-color:#b083f8;color:#e8ddff}body.sakura .note-box-pro{background:#ffd2e173;border-left-color:#e36a98;color:#6b3f53}body.snow .note-box-pro{background:#d2ebff73;border-left-color:#5ca0ff;color:#2d4b63}.illustration-pro{text-align:center;margin-bottom:40px}.illustration-pro img{width:70%;max-width:460px;border-radius:12px;box-shadow:0 2px 12px #0000001a}body.night .illustration-pro img{filter:brightness(.9) contrast(1.05)}body.sakura .illustration-pro img{box-shadow:0 2px 12px #ffa0be47}body.snow .illustration-pro img{box-shadow:0 2px 12px #a0c8ff52}.scrollbook-list{display:flex;flex-direction:column;gap:26px;margin-top:32px}.scrollbook-item{padding:20px;border-radius:12px;background:#fff;box-shadow:0 2px 10px #0000000f}body.night .scrollbook-item{background:#ffffff14;color:#e8ddff;box-shadow:0 2px 10px #00000073}.scrollbook-title{font-family:"M PLUS Rounded 1c";font-size:24px;margin:0 0 14px;color:var(--lavender)}body.night .scrollbook-title{color:#f0e8ff!important}body.sakura .scrollbook-title{color:#8b526c!important}body.snow .scrollbook-title{color:#35516e!important}.scrollbook-image{width:100%;max-height:330px;border-radius:12px;object-fit:cover;margin-bottom:16px}.scrollbook-text{font-size:16px;line-height:1.75;color:#444}body.night .scrollbook-text{color:#e8ddff!important}.flipbook-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-top:30px}.flipbook-page{perspective:1400px}.flipbook-inner{padding:20px;border-radius:14px;background:#fff;border-top:1px solid rgba(168,130,210,.35);border-bottom:1px solid rgba(168,130,210,.35);box-shadow:0 2px 12px #00000014;transition:transform .45s ease,box-shadow .45s ease}.flipbook-page:hover .flipbook-inner{transform:rotateY(-6deg);box-shadow:0 4px 16px #0000001f}.flipbook-image{width:100%;max-height:240px;object-fit:cover;border-radius:12px;margin-bottom:14px}.flipbook-title{font-family:"M PLUS Rounded 1c";font-size:22px;margin:12px 0 10px;color:var(--lavender)}body.night .flipbook-inner{background:#ffffff14;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 2px 12px #0000008c}body.night .flipbook-title{color:#f3eaff!important}body.night .flipbook-image{filter:brightness(.88)}body.sakura .flipbook-title{color:#8b526c!important}body.snow .flipbook-title{color:#35516e!important}.dashboard-login-box{max-width:420px;margin:50px auto;padding:32px;background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:18px}body.night .dashboard-login-box{background:#ffffff14;box-shadow:0 4px 12px #0000008c}.dashboard-login-input{padding:14px 16px;border-radius:10px;border:1px solid rgba(150,150,150,.35);background:#fff;font-size:16px;transition:.25s ease}.dashboard-login-input:focus{border-color:#b477c9;box-shadow:0 0 0 3px #c27bcf38}body.night .dashboard-login-input{background:#ffffff14;border-color:#ffffff40;color:#f5eefe}body.night .dashboard-login-input:focus{border-color:#dccbff;box-shadow:0 0 0 3px #ffffff26}.dashboard-login-error{color:#d64574;font-size:15px}body.night .dashboard-login-error{color:#ff96ba}.btn-home{background:var(--lavender);color:#fff;padding:14px 24px;border-radius:10px;font-family:"M PLUS Rounded 1c";font-size:18px;text-decoration:none;transition:.25s ease}.btn-home:hover{background:#8e48a6;transform:translateY(-1px)}.download-btn{display:inline-block;margin-top:32px;padding:12px 28px;background:var(--lavender);color:#fff;border-radius:10px;font-family:"M PLUS Rounded 1c";text-decoration:none;font-size:17px;transition:.25s ease}.download-btn:hover{background:#8e48a6}body.night .download-btn{background:#ffffff26;color:#f6eaff;border:1px solid rgba(255,255,255,.22)}body.night .download-btn:hover{background:#ffffff40}@media (max-width: 900px){.layout{flex-direction:column;width:95%}.sidebar-pro{width:100%;text-align:center}.content{width:100%;padding:28px}.title-box-pro{font-size:20px}}@media (max-width: 600px){.home-title{font-size:32px}.flipbook-image{max-height:200px}.illustration-pro img{width:100%}}.dash-wrapper{display:flex;height:100vh;font-family:"M PLUS Rounded 1c";position:relative;z-index:1}.dash-sidebar{width:230px;background:#c27bcf;color:#fff;padding:22px;display:flex;flex-direction:column;gap:20px;position:relative;z-index:500!important;box-shadow:0 0 14px #00000026}body.default .dash-sidebar{background:linear-gradient(180deg,#c27bcf,#a05bb5)}body.sakura .dash-sidebar{background:linear-gradient(180deg,#ffd6e9,#f8aac9);color:#693b52}body.snow .dash-sidebar{background:linear-gradient(180deg,#d6ecff,#acd0ff);color:#203c55}body.night .dash-sidebar{background:linear-gradient(180deg,#2a203b,#1a1427);color:#e9d9ff}.dash-brand{font-size:22px;font-weight:700;text-align:center}.dash-nav{display:flex;flex-direction:column;gap:12px}.dash-nav-item{padding:12px;border-radius:10px;text-decoration:none;color:inherit;background:#ffffff26;transition:.2s}.dash-nav-item:hover{background:#ffffff47}.dash-main{flex-grow:1;display:flex;flex-direction:column;position:relative;z-index:2}.dash-topbar{height:60px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center;padding:0 22px;position:relative;z-index:10}body.night .dash-topbar{background:#1f192a;border-bottom:1px solid rgba(255,255,255,.15);color:#eee3ff}body.sakura .dash-topbar{background:#fff6f9;border-bottom:1px solid #ffd0e4}body.snow .dash-topbar{background:#f3faff;border-bottom:1px solid #c7e3ff}.dash-content{padding:24px;overflow-y:auto;position:relative;z-index:1}.dash-search{width:100%;padding:14px;margin-bottom:20px;font-size:16px;border-radius:10px;border:1px solid #ccc;font-family:"M PLUS Rounded 1c"}.dash-search:focus{border-color:#c27bcf;box-shadow:0 0 0 3px #c27bcf40;outline:none}body.night .dash-search{background:#ffffff12;border-color:#ffffff2e;color:#eee5ff}.story-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.story-admin-card{background:#fff;padding:18px;border-radius:14px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center}body.night .story-admin-card{background:#ffffff12;color:#ede3ff;box-shadow:0 3px 10px #0006}.story-admin-thumb{width:100%;height:160px;object-fit:cover;border-radius:12px;margin-bottom:12px}.story-admin-title{font-family:"M PLUS Rounded 1c";font-size:20px;margin-bottom:14px}.story-admin-actions{display:flex;gap:10px}.dash-btn-edit,.dash-btn-delete,.dash-btn-primary{padding:10px 16px;border-radius:10px;font-family:"M PLUS Rounded 1c";font-size:16px;cursor:pointer;text-decoration:none;border:none;transition:.2s}.dash-btn-edit{background:#6cb6ff;color:#fff}.dash-btn-edit:hover{background:#4ea1ff}.dash-btn-delete{background:#ff6b6b;color:#fff}.dash-btn-delete:hover{background:#ff5252}.dash-btn-primary{background:#c27bcf;color:#fff!important}.dash-btn-primary:hover{background:#a05bb5}.dash-title{font-family:"M PLUS Rounded 1c";font-size:28px;margin-bottom:20px;color:#a05bb5}body.night .dash-title{color:#eadaff}body.sakura .dash-title{color:#8b526c}body.snow .dash-title{color:#35516e}.story-form{display:flex;flex-direction:column;gap:18px;max-width:600px}.form-label{font-family:"M PLUS Rounded 1c";font-size:18px}.form-input,.form-select,.form-textarea{padding:14px 16px;border-radius:10px;border:1px solid rgba(150,150,150,.35);font-size:16px;outline:none;transition:.25s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#c27bcf;box-shadow:0 0 0 3px #c27bcf40}body.night .form-input,body.night .form-select,body.night .form-textarea{background:#ffffff14;border-color:#ffffff38;color:#f5eefe}.form-error{background:#ffd2df;color:#b1023f;padding:12px;border-radius:8px}.form-image-preview{width:200px;border-radius:10px;margin-top:10px;box-shadow:0 4px 14px #00000026}