@import"https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&family=Noto+Sans+SC:wght@400;700&family=Noto+Serif+SC:wght@400;700&family=LXGW+WenKai+TC:wght@300;400;700&display=swap";.app-layout-body[data-astro-cid-j3tygqaf]{display:flex;flex-direction:column;min-height:100vh;color:var(--c-text)}.app-main[data-astro-cid-j3tygqaf]{width:100%;flex-grow:1;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.app-main[data-astro-cid-j3tygqaf]{padding:2rem}}.app-footer[data-astro-cid-j3tygqaf]{text-align:center;padding:2rem;margin-top:3rem;color:var(--c-text-muted);font-size:.875rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);width:100%;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:1rem;border-radius:var(--radius-md)}.config-inner-layout[data-astro-cid-f3diyw25]{display:flex;flex-direction:column;height:100%;overflow:hidden}.config-nav[data-astro-cid-f3diyw25]{flex-shrink:0;padding:1.5rem;border-bottom:1px solid var(--panel-border-color, rgba(255,255,255,.1));text-align:center;position:relative;background:rgba(var(--panel-bg-rgb),.5)}.config-title[data-astro-cid-f3diyw25]{font-size:1.8rem;font-weight:800;margin-bottom:1.5rem;color:var(--panel-title-color);letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.config-tabs[data-astro-cid-f3diyw25]{display:flex;justify-content:center;gap:1rem;border-bottom:2px solid rgba(255,255,255,.05);padding-bottom:1rem;margin-bottom:1rem}.config-nav-link[data-astro-cid-f3diyw25]{background:transparent;border:none;font-size:1rem;font-weight:600;padding:.6rem 1.2rem;border-radius:9999px;color:var(--panel-text-color);opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;overflow:hidden;backdrop-filter:blur(5px)}.config-nav-link[data-astro-cid-f3diyw25]:hover{background:#ffffff0d;color:var(--panel-title-color);opacity:1;transform:translateY(-1px)}.config-nav-link[data-astro-cid-f3diyw25].active{background:var(--choice-btn-bg-hover);color:var(--panel-title-color);box-shadow:0 4px 15px #0003,var(--primary-glow);opacity:1;font-weight:700;border:1px solid rgba(255,255,255,.1)}.config-nav-link[data-astro-cid-f3diyw25].active:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,transparent,transparent,rgba(255,255,255,.2),transparent,transparent);transform:rotate(45deg);animation:button-shimmer 3s infinite}@keyframes button-shimmer{0%{transform:translate(-100%) rotate(45deg)}20%{transform:translate(100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.config-main[data-astro-cid-f3diyw25]{flex-grow:1;min-height:0;padding:1.5rem;overflow-y:auto;overflow-x:hidden}.form-group[data-astro-cid-f3diyw25]{margin-bottom:1.5rem;position:relative}.form-group[data-astro-cid-f3diyw25]:last-child{margin-bottom:0}.form-group-stack[data-astro-cid-f3diyw25]>.form-group[data-astro-cid-f3diyw25]{margin-bottom:1.25rem}.api-url-wrapper[data-astro-cid-f3diyw25]{display:flex;gap:.5rem;align-items:center}.api-key-wrapper[data-astro-cid-f3diyw25]{position:relative;display:flex;align-items:center}.relative-wrapper[data-astro-cid-f3diyw25]{position:relative}.padding-right-lg[data-astro-cid-f3diyw25]{padding-right:2.5rem!important}.icon-btn-absolute[data-astro-cid-f3diyw25]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--panel-text-color);opacity:.6;cursor:pointer;padding:.25rem;transition:opacity .2s,color .2s;display:flex;align-items:center;justify-content:center}.icon-btn-absolute[data-astro-cid-f3diyw25]:hover{opacity:1;color:var(--panel-title-color)}.icon-svg[data-astro-cid-f3diyw25]{width:1.25rem;height:1.25rem}.feature-row[data-astro-cid-f3diyw25]{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.flex-center[data-astro-cid-f3diyw25]{display:flex;align-items:center}.section-divider[data-astro-cid-f3diyw25]{padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--panel-border-color, rgba(255,255,255,.1))}.section-divider-light[data-astro-cid-f3diyw25]{padding-top:1rem;margin-top:1rem;border-top:1px dashed rgba(255,255,255,.1)}.advanced-options[data-astro-cid-f3diyw25] summary[data-astro-cid-f3diyw25]{list-style:none;cursor:pointer;font-weight:600;color:var(--panel-title-color);display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;transition:color .2s}.advanced-options[data-astro-cid-f3diyw25] summary[data-astro-cid-f3diyw25]:hover{color:var(--c-accent, #6495ed)}.advanced-content[data-astro-cid-f3diyw25]{margin-top:1rem;padding-left:.5rem;border-left:2px solid rgba(255,255,255,.05)}.subsection-title[data-astro-cid-f3diyw25]{font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--panel-text-color);opacity:.9}.subsection-subtitle[data-astro-cid-f3diyw25]{font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--panel-text-color);opacity:.85}.config-section-title[data-astro-cid-f3diyw25]{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;color:var(--panel-title-color);border-left:4px solid var(--c-accent, #6495ed);padding-left:10px}.conditional-settings[data-astro-cid-f3diyw25]{margin-top:1rem;padding-left:1rem;border-left:2px solid rgba(100,149,237,.3);background:#0000001a;padding:1rem;border-radius:0 .5rem .5rem 0}.action-buttons-right[data-astro-cid-f3diyw25]{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.absolute-bottom-right[data-astro-cid-f3diyw25]{position:absolute;bottom:.5rem;right:.5rem}.config-footer[data-astro-cid-f3diyw25]{flex-shrink:0;padding:1.5rem;border-top:1px solid var(--panel-border-color, rgba(255,255,255,.1));background:rgba(var(--panel-bg-rgb),.8)}.save-btn-main[data-astro-cid-f3diyw25]{width:100%;padding:.875rem;font-size:1.1rem;font-weight:700;border-radius:.75rem;background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent-hover) 100%);color:#fff;border:none;box-shadow:0 4px 15px #0000004d;cursor:pointer;transition:transform .2s,box-shadow .2s;text-shadow:0 1px 2px rgba(0,0,0,.2)}.save-btn-main[data-astro-cid-f3diyw25]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.save-btn-main[data-astro-cid-f3diyw25]:active{transform:translateY(1px)}.provider-list-container[data-astro-cid-f3diyw25]{margin-bottom:1rem;max-height:200px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.5rem;background:#0003}.provider-edit-panel[data-astro-cid-f3diyw25]{background:#ffffff08;padding:1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.05)}.prompt-wrapper[data-astro-cid-f3diyw25]{position:relative}.hidden[data-astro-cid-f3diyw25]{display:none!important}.ml-2[data-astro-cid-f3diyw25]{margin-left:.5rem}.mb-0[data-astro-cid-f3diyw25]{margin-bottom:0}.w-full[data-astro-cid-f3diyw25]{width:100%}.mt-2[data-astro-cid-f3diyw25]{margin-top:.5rem}.mt-4[data-astro-cid-f3diyw25]{margin-top:1rem}.switch[data-astro-cid-f3diyw25]{position:relative;display:inline-block;width:40px;height:20px}.switch[data-astro-cid-f3diyw25] input[data-astro-cid-f3diyw25]{opacity:0;width:0;height:0}.slider[data-astro-cid-f3diyw25]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider[data-astro-cid-f3diyw25]:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input[data-astro-cid-f3diyw25]:checked+.slider[data-astro-cid-f3diyw25]{background-color:var(--c-accent, #2196F3)}input[data-astro-cid-f3diyw25]:focus+.slider[data-astro-cid-f3diyw25]{box-shadow:0 0 1px var(--c-accent, #2196F3)}input[data-astro-cid-f3diyw25]:checked+.slider[data-astro-cid-f3diyw25]:before{transform:translate(20px)}.slider[data-astro-cid-f3diyw25].round{border-radius:20px}.slider[data-astro-cid-f3diyw25].round:before{border-radius:50%}@keyframes background-fade-in{0%{opacity:0}to{opacity:1}}#game-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;transition:background-image .8s ease-in-out;animation:background-fade-in 1s ease-in-out forwards}.character-area{position:absolute;bottom:100px;height:85%;width:auto;max-width:45%;z-index:3;display:grid;grid-auto-flow:column;align-items:flex-end;pointer-events:none;transition:all .5s cubic-bezier(.25,.46,.45,.94)}#ai-characters-container{right:2%;justify-content:flex-end;gap:1rem}#player-character-area{left:2%;transform:none}.character-sprite{position:relative;display:block;height:100%;width:auto;object-fit:contain;filter:drop-shadow(0px 5px 15px rgba(0,0,0,.35));transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s ease,filter .4s ease;opacity:1;transform:scale(1)}.character-sprite.active{transform:scale(1.05) translateY(-10px);filter:drop-shadow(0px 10px 25px rgba(80,120,255,.5)) brightness(1.05)}.character-sprite.inactive{filter:brightness(.65) saturate(.8) drop-shadow(0px 5px 10px rgba(0,0,0,.4));transform:scale(.98)}.character-sprite.hidden{opacity:0;transform:translate(30px) scale(.95)}#player-character-sprite.hidden{transform:translate(-30px) scale(.95)}#galgame-container{position:relative;width:100%;aspect-ratio:16 / 9;max-height:calc(100vh - 120px);margin:20px auto;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px #0006;background-color:#0c0a09}@keyframes dialogue-enter{0%{opacity:0;transform:translate(-50%,30px) scale(.98)}70%{opacity:1;transform:translate(-50%,-5px) scale(1.02)}to{opacity:1;transform:translate(-50%) scale(1)}}#dialogue-wrapper{animation:dialogue-enter .6s cubic-bezier(.25,.46,.45,.94) forwards,var(--dialogue-animation, none);position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:90%;max-width:1000px;max-height:40%;display:flex;flex-direction:column;z-index:4;transition:all .5s cubic-bezier(.4,0,.2,1)}#dialogue-box{position:relative;width:100%;height:100%;min-height:160px;background:linear-gradient(180deg,#0f172ad9,#0f172af2);border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 1px #00000080,0 10px 40px #0009,0 0 20px rgba(var(--panel-title-rgb, 136, 170, 255),.1);border-radius:12px;padding:30px 40px 80px;overflow-y:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--dialogue-text-color, #e2e8f0)}#dialogue-box:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:2px;background:linear-gradient(90deg,transparent,var(--panel-title-color, #88aaff),transparent);opacity:.7}#speaker-name{position:absolute;top:-18px;left:40px;background:var(--dialogue-bg, rgba(15, 23, 42, .95));border:1px solid var(--panel-title-color, #88aaff);padding:4px 16px;border-radius:20px;font-weight:700;color:var(--dialogue-speaker-color, #88aaff);font-size:1.1rem;text-shadow:0 0 10px rgba(136,170,255,.4);box-shadow:0 4px 10px #0000004d;font-family:var(--font-family-display, "Mochiy Pop One", sans-serif);transition:all .3s ease;z-index:5;white-space:nowrap}#speaker-name:before{content:"";position:absolute;top:50%;left:-6px;transform:translateY(-50%);width:4px;height:4px;background:var(--panel-title-color, #88aaff);border-radius:50%;box-shadow:0 0 5px var(--panel-title-color, #88aaff)}#speaker-name:after{content:"";position:absolute;top:50%;right:-6px;transform:translateY(-50%);width:4px;height:4px;background:var(--panel-title-color, #88aaff);border-radius:50%;box-shadow:0 0 5px var(--panel-title-color, #88aaff)}#dialogue-text{line-height:1.75;font-size:var(--font-size-dialogue);position:relative;font-family:var(--font-family-main);text-shadow:1px 1px 3px rgba(0,0,0,.6)}#dialogue-text p{margin-bottom:.8em}#dialogue-text h1,#dialogue-text h2,#dialogue-text h3{margin-top:.5em;margin-bottom:.3em;color:var(--galgame-config-link-color, #88aaff)}#dialogue-text strong{color:var(--galgame-speaker-name-color, #ffcc99)}#dialogue-text em{color:#90ee90}#dialogue-text ul,#dialogue-text ol{padding-left:25px;margin-bottom:.8em}#dialogue-text li{margin-bottom:.3em}#dialogue-text code{background-color:#ffffff1a;padding:2px 5px;border-radius:4px;font-family:Courier New,Courier,monospace;color:#f0f0f0}#dialogue-text pre{background-color:#0000004d;padding:10px;border-radius:5px;overflow-x:auto;margin-bottom:.8em}#dialogue-text pre code{background:none;padding:0}#dialogue-text blockquote{border-left:3px solid var(--galgame-control-btn-bg, #6495ed);padding-left:10px;margin:.8em 0;color:#ccc;font-style:italic}#dialogue-text a{color:var(--galgame-config-link-color, #88aaff);text-decoration:underline}#dialogue-text a:hover{filter:brightness(1.2)}@keyframes chapter-title-animation{0%{opacity:0;transform:scale(1.2) translateY(20px);filter:blur(10px)}50%{opacity:1;transform:scale(1.05) translateY(0);filter:blur(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.chapter-transition{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000b3;z-index:999;pointer-events:none;animation:chapter-title-animation 3s ease-in-out forwards}.chapter-transition h2{color:#fff;font-size:3em;text-shadow:0 0 15px rgba(255,255,255,.8);font-family:var(--font-family-display)}.chapter-line{height:1px;background:#ffffff4d;flex-grow:1}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}to{opacity:1}}.chapter-title{font-weight:700;color:#fc9;font-size:1.1em;white-space:nowrap;text-shadow:0px 0px 3px rgba(0,0,0,.5);animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) both;animation-delay:.5s;flex-shrink:0}.choice-impact{position:absolute;top:15%;left:50%;transform:translate(-50%,-50%);background:#000000b3;padding:10px 20px;border-radius:20px;color:#fff;font-size:.9em;z-index:10;opacity:1;transition:opacity 1s ease}.choice-impact.fadeout{opacity:0}.choice-impact.relationship-up{background:#2ecc71cc}.choice-impact.relationship-down{background:#e74c3ccc}.choice-impact.story-branch{background:#3498dbcc}.choice-impact.progress-significant{background:#9b59b6cc}#game-controls{position:absolute;bottom:12px;right:20px;z-index:5;display:flex;gap:12px;align-items:center}.control-button{padding:0;width:48px;height:48px;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;line-height:1;transition:all .3s ease;border-radius:var(--control-btn-border-radius);background:var(--control-btn-bg);color:var(--control-btn-text-color);box-shadow:var(--control-btn-box-shadow)}.control-button svg{width:26px;height:26px;color:var(--control-btn-icon-color)}.control-button:hover:not(:disabled){background:var(--control-btn-bg-hover);box-shadow:var(--control-btn-box-shadow-hover);transform:translateY(-2px) scale(1.05);filter:brightness(1.1)}.control-button:disabled{background:var(--text-color-lighter, #999);cursor:not-allowed;box-shadow:none;opacity:.7}#choices-container{display:flex;flex-direction:column;gap:10px;margin-top:15px}#fullscreen-choices-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;padding:20px;gap:15px;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}#fullscreen-choices-overlay.visible{opacity:1;pointer-events:auto}#fullscreen-choices-overlay .choice-button{width:60%;max-width:500px;text-align:center;font-size:1.1em;padding:15px 25px;box-shadow:0 4px 15px #0003}.choice-button{display:block;width:100%;text-align:left;padding:12px 20px;cursor:pointer;transition:all .3s ease;font-size:1em;position:relative;overflow:hidden;font-family:var(--font-family-main);background:var(--choice-btn-bg);border:var(--choice-btn-border);border-radius:var(--choice-btn-border-radius);color:var(--choice-btn-text-color)}.choice-button:hover{background:var(--choice-btn-bg-hover);border:var(--choice-btn-border-hover);box-shadow:var(--choice-btn-box-shadow-hover);transform:translateY(-2px)}[data-theme=romance] .choice-button{position:relative}#fullscreen-choices-overlay [data-theme=romance] .choice-button:hover:after,[data-theme=romance] #choices-container .choice-button:hover:after{content:"";position:absolute;right:15px;top:50%;width:1.3em;height:1.3em;background-color:var(--dialogue-speaker-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e56a9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8'/%3E%3Cpath d='M2 12a6 6 0 0 0 6 6s6-2.7 6-6-2.7-6-6-6'/%3E%3Cpath d='M12 2a4 4 0 0 0 4 4s-1.8 4-4 4-4-1.8-4-4'/%3E%3Cpath d='M12 2a4 4 0 0 1-4 4s1.8 4 4 4 4-1.8 4-4'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e56a9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8'/%3E%3Cpath d='M2 12a6 6 0 0 0 6 6s6-2.7 6-6-2.7-6-6-6'/%3E%3Cpath d='M12 2a4 4 0 0 0 4 4s-1.8 4-4 4-4-1.8-4-4'/%3E%3Cpath d='M12 2a4 4 0 0 1-4 4s1.8 4 4 4 4-1.8 4-4'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");transform:translateY(-50%) scale(0);animation:heartbeat .6s forwards}@keyframes heartbeat{0%{transform:translateY(-50%) scale(0);opacity:0}50%{transform:translateY(-50%) scale(1.2);opacity:1}to{transform:translateY(-50%) scale(1);opacity:1}}#game-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:99;color:#fff;text-align:center;flex-direction:column;gap:20px;opacity:0;transition:opacity .3s ease-in-out}#game-loading-overlay.visible{display:flex;opacity:1}.loading-content span{font-size:1.2em;text-shadow:0 0 10px rgba(255,255,255,.5);animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.stop-loading-link{background:none;border:1px solid rgba(255,255,255,.5);color:#fffc;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9em}.stop-loading-link:hover{background:#ffffff1a;border-color:#fff;color:#fff}@keyframes scanline{0%{background-position:0 0}to{background-position:0 60px}}@keyframes border-flow{0%{border-image-source:linear-gradient(to bottom right,rgba(0,255,255,.8),rgba(247,37,133,.8))}25%{border-image-source:linear-gradient(to bottom right,rgba(247,37,133,.8),rgba(0,255,255,.8))}50%{border-image-source:linear-gradient(to top right,rgba(0,255,255,.8),rgba(247,37,133,.8))}75%{border-image-source:linear-gradient(to top left,rgba(0,255,255,.8),rgba(247,37,133,.8))}to{border-image-source:linear-gradient(to bottom right,rgba(0,255,255,.8),rgba(247,37,133,.8))}}:root{--theme-name: "Default";--font-family-main: "Inter", "Noto Sans SC", system-ui, sans-serif;--font-family-display: "Outfit", "Mochiy Pop One", sans-serif;--font-size-dialogue: 1.125rem;--font-size-speaker: 1.35rem;--line-height-base: 1.6;--glass-bg: rgba(15, 23, 42, .65);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shine: linear-gradient(145deg, rgba(255,255,255,.05) 0%, transparent 40%);--glass-backdrop: blur(20px) saturate(180%);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--primary-glow: 0 0 20px rgba(136, 170, 255, .4);--secondary-glow: 0 0 15px rgba(244, 114, 182, .3);--dialogue-bg: var(--glass-bg);--dialogue-bg-image: var(--glass-shine);--dialogue-bg-size: auto;--dialogue-animation: none;--dialogue-backdrop-filter: var(--glass-backdrop);--dialogue-border: var(--glass-border);--dialogue-border-radius: 20px;--dialogue-box-shadow: var(--glass-shadow), inset 0 1px 1px rgba(255,255,255,.1);--dialogue-text-color: #f1f5f9;--dialogue-speaker-color: #60a5fa;--dialogue-speaker-text-shadow: 0 0 15px rgba(96, 165, 250, .5);--choice-btn-bg: rgba(30, 41, 59, .7);--choice-btn-bg-hover: rgba(51, 65, 85, .9);--choice-btn-border: 1px solid rgba(255, 255, 255, .1);--choice-btn-border-hover: 1px solid rgba(148, 163, 184, .5);--choice-btn-text-color: #f8fafc;--choice-btn-border-radius: 12px;--choice-btn-box-shadow-hover: 0 4px 20px rgba(0,0,0,.4), var(--primary-glow);--control-btn-bg: rgba(30, 41, 59, .8);--control-btn-bg-hover: rgba(71, 85, 105, 1);--control-btn-text-color: #f1f5f9;--control-btn-icon-color: var(--control-btn-text-color);--control-btn-border-radius: 50%;--control-btn-box-shadow: 0 4px 10px rgba(0,0,0,.2);--control-btn-box-shadow-hover: 0 6px 15px rgba(0,0,0,.3), 0 0 10px rgba(255,255,255,.2);--panel-bg: rgba(15, 23, 42, .85);--panel-bg-image: linear-gradient(to bottom, rgba(255,255,255,.03), transparent);--panel-backdrop-filter: blur(25px) saturate(120%);--panel-border: 1px solid rgba(255, 255, 255, .08);--panel-text-color: #cbd5e1;--panel-title-color: #93c5fd;--panel-box-shadow: 0 20px 50px rgba(0,0,0,.5);--scroll-track: rgba(15, 23, 42, .5);--scroll-thumb: rgba(100, 116, 139, .6);--scroll-thumb-hover: rgba(148, 163, 184, .9)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px;border:2px solid transparent;background-clip:content-box;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);border:1px solid transparent}[data-theme=future-tech]{--theme-name: "Future Tech";--dialogue-bg: rgba(10, 20, 35, .8);--dialogue-bg-image: linear-gradient(rgba(0, 255, 255, .05) 1px, transparent 1px);--dialogue-bg-size: 100% 4px;--dialogue-animation: scanline 4s linear infinite;--dialogue-backdrop-filter: blur(10px) saturate(1.5);--dialogue-border: 2px solid transparent;--dialogue-border-image-slice: 1;--dialogue-border-image-source: linear-gradient(to bottom right, rgba(0, 255, 255, .8), rgba(247, 37, 133, .8));--dialogue-animation: scanline 4s linear infinite, border-flow 6s linear infinite;--dialogue-border-radius: 12px 0 12px 0;--dialogue-box-shadow: 0 0 30px rgba(0, 255, 255, .5), 0 0 15px rgba(247, 37, 133, .3), inset 0 0 10px rgba(0, 255, 255, .3);--dialogue-text-color: #e0f2fe;--dialogue-speaker-color: #f72585;--dialogue-speaker-text-shadow: 0 0 5px #f72585, 0 0 10px #f72585;--choice-btn-bg: rgba(72, 2, 106, .4);--choice-btn-bg-hover: rgba(72, 2, 106, .7);--choice-btn-border: 1px solid #b5179e;--choice-btn-border-hover: 1px solid #f72585;--choice-btn-text-color: #e0f2fe;--choice-btn-border-radius: 4px;--choice-btn-box-shadow-hover: 0 0 10px rgba(247, 37, 133, .5);--control-btn-bg: rgba(0, 255, 255, .2);--control-btn-bg-hover: rgba(0, 255, 255, .4);--control-btn-text-color: #00ffff;--control-btn-icon-color: var(--control-btn-text-color);--control-btn-border-radius: 50%;--control-btn-box-shadow: 0 0 8px rgba(0,255,255,.5);--control-btn-box-shadow-hover: 0 0 15px rgba(0,255,255,.8);--panel-bg: rgba(5, 10, 20, .9);--panel-backdrop-filter: blur(15px);--panel-border: 1px solid rgba(0, 255, 255, .3);--panel-text-color: #e0f2fe;--panel-title-color: #00ffff;--panel-box-shadow: -10px 0 30px rgba(0,0,0,.5)}[data-theme=romance]{--theme-name: "Sakura Romance";--font-family-main: "LXGW WenKai TC", "Noto Serif SC", serif;--font-family-display: "LXGW WenKai TC", "Mochiy Pop One", cursive;--dialogue-bg: #fff9fb;--dialogue-bg-image: url(/textures/romance-paper.jpg);--dialogue-bg-size: auto;--dialogue-animation: none;--dialogue-backdrop-filter: none;--dialogue-border: 1px solid #ffc2d1;--dialogue-border-image: none;--dialogue-border-radius: 16px;--dialogue-box-shadow: 0 4px 16px rgba(255, 194, 209, .4), inset 0 0 5px rgba(255, 255, 255, .8);--dialogue-text-color: #6d4b5a;--dialogue-speaker-color: #e56a9a;--dialogue-speaker-text-shadow: 1px 1px 2px rgba(255, 255, 255, .7);--choice-btn-bg: rgba(255, 231, 238, .6);--choice-btn-bg-hover: rgba(255, 221, 232, .9);--choice-btn-border: 1px solid #ffb3c6;--choice-btn-border-hover: 1px solid #ff8fab;--choice-btn-text-color: var(--dialogue-text-color);--choice-btn-border-radius: 12px;--choice-btn-box-shadow-hover: 0 2px 8px rgba(255, 143, 171, .3);--control-btn-bg: #ff8fab;--control-btn-bg-hover: #fb6f92;--control-btn-text-color: #fff;--control-btn-icon-color: #fff;--control-btn-border-radius: 50%;--control-btn-box-shadow: 0 2px 5px rgba(251, 111, 146, .4);--control-btn-box-shadow-hover: 0 4px 12px rgba(251, 111, 146, .5);--panel-bg: #fff9fb;--panel-backdrop-filter: none;--panel-border: 1px solid #ffc2d1;--panel-text-color: #6d4b5a;--panel-title-color: #e56a9a;--panel-box-shadow: -3px 0 15px rgba(255, 194, 209, .2);--panel-bg-overlay: rgba(255, 249, 251, .6)}[data-theme=tech]{--theme-name: "Tech Revolution";--font-family-main: "Noto Sans SC", sans-serif;--font-family-display: "Mochiy Pop One", sans-serif;--dialogue-bg: rgba(20, 30, 45, .85);--dialogue-bg-image: linear-gradient(rgba(60, 120, 180, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(60, 120, 180, .1) 1px, transparent 1px);--dialogue-bg-size: 20px 20px;--dialogue-backdrop-filter: blur(8px);--dialogue-border: 1px solid rgba(100, 180, 255, .4);--dialogue-border-radius: 8px;--dialogue-box-shadow: 0 2px 15px rgba(0, 0, 0, .3);--dialogue-text-color: #d0e0f0;--dialogue-speaker-color: #64b5f6;--dialogue-speaker-text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);--choice-btn-bg: rgba(66, 100, 140, .5);--choice-btn-bg-hover: rgba(66, 100, 140, .8);--choice-btn-border: 1px solid rgba(100, 180, 255, .5);--choice-btn-text-color: #d0e0f0;--panel-bg: rgba(15, 25, 40, .9);--panel-border: 1px solid rgba(100, 180, 255, .3);--panel-text-color: #d0e0f0;--panel-title-color: #64b5f6}[data-theme=civ]{--theme-name: "Ancient Civilization";--font-family-main: "Noto Serif SC", serif;--font-family-display: "Noto Serif SC", serif;--dialogue-bg: rgba(245, 235, 218, .9);--dialogue-bg-image: url(/textures/parchment-paper.jpg);--dialogue-backdrop-filter: none;--dialogue-border: 2px solid #c8b08a;--dialogue-border-radius: 8px;--dialogue-box-shadow: 0 4px 15px rgba(0, 0, 0, .3);--dialogue-text-color: #5a3a1a;--dialogue-speaker-color: #8a0303;--choice-btn-bg: rgba(139, 105, 65, .7);--choice-btn-bg-hover: rgba(139, 105, 65, .9);--choice-btn-border: 1px solid #e0d1b6;--choice-btn-text-color: #f5ebda;--panel-bg: rgba(46, 34, 25, .95);--panel-border: 1px solid #8b6941;--panel-text-color: #f5ebda;--panel-title-color: #e0b468}[data-theme=discovery]{--theme-name: "Age of Discovery";--font-family-main: "Noto Serif SC", serif;--font-family-display: "Mochiy Pop One", cursive;--dialogue-bg: rgba(220, 210, 190, .9);--dialogue-bg-image: url(/textures/noir-paper.jpg);--dialogue-backdrop-filter: none;--dialogue-border: 1px solid #8a7e6a;--dialogue-border-radius: 4px;--dialogue-box-shadow: 0 2px 10px rgba(0, 0, 0, .5);--dialogue-text-color: #4a4137;--dialogue-speaker-color: #005f73;--choice-btn-bg: rgba(0, 95, 115, .7);--choice-btn-bg-hover: rgba(0, 95, 115, .9);--choice-btn-border: 1px solid #94d2bd;--choice-btn-text-color: #e9d8a6;--panel-bg: rgba(10, 45, 55, .95);--panel-border: 1px solid #005f73;--panel-text-color: #e9d8a6;--panel-title-color: #94d2bd}[data-theme=enlightenment]{--theme-name: "Enlightenment";--font-family-main: "Noto Serif SC", serif;--font-family-display: "Noto Serif SC", serif;--dialogue-bg: #fdfbf7;--dialogue-bg-image: none;--dialogue-backdrop-filter: none;--dialogue-border: 1px solid #dcd3c4;--dialogue-border-radius: 2px;--dialogue-box-shadow: 0 1px 5px rgba(0, 0, 0, .1);--dialogue-text-color: #3d3a35;--dialogue-speaker-color: #8c2d19;--choice-btn-bg: rgba(240, 235, 225, .8);--choice-btn-bg-hover: rgba(230, 225, 215, 1);--choice-btn-border: 1px solid #c9c0b2;--choice-btn-text-color: #594f43;--panel-bg: #f4f1eb;--panel-border: 1px solid #dcd3c4;--panel-text-color: #3d3a35;--panel-title-color: #8c2d19}[data-theme=record]{--theme-name: "Historical Record";--font-family-main: "Noto Sans SC", sans-serif;--font-family-display: "Noto Sans SC", sans-serif;--dialogue-bg: rgba(245, 245, 245, .9);--dialogue-bg-image: none;--dialogue-backdrop-filter: blur(5px);--dialogue-border: 1px solid #e0e0e0;--dialogue-border-radius: 6px;--dialogue-box-shadow: 0 2px 8px rgba(0, 0, 0, .08);--dialogue-text-color: #333;--dialogue-speaker-color: #0d47a1;--choice-btn-bg: rgba(255, 255, 255, .8);--choice-btn-bg-hover: rgba(255, 255, 255, 1);--choice-btn-border: 1px solid #0d47a1;--choice-btn-text-color: #0d47a1;--panel-bg: #f0f0f0;--panel-border: 1px solid #e0e0e0;--panel-text-color: #333;--panel-title-color: #0d47a1}.config-sidebar{position:fixed;top:50%;left:50%;height:90vh;width:90%;max-width:1200px;max-height:800px;z-index:120;opacity:0;pointer-events:none;display:flex;flex-direction:column;border-radius:15px;transform:translate(-50%,-50%) scale(.95);transition:opacity .3s ease,transform .3s ease;background-color:var(--panel-bg);background-image:var(--panel-bg-image, none);-webkit-backdrop-filter:var(--panel-backdrop-filter);backdrop-filter:var(--panel-backdrop-filter);border:var(--panel-border);box-shadow:var(--panel-box-shadow)}.config-sidebar.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.config-sidebar h2{color:var(--panel-title-color)}#save-config-btn{background-color:var(--control-btn-bg);color:var(--control-btn-text-color)}#save-config-btn:hover{background-color:var(--control-btn-bg-hover)}#close-config-btn{position:absolute;top:1.5rem;right:1.5rem;width:2.75rem;height:2.75rem;background:#1e293bb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:130}#close-config-btn:hover{background:#334155e6;color:#fff;transform:scale(1.1) rotate(90deg)}.config-nav{display:flex;gap:.5rem;padding:0 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem;position:relative}.config-nav-link{background:transparent;border:none;padding:1rem 1.5rem;color:var(--panel-text-color);font-size:1rem;font-weight:500;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.7;border-radius:8px 8px 0 0}.config-nav-link:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--panel-title-color);transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:3px 3px 0 0;box-shadow:0 -2px 10px var(--panel-title-color)}.config-nav-link:hover{background:#ffffff0d;opacity:1;color:var(--panel-title-color)}.config-nav-link.active{opacity:1;color:var(--panel-title-color);background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);font-weight:600;text-shadow:0 0 10px rgba(var(--panel-title-rgb, 136, 170, 255),.3)}.config-nav-link.active:after{transform:scaleX(1)}.step-indicator{display:flex;justify-content:center;align-items:center;gap:0;margin-top:1rem;margin-bottom:2rem;position:relative}.step-indicator .step{color:var(--panel-text-color);opacity:.5;font-size:.9rem;padding:.5rem 1rem;position:relative;z-index:2;transition:all .4s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:default}.step-indicator .step:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--panel-bg);border:2px solid var(--panel-text-color);transition:all .4s ease;box-shadow:0 2px 5px #0003}.step-indicator .step:not(:last-child):after{content:"";position:absolute;top:11px;left:50%;width:100%;height:2px;background:#ffffff1a;z-index:-1;transition:all .4s ease}.step-indicator .step.active{opacity:1;font-weight:700;color:var(--panel-title-color);border-bottom-color:transparent}.step-indicator .step.active:before{background:var(--panel-title-color);border-color:var(--panel-title-color);box-shadow:0 0 15px var(--panel-title-color);transform:scale(1.3)}.writer-content{flex-grow:1;overflow-y:auto;padding:2rem;min-height:0}.writer-step-content{border:none;padding:0;margin:0;animation:stepFadeIn .5s cubic-bezier(.2,.8,.2,1)}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.writer-navigation{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;background:#0003;backdrop-filter:blur(10px)}.writer-navigation .game-button{min-width:140px}.writer-navigation .game-button.hidden,.writer-step-content.hidden{display:none}.config-content-panel{animation:panel-fade-in .5s ease-in-out}.config-content-panel h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--panel-border);color:var(--panel-title-color)}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.config-main-content{overflow-y:auto;flex-grow:1;padding:0 1rem 1rem}.config-main-content::-webkit-scrollbar{width:6px}.config-main-content::-webkit-scrollbar-track{background:transparent}.config-main-content::-webkit-scrollbar-thumb{background:#475569;border-radius:9999px}.advanced-options>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:1.125rem;font-weight:600;color:var(--panel-text-color);list-style:none;opacity:.9;transition:opacity .2s}.advanced-options>summary:hover{opacity:1;color:var(--panel-title-color)}.advanced-options>summary::-webkit-details-marker{display:none}.advanced-options .arrow{transition:transform .2s ease-in-out}.advanced-options[open] .arrow{transform:rotate(90deg)}#provider-management-section{border-top:1px solid var(--panel-border)}#provider-management-section h4{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--panel-title-color)}#provider-management-section>div:last-child{background-color:var(--choice-btn-bg)}#provider-management-section h5{font-size:1.125rem;font-weight:600;color:var(--panel-text-color)}#key-status{font-size:.85em;margin-top:5px;display:inline-block;height:1.2em}#key-status.testing{color:#ffc107}#key-status.valid{color:#28a745}#key-status.invalid{color:#dc3545}#key-status.error{color:#ff8aae}#history-panel{position:absolute;top:10%;left:50%;transform:translate(-50%);width:70%;max-width:700px;height:70%;max-height:600px;border-radius:10px;padding:25px;z-index:12;display:none;flex-direction:column;transition:background .5s ease,border .5s ease,box-shadow .5s ease,color .5s ease;background-color:var(--panel-bg);background-image:var(--panel-bg-image, none);-webkit-backdrop-filter:var(--panel-backdrop-filter);backdrop-filter:var(--panel-backdrop-filter);border:var(--panel-border);color:var(--panel-text-color);box-shadow:var(--panel-box-shadow)}#history-panel.visible{display:flex}#history-panel h3{color:var(--panel-title-color);margin-top:0;margin-bottom:15px;text-align:center;flex-shrink:0}#history-content{flex-grow:1;overflow-y:auto;padding-right:10px;margin-bottom:15px;line-height:1.6;scrollbar-color:var( --galgame-history-scrollbar-thumb-bg, rgba(255, 255, 255, .3) ) var(--galgame-history-scrollbar-track-bg, rgba(0, 0, 0, .2))}#history-content::-webkit-scrollbar{width:8px}#history-content::-webkit-scrollbar-track{background:var( --galgame-history-scrollbar-track-bg, rgba(0, 0, 0, .2) );border-radius:4px}#history-content::-webkit-scrollbar-thumb{background-color:var( --galgame-history-scrollbar-thumb-bg, rgba(255, 255, 255, .3) );border-radius:4px;border:1px solid rgba(0,0,0,.5)}#history-content::-webkit-scrollbar-thumb:hover{background-color:var( --galgame-history-scrollbar-thumb-hover-bg, rgba(255, 255, 255, .5) )}#close-history-btn{background-color:var(--galgame-history-close-btn-bg, #6c757d);color:#fff;padding:8px 15px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;font-size:.9em;align-self:center;flex-shrink:0}#close-history-btn:hover{background-color:var(--galgame-history-close-btn-hover-bg, #5a6268)}.save-load-modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;align-items:center;justify-content:center;transition:background-color .5s ease;background-color:#0009;background-color:var(--panel-bg-overlay, rgba(30, 41, 59, .6));-webkit-backdrop-filter:var(--panel-backdrop-filter);backdrop-filter:var(--panel-backdrop-filter)}.save-load-modal.visible{display:flex}.save-load-modal .modal-content{margin:auto;padding:25px;border-radius:10px;width:90%;max-width:500px;position:relative;transition:background .5s ease,border .5s ease,box-shadow .5s ease,color .5s ease;background-color:var(--panel-bg);background-image:var(--panel-bg-image, none);border:var(--panel-border);color:var(--panel-text-color);box-shadow:var(--panel-box-shadow)}.save-load-modal .close-modal-btn{color:#aaa;position:absolute;top:10px;right:15px;font-size:28px;font-weight:700;background:none;border:none;cursor:pointer}.save-load-modal .close-modal-btn:hover,.save-load-modal .close-modal-btn:focus{color:#fff;text-decoration:none}.save-load-modal h3{color:var(--panel-title-color);margin-top:0;text-align:center;margin-bottom:20px}#save-slots-container{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:15px;max-height:50vh;overflow-y:auto;padding-right:5px}.save-slot{display:flex;justify-content:space-between;align-items:center;padding:15px;border-radius:8px;cursor:pointer;transition:background-color .3s;background:var(--choice-btn-bg);border:var(--choice-btn-border);color:var(--choice-btn-text-color)}.save-slot:hover{background:var(--choice-btn-bg-hover);border:var(--choice-btn-border-hover)}.save-slot.empty{color:#888;font-style:italic}.save-slot .slot-info{flex-grow:1}.save-slot .slot-date{font-size:.8em;color:var(--panel-text-color);opacity:.8;margin-top:5px}.save-slot .slot-actions button{margin-left:10px;padding:6px 12px;border:1px solid var(--choice-btn-border);border-radius:8px;color:var(--choice-btn-text-color);background-color:var(--choice-btn-bg);cursor:pointer;font-size:.9em;font-weight:600;transition:all .2s ease-in-out;box-shadow:1px 1px 3px #0003,inset 0 1px 1px #ffffff1a}.save-slot .slot-actions button:hover{transform:translateY(-2px);box-shadow:2px 4px 6px #00000040,inset 0 1px 2px #fff3;filter:brightness(1.1)}.save-slot .slot-actions .save-btn{filter:hue-rotate(45deg) saturate(1.2)}.save-slot .slot-actions .load-btn{filter:hue-rotate(0deg)}.save-slot .slot-actions .delete-btn{filter:hue-rotate(-40deg) saturate(1.2)}.modal-info{font-size:.9em;color:var(--panel-text-color);opacity:.8;text-align:center;margin-top:10px;min-height:1.2em}.story-ending-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;z-index:20;color:#fff;box-shadow:0 0 30px #000000b3;border:1px solid rgba(255,255,255,.2);text-align:center;animation:fadeIn 1s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ending-header{margin-bottom:20px}.ending-header h2{font-size:1.8em;margin-bottom:10px;color:#fc9}.ending-type{display:inline-block;padding:5px 15px;border-radius:20px;font-size:.9em;font-weight:700}.ending-type.good{background:#2ecc71cc}.ending-type.neutral{background:#f1c40fcc}.ending-type.bad{background:#e74c3ccc}.ending-content{line-height:1.7;margin-bottom:30px;text-align:left;max-height:40vh;overflow-y:auto;padding:10px;border-radius:8px;background:#ffffff0d}.ending-buttons{display:flex;justify-content:center;gap:20px}.ending-buttons button{padding:10px 25px;border:none;border-radius:25px;background:#6495edb3;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1em}.ending-buttons button:hover{background:#82a9f7d9;transform:translateY(-2px)}.restart-button{background:#4a8af4!important}.share-button{background:#9c59b6!important}#galgame-container.cg-active #dialogue-box{background-color:#00000080;border-color:#ffffff4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#galgame-container.cg-active #speaker-name{background-color:transparent;color:#fffffff2}#galgame-container.cg-active .game-controls{background:#0000004d}#galgame-container.cg-active #toggle-history-btn{background-color:#00000080;border-color:#ffffff4d}.cg-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem;max-height:70vh;overflow-y:auto}.cg-gallery-item{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 4px 6px #0000001a}.cg-gallery-item:hover{transform:scale(1.05);box-shadow:0 8px 15px #0003}.cg-gallery-item img{width:100%;height:100%;object-fit:cover}.cg-lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem;box-sizing:border-box}.cg-lightbox-content{display:flex;gap:2rem;max-width:90vw;max-height:90vh;position:relative}.cg-lightbox-content img{max-width:65vw;max-height:90vh;object-fit:contain;border-radius:8px}.cg-lightbox-info{background-color:var(--panel-bg-color, #1a202c);padding:1.5rem;border-radius:8px;width:300px;display:flex;flex-direction:column;color:var(--text-color, #E2E8F0)}.cg-lightbox-info textarea{flex-grow:1;margin-top:.5rem;resize:none;background-color:var(--input-bg-color, #2D3748);color:var(--input-text-color, #CBD5E0)}.setting-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.setting-card:hover{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 8px 30px #0003}.card-title{margin-top:0;margin-bottom:1.25rem;font-size:1.1rem;color:var(--panel-title-color);font-weight:700;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem;letter-spacing:.02em}.glass-panel{background:var(--glass-bg, rgba(15, 23, 42, .6));backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 10px 40px #0000004d}.form-label{display:block;margin-bottom:.6rem;font-size:.9rem;font-weight:600;color:var(--panel-text-color);letter-spacing:.02em;opacity:.95;transition:color .3s ease}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003;background:#0003;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);color:var(--panel-text-color);font-family:var(--font-family-main);font-size:.95rem}.form-select{padding-right:2.5rem;appearance:none;-webkit-appearance:none;background-image:none}.form-input:focus,.form-textarea:focus,.form-select:focus{background:#1e293b80;border-color:var(--panel-title-color, #88aaff);box-shadow:0 0 0 1px var(--panel-title-color, #88aaff),var(--primary-glow);outline:none;transform:translateY(-1px)}.form-input::placeholder,.form-textarea::placeholder{color:var(--panel-text-color);opacity:.4;font-style:italic}#toggle-api-key-visibility{color:var(--panel-text-color);opacity:.5;transition:all .2s}#toggle-api-key-visibility:hover{opacity:1;color:var(--panel-title-color);filter:drop-shadow(0 0 5px var(--panel-title-color))}input[type=password]{font-family:monospace;letter-spacing:.1em}.form-textarea{min-height:100px;line-height:1.6;resize:vertical}.form-checkbox{width:1.25rem;height:1.25rem;appearance:none;background-color:#0000004d;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;vertical-align:middle;position:relative;transition:all .2s ease}.form-checkbox:checked{background-color:var(--panel-title-color, #88aaff);border-color:var(--panel-title-color, #88aaff);box-shadow:var(--primary-glow)}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.9rem;font-weight:700}.form-range{width:100%;height:6px;background:#ffffff1a;border-radius:3px;-webkit-appearance:none;appearance:none;cursor:pointer;margin:10px 0}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--panel-title-color, #88aaff);border:2px solid rgba(255,255,255,.8);box-shadow:0 0 10px #00000080;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:-6px}.form-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--panel-title-color, #88aaff);border:2px solid rgba(255,255,255,.8);box-shadow:0 0 10px #00000080;cursor:pointer;transition:transform .2s,box-shadow .2s}.form-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--primary-glow)}.form-range::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#ffffff1a;border-radius:3px}.form-button-sm,.form-button-adj{padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;border-radius:10px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;background-color:var(--choice-btn-bg);color:var(--choice-btn-text-color);border:var(--choice-btn-border);backdrop-filter:blur(5px)}.form-button-sm:hover,.form-button-adj:hover{background-color:var(--choice-btn-bg-hover);border-color:var(--choice-btn-border-hover);box-shadow:var(--choice-btn-box-shadow-hover);transform:translateY(-2px)}.form-button-sm:active,.form-button-adj:active{transform:translateY(0)}.select-wrapper{position:relative}.select-wrapper:after{content:"";width:.8em;height:.8em;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%) rotate(45deg);pointer-events:none;border-right:2px solid var(--panel-text-color);border-bottom:2px solid var(--panel-text-color);opacity:.6;transition:all .3s ease;margin-top:-.2em}.select-wrapper:hover:after{opacity:1;border-color:var(--panel-title-color, #88aaff);transform:translateY(-50%) rotate(45deg) scale(1.1)}#history-content .history-entry{margin-bottom:15px;padding-bottom:10px;border-bottom:1px dashed rgba(255,255,255,.15)}#history-content .history-entry:last-child{border-bottom:none}#history-content .history-role-user{font-weight:700;color:var(--galgame-history-role-user-color, #88cc88);margin-bottom:5px;font-size:1.1em;text-shadow:1px 1px 2px rgba(0,0,0,.5)}#history-content .history-role-model{font-weight:700;color:var(--galgame-history-role-model-color, #88aaff);margin-bottom:5px;font-size:1.1em;text-shadow:1px 1px 2px rgba(0,0,0,.5)}#history-content .history-dialogue-content{margin-top:8px;padding-left:10px;border-left:2px solid rgba(255,255,255,.1)}#history-content .history-dialogue-content p{margin-bottom:.8em}#history-content .history-dialogue-content p:last-child{margin-bottom:0}#history-content .history-dialogue-content h1,#history-content .history-dialogue-content h2,#history-content .history-dialogue-content h3{margin-top:1em;margin-bottom:.5em;color:var(--galgame-config-link-color, #88aaff);border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.2em}#history-content .history-dialogue-content strong{color:var(--galgame-speaker-name-color, #ffcc99)}#history-content .history-dialogue-content em{color:#90ee90}#history-content .history-dialogue-content ul,#history-content .history-dialogue-content ol{padding-left:25px;margin-bottom:.8em}#history-content .history-dialogue-content li{margin-bottom:.4em}#history-content .history-dialogue-content code{background-color:#ffffff1a;padding:2px 5px;border-radius:4px;font-family:Courier New,Courier,monospace;color:#f0f0f0;font-size:.9em}#history-content .history-dialogue-content pre{background-color:#0000004d;padding:10px;border-radius:5px;overflow-x:auto;margin-bottom:.8em}#history-content .history-dialogue-content pre code{background:none;padding:0}#history-content .history-dialogue-content blockquote{border-left:3px solid var(--galgame-control-btn-bg, #6495ed);padding-left:10px;margin:.8em 0;color:#ccc;font-style:italic}#history-content .history-dialogue-content a{color:var(--galgame-config-link-color, #88aaff);text-decoration:underline}#history-content .history-dialogue-content a:hover{filter:brightness(1.2)}#history-content .history-dialogue-segment{margin-bottom:10px}.provider-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:.5rem;background-color:rgba(var(--gray-300-rgb),.1);border:1px solid rgba(var(--gray-400-rgb),.2)}.dark .provider-item{background-color:rgba(var(--gray-700-rgb),.2);border-color:rgba(var(--gray-600-rgb),.3)}.provider-item:hover{background-color:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3)}.provider-item-info .name{font-weight:600;color:var(--panel-text-color)}.provider-item-info .type{font-size:.875rem;color:var(--panel-text-color);opacity:.7;margin-left:.75rem;background-color:#0000001a;padding:.125rem .5rem;border-radius:9999px}.provider-item-actions{display:flex;gap:.5rem}.provider-item-actions button{background:transparent;border:none;cursor:pointer;padding:.25rem;font-size:1.25rem;color:var(--panel-text-color);opacity:.6;transition:color .2s ease-in-out,transform .2s ease-in-out,opacity .2s ease-in-out}.provider-item-actions button:hover{color:var(--panel-title-color);opacity:1;transform:scale(1.1)}input[type=range]{width:100%;-webkit-appearance:none;appearance:none;background:#ffffff1a;height:6px;border-radius:3px;margin:10px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--galgame-control-btn-bg, rgba(100, 149, 237, .7));cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--galgame-control-btn-bg, rgba(100, 149, 237, .7));cursor:pointer;border:none}.range-labels,.config-main-content small{display:block;font-size:.8em;color:var(--panel-text-color);opacity:.7;margin-top:.25rem}.range-labels{display:flex;justify-content:space-between}input[type=file]{color:transparent}input[type=file]::file-selector-button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:background-color .2s;cursor:pointer;background-color:var(--choice-btn-bg);color:var(--choice-btn-text-color);border:var(--choice-btn-border);margin-right:1rem}input[type=file]::file-selector-button:hover{background-color:var(--choice-btn-bg-hover);border-color:var(--choice-btn-border-hover)}#start-screen{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:transparent;color:var(--dialogue-text-color, #f9fafb);z-index:100;transition:opacity .5s ease-out;opacity:1}#start-screen.hidden{opacity:0;pointer-events:none}@keyframes pulse-border{0%{border-color:#ffffff26;box-shadow:0 4px 25px #0006}50%{border-color:var(--panel-title-color, #88aaff);box-shadow:0 0 15px var(--panel-title-color, #88aaff),0 4px 25px #0006}to{border-color:#ffffff26;box-shadow:0 4px 25px #0006}}.start-menu-container{text-align:center;padding:3rem;border-radius:var(--dialogue-border-radius, 24px);background:var(--dialogue-bg, rgba(15, 23, 42, .85));border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 25px #0006;-webkit-backdrop-filter:var(--dialogue-backdrop-filter, blur(16px));backdrop-filter:var(--dialogue-backdrop-filter, blur(16px));animation:fadeIn 1s ease-out,pulse-border 4s infinite ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glitch{0%{text-shadow:2px 0 var(--c-primary, #F4D03F),-2px 0 var(--c-secondary, #85C1E9)}10%{text-shadow:2px 0 var(--c-primary, #F4D03F),-2px 0 var(--c-secondary, #85C1E9)}20%{text-shadow:-2px 0 var(--c-primary, #F4D03F),2px 0 var(--c-secondary, #85C1E9);clip-path:inset(0 0 0 0)}21%{clip-path:inset(20% 0 10% 0)}25%{clip-path:inset(50% 0 30% 0)}30%{clip-path:inset(0 0 0 0)}to{text-shadow:2px 0 var(--c-primary, #F4D03F),-2px 0 var(--c-secondary, #85C1E9)}}.game-title{font-family:var(--font-family-display, "Mochiy Pop One", sans-serif);font-size:3.5rem;color:var(--dialogue-speaker-color, #f87171);text-shadow:2px 2px 0px rgba(0,0,0,.2);margin-bottom:.5rem;position:relative;animation:glitch 5s infinite}.game-subtitle{font-family:var(--font-family-main, "Noto Sans SC", sans-serif);font-size:1.2rem;color:var(--dialogue-text-color, #e2e8f0);margin-bottom:3rem;opacity:.9;letter-spacing:1px}.start-menu-buttons{display:flex;flex-direction:column;gap:1.2rem;align-items:center}.game-button{font-family:var(--font-family-main, "Noto Sans SC", sans-serif);font-weight:700;font-size:1.25rem;color:var(--choice-btn-text-color, white);background:var(--choice-btn-bg, rgba(30, 41, 59, .6));border:var(--choice-btn-border, 1px solid rgba(255, 255, 255, .1));border-radius:16px;padding:1.1rem 2.5rem;min-width:300px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 10px #0003,inset 0 1px #ffffff1a;position:relative;overflow:hidden;backdrop-filter:blur(10px);letter-spacing:.05em;text-transform:uppercase}.game-button:after{content:"";position:absolute;top:0;left:-150%;width:200%;height:100%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 45%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 55%,transparent 70%);transition:none;transform:skew(-20deg)}.game-button:hover:after{animation:button-shine .75s ease-in-out}@keyframes button-shine{0%{left:-150%}to{left:150%}}.game-button:hover{background:var(--choice-btn-bg-hover, rgba(50, 60, 80, .8));border-color:var(--panel-title-color, #88aaff);color:#fff;box-shadow:0 10px 25px #0000004d,0 0 20px var(--primary-glow, rgba(136, 170, 255, .4));transform:translateY(-4px) scale(1.02);text-shadow:0 0 8px rgba(255,255,255,.6)}.game-button:active{transform:translateY(-1px) scale(.98);box-shadow:0 2px 10px #0003,0 0 10px #8af3}.game-button.secondary{background:transparent;border:1px solid rgba(255,255,255,.1);font-size:1rem;padding:.8rem 1.7rem;opacity:.85;color:var(--choice-btn-text-color, #cbd5e1);min-width:200px;box-shadow:none;text-transform:none}.game-button.secondary:hover{background:#ffffff0d;border-color:#fff6;opacity:1;box-shadow:0 0 15px #ffffff1a}.game-button.danger{background:#dc262633;border-color:#dc262666;color:#fca5a5}.game-button.danger:hover{background:#dc262666;border-color:#dc2626cc;box-shadow:0 0 15px #dc262680}#story-writer-screen,#story-gallery-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a;color:var(--panel-text-color, #cbd5e1);z-index:110;display:flex;align-items:center;justify-content:center;padding:2rem}.story-writer-container,.gallery-container{margin:auto;display:flex;flex-direction:column;width:100%;max-width:100%;height:100%;background:var(--panel-bg, rgba(15, 23, 42, .95));border:none;border-radius:0;box-shadow:none;overflow:hidden}.writer-header,.gallery-header{padding:1rem 1.5rem;border-bottom:var(--panel-border, 1px solid rgba(255, 255, 255, .1));text-align:center;position:relative;flex-shrink:0}.back-button{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--panel-text-color, #cbd5e1);cursor:pointer;font-size:.9rem;opacity:.8;transition:opacity .2s;z-index:100}.back-button:hover{opacity:1}.writer-header h2,.gallery-header h2{font-family:var(--font-family-display, "Mochiy Pop One", sans-serif);font-size:1.5rem;color:var(--panel-title-color, #88aaff);margin:0}.writer-layout-split{display:flex;flex-direction:row;height:100%;width:100%;gap:2rem;position:relative;overflow:hidden}.writer-form-column{flex:3;overflow:hidden;padding-right:18px;display:flex;flex-direction:column;min-width:0}.writer-preview-column{flex:2;position:relative;display:flex;flex-direction:column;height:100%;min-width:320px}.writer-content{flex-grow:1;overflow-y:auto;padding:0 0 2rem;min-height:0}.writer-step-content{border:none;padding:0;margin:0;animation:stepFadeIn .5s ease-out}.writer-navigation{flex-shrink:0;padding:1.5rem 2rem;background:var(--panel-bg, rgba(15, 23, 42, .95));border-top:1px solid rgba(255,255,255,.08);z-index:20;display:flex;justify-content:space-between;align-items:center}.preview-card{height:100%;width:100%;padding:2rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.preview-title{font-family:var(--font-family-display);color:var(--dialogue-speaker-color);font-size:1.5rem;margin-top:0;margin-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem;text-align:center}#preview-content-area{flex-grow:1;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:12px;border:1px dashed rgba(255,255,255,.1);overflow:hidden;position:relative}.preview-placeholder{text-align:center;color:#ffffff4d}.preview-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.preview-img-large{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px #00000080}.preview-caption{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#000000b3;color:#fff;padding:.5rem;border-radius:8px;text-align:center;backdrop-filter:blur(5px)}.input-with-button{display:flex;gap:.5rem;width:100%}.ai-action-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--panel-text-color);cursor:pointer;transition:all .2s}.ai-action-btn:hover{background:var(--choice-btn-bg-hover);color:#fff;transform:scale(1.1)}@media (max-width: 1024px){.writer-layout-split{flex-direction:column;overflow-y:auto}.writer-form-column,.writer-preview-column{flex:none;width:100%;height:auto;overflow:visible}.writer-preview-column{height:500px;order:-1;order:2}}.gallery-layout{display:flex;flex-grow:1;min-height:0;position:relative}#gallery-sidebar{position:relative;width:320px;flex-shrink:0;background:#0003;border-right:1px solid var(--panel-border, rgba(255, 255, 255, .1));overflow-y:auto;padding:1rem 0;transition:width .3s ease,padding .3s ease}#gallery-sidebar::-webkit-scrollbar{width:8px}#gallery-sidebar::-webkit-scrollbar-track{background:#0000001a}#gallery-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}#gallery-sidebar::-webkit-scrollbar-thumb:hover{background:#fff6}#gallery-sidebar.hidden{width:0;padding:0;overflow:hidden;border-right:none}.sidebar-toggle-btn{position:absolute;bottom:1rem;right:-1.25rem;z-index:10;width:2.5rem;height:2.5rem;background-color:var(--panel-bg, rgba(15, 23, 42, .95));border:1px solid var(--panel-border, rgba(255, 255, 255, .1));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--panel-text-color, #cbd5e1)}.sidebar-toggle-btn:hover{background-color:var(--panel-title-color, #88aaff);color:#fff;transform:scale(1.1)}#gallery-sidebar.hidden .sidebar-toggle-btn{right:-1.25rem}.sidebar-toggle-btn{position:absolute;top:50%;left:320px;transform:translate(-50%,-50%);z-index:150;width:2.5rem;height:2.5rem;background-color:var(--panel-bg, rgba(15, 23, 42, .95));border:1px solid var(--panel-border, rgba(255, 255, 255, .1));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--panel-text-color, #cbd5e1)}.sidebar-toggle-btn:hover{background-color:var(--panel-title-color, #88aaff);color:#fff;transform:translate(-50%,-50%) scale(1.1)}#gallery-sidebar.hidden+.sidebar-toggle-btn{left:0}.sidebar-toggle-btn .icon-expand{display:none}.sidebar-toggle-btn .icon-collapse{display:block}#gallery-sidebar.hidden+.sidebar-toggle-btn .icon-expand{display:block}#gallery-sidebar.hidden+.sidebar-toggle-btn .icon-collapse{display:none}.gallery-story-item{padding:1rem 1.5rem;cursor:pointer;border-left:4px solid transparent;transition:background-color .2s ease,border-color .2s ease}.gallery-story-item:hover{background-color:#ffffff0d}.gallery-story-item.active{background-color:#88aaff1a;border-left-color:var(--panel-title-color, #88aaff)}.gallery-story-item h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:700;color:var(--panel-text-color, #cbd5e1)}.gallery-story-item p{margin:0;font-size:.85rem;opacity:.7;line-height:1.4}#gallery-main-content{flex-grow:1;position:relative}#gallery-story-details{width:100%;height:100%;display:flex;flex-direction:column}.story-cover-container{position:relative;width:100%;height:55%;flex-shrink:0}.story-cover-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0}.story-cover-overlay{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,var(--panel-bg, rgba(15, 23, 42, .95)) 20%,transparent)}.story-info-panel{padding:2rem;flex-grow:1;overflow-y:auto}#story-title-detail{font-family:var(--font-family-display, "Mochiy Pop One", sans-serif);font-size:2.5rem;color:var(--dialogue-speaker-color, #f87171);margin:0 0 1rem;position:relative;z-index:1;text-shadow:2px 2px 5px rgba(0,0,0,.7)}#story-description-detail{font-size:1rem;line-height:1.6;opacity:.9;margin-bottom:2rem;max-width:80ch}.story-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.story-actions .game-button{min-width:150px}#gallery-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ffffff4d;font-size:1.2rem}#gallery-story-details.hidden,#gallery-save-slots.hidden,#gallery-chapter-tree-view.hidden{display:none}#gallery-save-slots{padding:2rem;overflow-y:auto;height:100%}#gallery-chapter-tree-view{height:100%;width:100%}.save-slot-item{background:#0003;border:1px solid var(--choice-btn-border, rgba(148, 163, 184, .4));border-radius:var(--choice-btn-border-radius, 8px);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease}.save-slot-item:hover{transform:translateY(-5px);box-shadow:var(--choice-btn-box-shadow-hover, 0 4px 15px rgba(0,0,0,.4));border-color:var(--choice-btn-border-hover, rgba(148, 163, 184, .7))}@media (max-width: 768px){#galgame-container{max-height:calc(100vh - 20px);border-radius:0;margin:10px auto}.character-area{height:55%;max-width:45%}#dialogue-box{width:95%;min-height:120px;max-height:45%;padding:15px 20px}#speaker-name{font-size:1.05em}#dialogue-text{font-size:.95em}#game-controls{bottom:15px;right:15px;gap:8px}.control-button{padding:8px 15px;font-size:.9em}#history-panel{width:90%;height:75%}#config-panel{width:90%;max-width:350px;right:50%;transform:translate(50%);top:5%}#toggle-config-btn{top:10px;right:10px;width:35px;height:35px;font-size:18px}.image-upload-section{flex-direction:column;align-items:stretch}.image-preview{max-width:60px;max-height:60px}.story-progress-bar{width:90%}#story-writer-screen,#story-gallery-screen{padding:0}.gallery-container{height:100%;width:100%;max-width:100%;border-radius:0;box-shadow:none}.gallery-layout{flex-direction:column;height:100%}#gallery-sidebar{width:100%;flex-shrink:0;border-right:none;border-bottom:none;padding-top:.5rem;box-shadow:0 2px 8px #0000004d;max-height:40vh;overflow-y:auto}.gallery-story-item{border-radius:8px;margin:0 .5rem .5rem;padding:.75rem 1rem}#gallery-placeholder{display:none!important}#gallery-main-content{flex-grow:1;min-height:0;display:flex;flex-direction:column}.story-cover-container{height:30%}.story-info-panel{padding:1rem;flex-grow:1;overflow-y:auto}#story-title-detail{font-size:1.5rem}#story-description-detail{font-size:.9rem;margin-bottom:1.5rem}.story-actions{flex-direction:column;gap:.75rem;align-items:stretch;margin-top:auto;padding-top:1rem}.story-actions .game-button{flex-grow:0;width:100%}.story-actions .game-button,.story-actions .game-button.secondary,.story-actions .game-button.danger{background-color:var(--choice-btn-bg, rgba(71, 85, 105, .5));border-color:var(--choice-btn-border, rgba(148, 163, 184, .4));color:var(--choice-btn-text-color, #e2e8f0)}.story-actions .game-button:hover{background-color:var(--choice-btn-bg-hover, rgba(71, 85, 105, .75));border-color:var(--choice-btn-border-hover, 1px solid rgba(148, 163, 184, .7))}.story-actions .game-button.danger{background-color:#dc26264d;border-color:#dc262666}.story-actions .game-button.danger:hover{background-color:#dc262680;border-color:#dc262699}}@media (max-width: 480px){.character-area{height:50%;max-width:55%}#ai-character-area{right:2%}#player-character-area{left:2%}#dialogue-box{max-height:50%;padding:10px 15px}#speaker-name{font-size:1em}#dialogue-text{font-size:.9em}.control-button{padding:6px 12px;font-size:.85em}#history-panel{width:95%;height:80%;padding:15px}#config-panel{padding:15px;width:95%}.image-preview{max-width:50px;max-height:50px}#game-controls{flex-direction:column;right:10px;bottom:auto;top:60px;gap:5px}.choice-button{padding:12px 15px;margin-bottom:8px}.story-ending-panel{width:95%;padding:20px}}.chapter-tree-container{display:flex;gap:2rem;padding:1rem;overflow-x:auto;height:100%}#chapter-tree-graph{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;min-width:-webkit-fill-available;min-width:fit-content}.tree-level{display:flex;justify-content:flex-start;gap:2rem;position:relative;width:100%}.tree-node-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.tree-children-container{display:flex;gap:2rem;padding-left:1rem;position:relative}.tree-children-container.is-choice{padding:1rem;border:2px dashed var(--border-color, #555);border-radius:8px;margin-top:1rem}.tree-node{width:220px;padding:1rem;border:1px solid var(--border-color, #444);background:linear-gradient(145deg,var(--panel-bg-color-light, #3a3a40),var(--panel-bg-color, #2a2a2e));border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0003,0 1px 3px #0000001a;position:relative;z-index:10}.tree-node:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 12px #0000004d,0 3px 6px #00000026;border-color:var(--accent-color, #aaffaa)}.tree-node.active{border-color:var(--accent-color-strong, #f0f0f0);box-shadow:0 0 20px -5px var(--accent-color, #aaffaa),0 4px 6px #0003;transform:scale(1.03)}.tree-node-title{font-weight:700;font-size:1rem;margin-bottom:.5rem;color:var(--panel-title-color, #ffffff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node-summary{font-size:.875rem;color:var(--text-color-secondary, #aaaaaa);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#chapter-detail-content{flex-shrink:0;width:350px;height:fit-content;position:sticky;top:1rem;background-color:var(--panel-bg-color, #2a2a2e);border:1px solid var(--border-color, #444);border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #00000080}#chapter-detail-placeholder{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-color-secondary, #aaaaaa)}.chapter-detail-card .chapter-cover-image{width:100%;height:200px;object-fit:cover;border-radius:6px;margin-bottom:1rem;background-color:var(--border-color, #444)}.chapter-detail-card h4{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--panel-title-color, #ffffff)}.chapter-detail-card p{font-size:.9rem;line-height:1.6;color:var(--text-color, #dddddd);max-height:200px;overflow-y:auto}.leader-line{z-index:5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease;pointer-events:none}.modal-overlay:not(.hidden){opacity:1;pointer-events:auto}.modal-content-wrapper{position:relative;background-color:var(--panel-bg-color, #2a2a2e);border-radius:12px;padding:2rem;width:90%;max-width:500px;box-shadow:0 10px 30px #00000080;transform:scale(.95);transition:transform .3s ease}.modal-overlay:not(.hidden) .modal-content-wrapper{transform:scale(1)}#chapter-detail-modal-content .chapter-cover-image{height:250px}.gacha-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px;height:100%;overflow-y:auto;align-content:start;min-height:400px}.gacha-placeholder{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--panel-text-color);opacity:.5;text-align:center;height:100%;min-height:300px}.gacha-placeholder .preview-icon{font-size:3rem;margin-bottom:1rem}.gacha-card{background-color:transparent;width:100%;aspect-ratio:2.5 / 3.5;perspective:1000px;cursor:pointer}.gacha-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;box-shadow:0 10px 30px #0000004d;border-radius:12px}.gacha-card.is-flipped .gacha-card-inner{transform:rotateY(180deg)}.gacha-card-front,.gacha-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.gacha-card-front{background:#1a202c;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;flex-direction:column}.gacha-card-image-container{flex-grow:1;position:relative;overflow:hidden;width:100%}.gacha-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gacha-card:hover .gacha-card-image{transform:scale(1.1)}.gacha-card-name-tag{position:absolute;bottom:0;left:0;width:100%;padding:10px 5px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:2}.gacha-card-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:1px}.gacha-card-role{font-size:.8rem;color:#cbd5e1;text-transform:uppercase;letter-spacing:2px;margin-bottom:2px}.gacha-card-stars{position:absolute;top:8px;left:8px;color:#fbbf24;text-shadow:0 0 5px rgba(251,191,36,.5);font-size:.9rem;z-index:2}.gacha-card-back{background:#0f172a;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,#1e293b,#0f172a);background-size:20px 20px,100% 100%;transform:rotateY(180deg);padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e2e8f0}.gacha-back-title{font-family:var(--font-display);color:var(--panel-title-color);font-size:1.1rem;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px;width:100%}.gacha-stats-grid{display:grid;grid-template-columns:1fr;gap:10px;width:100%;text-align:left;font-size:.9rem}.gacha-stat-row{display:flex;flex-direction:column;margin-bottom:5px}.gacha-stat-label{color:#94a3b8;font-size:.75rem;text-transform:uppercase}.gacha-stat-value{color:#f1f5f9;font-weight:500}.gacha-persona-box{margin-top:15px;background:#0000004d;padding:10px;border-radius:6px;width:100%;height:80px;overflow-y:auto;font-size:.8rem;text-align:left;font-style:italic;color:#cbd5e1;scrollbar-width:thin}.gacha-card.rarity-ssr .gacha-card-inner{box-shadow:0 0 15px #ffd70066;border:1px solid rgba(255,215,0,.5)}.gacha-card.rarity-ssr .gacha-card-front:after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:12px;background:linear-gradient(135deg,gold,#fdb931,#ffecb3,#fdb931) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}.gacha-card.rarity-sr .gacha-card-inner{box-shadow:0 0 10px #c0c0c04d;border:1px solid rgba(192,192,192,.4)}.gacha-card.rarity-sr .gacha-card-front:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.3);border-radius:10px;pointer-events:none}.gallery-character-view{display:flex;flex-direction:column;height:100%;width:100%;padding:1rem;box-sizing:border-box;background-color:var(--panel-bg, #f0f4f8);background-image:var(--dialogue-bg-image, none);background-size:var(--dialogue-bg-size, auto);font-family:var(--font-family-main, "Segoe UI", sans-serif);overflow:hidden;border-left:1px solid var(--panel-border, #e2e8f0);transition:background-color .5s ease}.character-selector-bar{display:flex;justify-content:center;gap:1rem;padding:.5rem;margin-bottom:1rem;background-color:transparent;border-radius:50px;flex-shrink:0;position:relative;z-index:10}.character-avatar{width:65px;height:65px;border-radius:50%;border:3px solid var(--panel-border, #e2e8f0);cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);object-fit:cover;background-color:#fff;box-shadow:0 2px 8px #0000000d}.character-avatar:hover{transform:scale(1.1) translateY(-3px);border-color:var(--dialogue-speaker-color, #f87171)}.character-avatar.active{border-color:var(--dialogue-speaker-color, #f87171);transform:scale(1.2) translateY(-5px);box-shadow:0 8px 25px var(--choice-btn-bg-hover, rgba(255, 121, 198, .5))}.character-display-area{display:flex;flex-grow:1;gap:1.5rem;height:calc(100% - 100px)}.character-portrait-container{flex:0 0 45%;display:flex;align-items:center;justify-content:center;position:relative;padding:1rem}.character-portrait-bg{position:absolute;width:80%;height:80%;background:radial-gradient(ellipse at center,var(--choice-btn-bg-hover, rgba(255, 255, 255, .8)) 0%,transparent 70%);border-radius:50%;z-index:0;filter:blur(15px)}.character-full-portrait{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15));position:relative;z-index:1}.character-quote{position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(-90deg);transform-origin:top left;font-size:1.8rem;font-weight:300;font-family:Kaiti,STKaiti,serif;color:var(--panel-text-color, #a48fb8);white-space:nowrap;opacity:.7;z-index:2;letter-spacing:2px}.character-details-container{flex:1;padding:2rem 1rem 2rem 2rem;background:var(--dialogue-bg, rgba(255, 255, 255, .4));border-radius:var(--dialogue-border-radius, 16px);border:1px solid var(--dialogue-border, rgba(255, 255, 255, .6));box-shadow:var(--dialogue-box-shadow, 0 4px 30px rgba(0,0,0,.05));backdrop-filter:var(--dialogue-backdrop-filter, blur(5px));-webkit-backdrop-filter:var(--dialogue-backdrop-filter, blur(5px));display:flex;flex-direction:column;height:100%;overflow-y:auto}.character-details-container::-webkit-scrollbar{width:6px}.character-details-container::-webkit-scrollbar-track{background:transparent}.character-details-container::-webkit-scrollbar-thumb{background:var(--panel-border, #ccc);border-radius:3px}.character-details-container::-webkit-scrollbar-thumb:hover{background:var(--panel-title-color, #88aaff)}.character-title-group{text-align:left;margin-bottom:1rem}.character-title-group h2{font-size:3.5rem;font-weight:700;color:var(--panel-title-color, #8e44ad);margin:0;font-family:var(--font-family-display, "Noto Serif SC", serif)}.character-title-group p{font-size:1.1rem;color:var(--panel-text-color, #a48fb8);margin-top:.5rem;text-transform:uppercase;letter-spacing:1px}.decorative-line{height:1px;background:linear-gradient(to right,var(--dialogue-speaker-color, #ff79c6),var(--panel-title-color, #bd93f9));border:0;border-radius:1px;margin:2rem 0;width:100%;opacity:.6}.character-info-block{margin-bottom:2rem}.character-info-block h4{display:inline-block;font-size:.9rem;font-weight:600;color:var(--choice-btn-text-color, #8e44ad);background-color:var(--choice-btn-bg, #e8d8f9);padding:.4rem 1rem;margin-bottom:1rem;border-radius:20px;letter-spacing:1px;text-transform:uppercase}.character-info-block p,.character-info-block .value{font-size:1.05rem;line-height:1.7;color:var(--dialogue-text-color, #6a5a7a);padding-left:.5rem}.costume-selector,.voice-player{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem;padding-left:.5rem}.costume-thumbnail{width:75px;height:75px;border-radius:12px;border:2px solid var(--panel-border, #e2e8f0);cursor:pointer;transition:all .3s ease;object-fit:cover;background-color:#fff}.costume-thumbnail:hover,.costume-thumbnail.active{border-color:var(--dialogue-speaker-color, #ff79c6);transform:scale(1.08);box-shadow:0 4px 15px var(--choice-btn-bg-hover, rgba(189, 147, 249, .3))}.costume-thumbnail.locked{filter:grayscale(1) brightness(.7);cursor:not-allowed;position:relative}.costume-thumbnail.locked:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#fff;text-shadow:0 0 5px black}.costume-thumb-wrapper{position:relative;display:inline-flex;animation:costume-fade-in .35s ease}@keyframes costume-fade-in{0%{opacity:0;transform:scale(.85)}70%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.costume-badge-new{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ff7eb3,#ff758c);color:#fff;font-size:.55rem;font-weight:700;padding:2px 5px;border-radius:6px;box-shadow:0 2px 6px #00000040;letter-spacing:1px;animation:badge-pop .4s ease}@keyframes badge-pop{0%{transform:scale(.4) rotate(-10deg);opacity:0}70%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0)}}.costume-pending-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px}.costume-pending-overlay span{color:#fff;font-size:.7rem}.costume-retry-btn{background:var(--choice-btn-bg, #ffe0f1);border:1px solid var(--dialogue-speaker-color, #ff79c6);color:var(--dialogue-speaker-color, #ff79c6);font-size:.6rem;padding:2px 6px;border-radius:6px;cursor:pointer;transition:all .25s ease}.costume-retry-btn:hover:not(:disabled){background:var(--dialogue-speaker-color, #ff79c6);color:#fff}.costume-retry-btn:disabled{opacity:.6;cursor:default}.voice-button{width:60px;height:60px;background:var(--choice-btn-bg, rgba(255, 255, 255, .5));border:2px solid var(--panel-border, #e2e8f0);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.voice-button:hover{border-color:var(--dialogue-speaker-color, #ff79c6);background:#fff;transform:scale(1.08)}.voice-button svg{width:50%;height:50%;fill:var(--dialogue-speaker-color, #ff79c6);transition:transform .3s ease}.voice-button:hover svg{transform:scale(1.1)}[data-theme=future-tech] .gallery-character-view{background:#0a1423}[data-theme=future-tech] .character-portrait-bg{background:radial-gradient(ellipse at center,rgba(0,255,255,.2) 0%,transparent 70%);filter:blur(20px)}[data-theme=future-tech] .character-details-container{border-image:linear-gradient(to bottom right,#0ffc,#f72585cc);border-image-slice:1;border-width:1px}[data-theme=romance] .gallery-character-view{background:linear-gradient(135deg,#fff0f5,#ffe4e1)}[data-theme=romance] .character-portrait-bg{background:radial-gradient(ellipse at center,rgba(255,194,209,.5) 0%,transparent 70%)}[data-theme=romance] .character-details-container{backdrop-filter:none;background:#fff9fb99}[data-theme=mystery] .gallery-character-view{background:linear-gradient(to bottom,#2d2d2d,#1a1a1a)}[data-theme=mystery] .character-details-container{background:#141414b3;backdrop-filter:blur(8px)}[data-theme=mystery] .character-portrait-bg{display:none}[data-theme=fantasy] .gallery-character-view{background:linear-gradient(180deg,#1d2b41,#0e1622)}[data-theme=fantasy] .character-details-container{background:#2e2219b3;backdrop-filter:blur(6px)}[data-theme=fantasy] .character-portrait-bg{background:radial-gradient(ellipse at center,rgba(224,180,104,.4) 0%,transparent 70%)}[data-theme=school] .gallery-character-view{background:linear-gradient(to bottom,#e0f7fa,#b2ebf2)}[data-theme=school] .character-details-container{background:#ffffffb3}[data-theme=school] .character-portrait-bg{background:radial-gradient(ellipse at center,rgba(74,144,226,.3) 0%,transparent 70%)}