@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:wght@300;400;700&family=JetBrains+Mono:wght@400;500&family=Nunito:wght@400;600;700&display=swap";:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f2f4f6;--color-bg-tertiary: #e5e8eb;--color-bg-glass: rgba(255, 255, 255, .45);--color-bg-glass-heavy: rgba(255, 255, 255, .3);--glass-blur-heavy: 40px;--color-rim-light: rgba(255, 255, 255, .8);--color-rim-shadow: rgba(0, 0, 0, .05);--color-border: rgba(255, 255, 255, .4);--color-border-subtle: rgba(0, 0, 0, .04);--color-text-primary: #000000;--color-text-secondary: #636366;--color-text-muted: #98989d;--color-accent-primary: #007aff;--color-accent-secondary: #5856d6;--color-accent-hover: #0062cc;--color-success: #34c759;--color-error: #ff3b30;--color-warning: #ffcc00;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--font-serif: "Merriweather", "New York", serif;--font-mono: "JetBrains Mono", monospace;--font-rounded: "Nunito", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--radius-2xl: 48px;--radius-full: 9999px;--backdrop-blur: 20px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .03);--shadow-md: 0 12px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, .12);--shadow-xl: 0 32px 64px -12px rgba(0, 0, 0, .2);--transition-base: all .2s cubic-bezier(.25, .1, .25, 1);--transition-smooth: all .4s cubic-bezier(.2, .8, .2, 1);--transition-spring: all .5s cubic-bezier(.175, .885, .32, 1.275);--header-height: 60px;--safe-area-top: env(safe-area-inset-top, 20px);--safe-area-bottom: env(safe-area-inset-bottom, 20px)}[data-theme=dark]{--color-bg-primary: #1c1c1e;--color-bg-secondary: #2c2c2e;--color-bg-tertiary: #3a3a3c;--color-bg-glass: rgba(44, 44, 46, .7);--color-bg-glass-heavy: rgba(28, 28, 30, .4);--color-rim-light: rgba(255, 255, 255, .12);--color-rim-shadow: rgba(0, 0, 0, .5);--color-border: rgba(255, 255, 255, .1);--color-border-subtle: rgba(255, 255, 255, .05);--color-text-primary: #ffffff;--color-text-secondary: #aeaeb2;--color-text-muted: #636366;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 16px rgba(0, 0, 0, .3)}[data-theme=sepia]{--color-bg-primary: #f8f1e3;--color-bg-secondary: #efe6d5;--color-bg-tertiary: #e6dac6;--color-bg-glass: rgba(248, 241, 227, .7);--color-bg-glass-heavy: rgba(239, 230, 213, .9);--color-text-primary: #5b4636;--color-text-secondary: #846c5b;--color-text-muted: #a69284;--color-rim-light: rgba(255, 255, 255, .6);--color-border: rgba(91, 70, 54, .08);--color-accent-primary: #d97706}[data-theme=oled]{--color-bg-primary: #000000;--color-bg-secondary: #000000;--color-bg-tertiary: #111111;--color-bg-glass: rgba(20, 20, 20, .85);--color-bg-glass-heavy: rgba(10, 10, 10, .95);--color-rim-light: rgba(255, 255, 255, .1);--color-border: rgba(255, 255, 255, .15);--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 12px 24px rgba(0, 0, 0, .4)}body{margin:0;font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding-bottom:var(--safe-area-bottom);transition:background-color .4s ease,color .4s ease;display:flex;flex-direction:column;min-height:100vh}*,*:before,*:after{box-sizing:border-box}#root{width:100%;display:flex;flex-direction:column;flex:1}@media(max-width:768px){#root{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border-top:1px solid var(--color-rim-light);border-left:1px solid var(--color-rim-light);border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);border-radius:var(--radius-xl)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .4s var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-panel{width:100%;max-width:440px;max-height:85vh;padding:2.5rem;background:var(--color-bg-glass-heavy);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--radius-xl);border-top:1px solid var(--color-rim-light);border-left:1px solid var(--color-rim-light);border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xl);overflow-y:auto;animation:scaleIn .5s var(--transition-spring)}@keyframes scaleIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.settings-panel h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}.settings-desc{color:var(--color-text-secondary);margin:0 0 2rem;font-size:.95rem;line-height:1.5}.api-input{width:100%;padding:1rem;margin:.5rem 0;border-radius:var(--radius-lg);border:1px solid transparent;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.95rem;transition:var(--transition-base);box-sizing:border-box;font-family:inherit}.api-input:focus{outline:none;background:var(--color-bg-primary);box-shadow:0 0 0 2px var(--color-accent-primary),var(--shadow-sm);transform:translateY(-1px)}.input-group{margin-bottom:1.5rem;text-align:left}.input-group label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.5rem;margin-left:.25rem;text-transform:uppercase;letter-spacing:.03em}.checkbox-group{display:flex;align-items:center;gap:1rem;background:#00000008;padding:.75rem 1rem;border-radius:var(--radius-lg);transition:var(--transition-base);cursor:pointer}.checkbox-group:hover{background:#0000000d}.checkbox-group input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--color-accent-primary)}.modal-actions{margin-top:2.5rem;display:flex;flex-direction:column;gap:.75rem}.btn-primary{background:var(--color-accent-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-full);font-weight:600;font-size:1rem;width:100%;transition:var(--transition-spring);box-shadow:0 4px 12px #007aff40;cursor:pointer;letter-spacing:-.01em;border-top:1px solid rgba(255,255,255,.2)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);transform:scale(1.02);box-shadow:0 8px 24px #007aff59}.btn-primary:active:not(:disabled){transform:scale(.96)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:var(--color-text-muted);box-shadow:none}.btn-link{background:none;border:none;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:var(--transition-base);padding:.5rem;font-weight:500}.btn-link:hover{color:var(--color-text-primary)}.btn-icon-subtle{background:transparent;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;color:var(--color-text-primary);font-size:1.25rem;cursor:pointer;transition:var(--transition-base)}.btn-icon-subtle:hover{background:#0000000d;transform:scale(1.05)}.home-view{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;max-width:680px;margin:0 auto}.hero-section{text-align:center;margin-bottom:3rem;margin-top:2rem;animation:fadeIn .8s ease-out}.hero-section h2{font-size:3rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.04em;background:linear-gradient(180deg,var(--color-text-primary) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-section p{font-size:1.1rem;color:var(--color-text-secondary);max-width:400px;margin:0 auto}.novel-workspace{width:100%;max-width:900px;margin:0 auto}.start-banner{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-radius:var(--radius-lg);margin-bottom:2rem}.saved-novels{width:100%;max-width:500px;margin-top:4rem;animation:slideUp .6s var(--transition-spring) .2s backwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.saved-novels h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem;padding-left:1rem}.saved-list{display:flex;flex-direction:column;gap:.75rem}.novel-list-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1.25rem;background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-smooth)}.novel-list-item:hover{background:var(--color-bg-glass-heavy);box-shadow:var(--shadow-md);border-color:var(--color-rim-light)}.novel-info{display:flex;align-items:center;gap:1rem;flex:1;cursor:pointer}.novel-info:hover{transform:scale(1.01)}.list-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-tertiary);border-radius:50%;color:#fffc;transition:color .3s ease,background .3s ease}.novel-info:hover .list-icon{color:var(--color-accent-primary)}.novel-list-item h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary);flex:1}.arrow-icon{color:var(--color-text-muted);opacity:.5;transition:transform .2s}.novel-info:hover .arrow-icon{opacity:1;transform:translate(2px);color:var(--color-accent-primary)}.delete-btn{background:transparent;border:1px solid var(--color-border);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:var(--transition-base);flex-shrink:0}.delete-btn:hover{background:#ff3b301a;border-color:var(--color-error);color:var(--color-error);transform:scale(1.05)}.delete-btn:active{transform:scale(.95)}.hint-text{display:block;margin-top:.5rem;color:var(--color-text-muted);font-size:.8rem}.error-banner{background:#fef2f2e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.2);color:var(--color-error);padding:1rem;margin:1rem auto;max-width:600px;border-radius:var(--radius-lg);text-align:center}@media(max-width:640px){.settings-panel{padding:1.5rem;max-height:90vh;width:90%}.hero-section h2{font-size:2.25rem}.start-banner{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}}