*{margin:0;padding:0}#root,body,html{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chrome-button,button.chrome-button,input[type=button].chrome-button,input[type=submit].chrome-button{border:none;border-radius:12px;box-shadow:0 2px 8px #00000026;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.chrome-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.chrome-button:hover:before{left:100%}.chrome-button:active{box-shadow:0 1px 4px #0003;transform:scale(.98)}.chrome-tab{border:none;border-radius:10px 10px 0 0;cursor:pointer;font-size:.95rem;font-weight:500;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .2s ease}[data-theme=dark-chrome]{--chrome-primary:#1a1a1a;--chrome-secondary:#2d2d2d;--chrome-accent:#4a9eff;--chrome-text:#fff;--chrome-text-secondary:#b0b0b0;--chrome-gradient-start:#2d2d2d;--chrome-gradient-mid:#232323;--chrome-gradient-end:#1a1a1a;--chrome-shadow:#0009;--chrome-highlight:#ffffff26;--chrome-metallic-overlay:radial-gradient(circle at 30% 30%,#fff3 0%,#ffffff14 40%,#0000 70%)}[data-theme=dark-chrome] .chrome-button{background:radial-gradient(circle,var(--chrome-gradient-start) 0,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);border:1px solid #ffffff1a;box-shadow:0 4px 12px var(--chrome-shadow),inset 0 1px 0 #fff3,inset 0 -1px 0 #0009,0 0 20px #4a9eff26;color:var(--chrome-text);overflow:hidden;position:relative}[data-theme=dark-chrome] .chrome-button:after{background:var(--chrome-metallic-overlay);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=dark-chrome] .chrome-button:hover{background:radial-gradient(circle,#373737 0,#2a2a2a 50%,#202020 100%);border-color:#ffffff26;box-shadow:0 6px 16px #000000b3,inset 0 1px 0 #ffffff40,inset 0 -1px 0 #000000b3,0 0 30px #4a9eff33}[data-theme=dark-chrome] .chrome-tab{background:radial-gradient(circle,#232323e6 0,#1c1c1cf2 50%,#141414 100%);border:1px solid #ffffff14;box-shadow:0 2px 6px #00000080,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000080;color:var(--chrome-text-secondary);overflow:hidden;position:relative}[data-theme=dark-chrome] .chrome-tab:after{background:var(--chrome-metallic-overlay);border-radius:10px 10px 0 0;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}[data-theme=dark-chrome] .chrome-tab.active{background:radial-gradient(circle,var(--chrome-gradient-start) 0,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);border-color:#ffffff1f;box-shadow:0 4px 10px #0009,inset 0 1px 0 #fff3,inset 0 -1px 0 #0009,0 0 15px #4a9eff2e;color:var(--chrome-text)}[data-theme=dark-chrome] .chrome-tab.active:after{opacity:.7}[data-theme=light-chrome]{--chrome-primary:#fff;--chrome-secondary:#f5f5f5;--chrome-accent:#007aff;--chrome-text:#000;--chrome-text-secondary:#000;--chrome-gradient-start:#fff;--chrome-gradient-mid:#f5f5f5;--chrome-gradient-end:#e8e8e8;--chrome-shadow:#0003;--chrome-highlight:#ffffffe6;--chrome-metallic-overlay:radial-gradient(circle at 30% 30%,#fff6 0%,#fff3 40%,#0000 70%)}[data-theme=light-chrome] .chrome-button{background:radial-gradient(circle,var(--chrome-gradient-start) 0,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);border:1px solid #00000014;box-shadow:0 4px 12px var(--chrome-shadow),inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #0000001a,0 0 20px #007aff1a;color:var(--chrome-text);overflow:hidden;position:relative}[data-theme=light-chrome] .chrome-button:after{background:var(--chrome-metallic-overlay);border-radius:12px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}[data-theme=light-chrome] .chrome-button:hover{background:radial-gradient(circle,#fff 0,#fafafa 50%,#e0e0e0 100%);border-color:#0000001a;box-shadow:0 6px 16px #00000040,inset 0 1px 0 #fff,inset 0 -1px 0 #00000026,0 0 30px #007aff26}[data-theme=light-chrome] .chrome-tab{background:radial-gradient(circle,#f5f5f5e6 0,#e8e8e8f2 50%,#dcdcdc 100%);border:1px solid #0000000f;box-shadow:0 2px 6px #00000026,inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #00000014;color:var(--chrome-text-secondary);overflow:hidden;position:relative}[data-theme=light-chrome] .chrome-tab:after{background:var(--chrome-metallic-overlay);border-radius:10px 10px 0 0;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}[data-theme=light-chrome] .chrome-tab.active{background:radial-gradient(circle,var(--chrome-gradient-start) 0,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);border-color:#0000001a;box-shadow:0 4px 10px #0003,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #0000001a,0 0 15px #007aff1f;color:var(--chrome-text)}[data-theme=light-chrome] .chrome-tab.active:after{opacity:.85}[data-theme=gunmetal-chrome]{--chrome-primary:#3a3a3a;--chrome-secondary:#4a4a4a;--chrome-accent:#6c7a8f;--chrome-text:#e8e8e8;--chrome-text-secondary:#b8b8b8;--chrome-gradient-start:#4a4a4a;--chrome-gradient-mid:#3a3a3a;--chrome-gradient-end:#2e2e2e;--chrome-shadow:#000000b3;--chrome-highlight:#ffffff1f;--chrome-metallic-overlay:radial-gradient(circle at 30% 30%,#ffffff2e 0%,#ffffff14 40%,#0000 70%)}[data-theme=gunmetal-chrome] .chrome-button{background:radial-gradient(circle,var(--chrome-gradient-start) 0,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);border:1px solid #ffffff1a;box-shadow:0 4px 12px var(--chrome-shadow),inset 0 1px 0 #ffffff26,inset 0 -1px 0 #000000b3,0 0 20px #6c7a8f33;color:var(--chrome-text);overflow:hidden;position:relative}[data-theme=gunmetal-chrome] .chrome-button:after{background:var(--chrome-metallic-overlay);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=gunmetal-chrome] .chrome-button:hover{background:radial-gradient(circle,#525252 0,#444 50%,#383838 100%);border-color:#ffffff26;box-shadow:0 6px 16px #000c,inset 0 1px 0 #fff3,inset 0 -1px 0 #000c,0 0 30px #6c7a8f4d}[data-theme=gunmetal-chrome] .chrome-tab{background:radial-gradient(circle,#404040e6 0,#363636f2 50%,#2c2c2c 100%);border:1px solid #ffffff14;box-shadow:0 2px 6px #0009,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0009;color:var(--chrome-text-secondary);overflow:hidden;position:relative}[data-theme=gunmetal-chrome] .chrome-tab:after{background:var(--chrome-metallic-overlay);border-radius:10px 10px 0 0;bottom:0;content:"";left:0;opacity:.55;pointer-events:none;position:absolute;right:0;top:0}[data-theme=gunmetal-chrome] .chrome-tab.active{background:radial-gradient(circle,var(--chrome-gradient-start) 0,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);border-color:#ffffff1f;box-shadow:0 4px 10px #000000b3,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #000000b3,0 0 15px #6c7a8f40;color:var(--chrome-text)}[data-theme=gunmetal-chrome] .chrome-tab.active:after{opacity:.75}[data-theme=mystery-purple-chrome]{--chrome-primary:#5c0b85;--chrome-secondary:#800ec2;--chrome-accent:#b248f0;--chrome-text:#f5e0ff;--chrome-text-secondary:#d8a8f0;--chrome-gradient-start:#b248f0;--chrome-gradient-mid:#800ec2;--chrome-gradient-end:#5c0b85;--chrome-shadow:#5c0b8599;--chrome-highlight:#ffffff40;--chrome-metallic-overlay:radial-gradient(circle at 30% 30%,#ffffff4d 0%,#ffffff1a 40%,#0000 70%)}[data-theme=mystery-purple-chrome] .chrome-button{background:radial-gradient(circle,var(--chrome-gradient-start) 0,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);border:1px solid #b248f066;box-shadow:0 4px 12px var(--chrome-shadow),inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #5c0b8580,0 0 20px #b248f033;color:var(--chrome-text);overflow:hidden;position:relative}[data-theme=mystery-purple-chrome] .chrome-button:after{background:var(--chrome-metallic-overlay);border-radius:12px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=mystery-purple-chrome] .chrome-button:hover{background:radial-gradient(circle,#bc58fa 0,#8a22d6 50%,#661599 100%);border-color:#b248f080;box-shadow:0 6px 16px #5c0b85b3,inset 0 1px 0 #ffffff59,inset 0 -1px 0 #5c0b8599,0 0 30px #b248f04d}[data-theme=mystery-purple-chrome] .chrome-tab{background:radial-gradient(circle,#800ec2cc 0,#5c0b85e6 50%,#480871 100%);border:1px solid #b248f04d;box-shadow:0 2px 6px #5c0b8566,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #5c0b8566;color:var(--chrome-text-secondary);overflow:hidden;position:relative}[data-theme=mystery-purple-chrome] .chrome-tab:after{background:var(--chrome-metallic-overlay);border-radius:10px 10px 0 0;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}[data-theme=mystery-purple-chrome] .chrome-tab.active{background:radial-gradient(circle,var(--chrome-gradient-start) 0,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);border-color:#b248f073;box-shadow:0 4px 10px #5c0b8599,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #5c0b8580,0 0 15px #b248f040;color:var(--chrome-text)}[data-theme=mystery-purple-chrome] .chrome-tab.active:after{opacity:.8}[data-theme] .accept-button,[data-theme] .accept-suggestion-button,[data-theme] .add-character-button,[data-theme] .ai-suggest-button,[data-theme] .analyze-button,[data-theme] .apply-suggestion-button,[data-theme] .auth-button,[data-theme] .back-button,[data-theme] .button:not(.plain),[data-theme] .cancel-button,[data-theme] .create-button,[data-theme] .field-suggest-button,[data-theme] .link-button,[data-theme] .logout-button,[data-theme] .pair-button,[data-theme] .pause-button,[data-theme] .reject-button,[data-theme] .remove-button,[data-theme] .retry-button,[data-theme] .save-button,[data-theme] .send-button,[data-theme] .small-button,[data-theme] .submit-button,[data-theme] .toggle-form-button,[data-theme] button:not(.plain):not(.edit-icon-button):not(.icon-button):not(.header-toggle-button):not(.panel-toggle-button):not(.panel-collapse-button):not(.close-sidebar-button):not(.toggle-sidebar-button):not(.close-suggestions):not(.close-analysis),[data-theme] input[type=button]:not(.plain),[data-theme] input[type=submit]:not(.plain){border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}[data-theme] .mobile-tab{border-radius:10px 10px 0 0}[data-theme=dark-chrome] .nav-link.active{background:linear-gradient(135deg,#4a9eff33,#4a9eff1a);border:1px solid #4a9eff4d;box-shadow:0 2px 8px #4a9eff4d,inset 0 1px 0 #4a9eff33;color:#4a9eff}[data-theme=light-chrome] .nav-link.active{background:linear-gradient(135deg,#007aff26,#007aff14);border:1px solid #007aff33;box-shadow:0 2px 8px #007aff33,inset 0 1px 0 #007aff26;color:#007aff}[data-theme=gunmetal-chrome] .nav-link.active{background:linear-gradient(135deg,#6c7a8f40,#6c7a8f26);border:1px solid #6c7a8f4d;box-shadow:0 2px 8px #6c7a8f59,inset 0 1px 0 #6c7a8f33;color:#a0b0c8}[data-theme=mystery-purple-chrome] .nav-link.active{background:radial-gradient(circle,#b248f040 0,#800ec226 50%,#5c0b851a 100%);border:1px solid #b248f059;box-shadow:0 2px 8px #b248f066,inset 0 1px 0 #b248f040;color:#e0a0ff;overflow:hidden;position:relative}[data-theme=mystery-purple-chrome] .nav-link.active:after{background:radial-gradient(circle at 30% 30%,#ffffff26 0,#ffffff0d 40%,#0000 70%);border-radius:8px;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.chat-panel{background:#f5f5f5;border-right:1px solid #ddd;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease;width:100%}.chat-panel.with-background{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.chat-panel.with-background .messages-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6}.chat-panel.with-background .chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.chat-header{background:#fff;border-bottom:1px solid #ddd;flex-shrink:0;padding:1.5rem 5rem 1.5rem 1.5rem;position:relative}.chat-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.5rem;position:relative;z-index:1}.message-mode-selector{align-items:center;display:flex;font-size:.85rem;gap:.5rem}.message-mode-selector label{color:#555;font-weight:500}.mode-select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.35rem .5rem}.chat-tabs{border-bottom:2px solid #e0e0e0;margin-bottom:.5rem}.chat-tab,.chat-tabs{display:flex;gap:.5rem}.chat-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:.95rem;margin-bottom:-2px;padding:.5rem 1rem;position:relative;transition:all .2s}.chat-tab:hover{color:#1976d2}.chat-tab.active{border-bottom-color:#1976d2;color:#1976d2;font-weight:600}.message-count{background:#1976d2;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.15rem .5rem}.chat-tab.active .message-count{background:#1565c0}.chat-tab.message-alert{animation:messageAlert .5s ease-in-out 6;background:#1976d233!important;box-shadow:0 0 15px #1976d280;transform:scale(1.05);z-index:1000}@keyframes messageAlert{0%,to{background:#1976d233!important;box-shadow:0 0 15px #1976d280;transform:scale(1)}50%{background:#1976d299!important;box-shadow:0 0 25px #1976d2cc;transform:scale(1.08)}}.message-alert-banner{animation:slideDown .3s ease-out,fadeOut .3s ease-out 2.7s forwards;background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 6px #0000004d;color:#fff;font-weight:700;left:0;padding:1rem;position:fixed;right:0;text-align:center;top:0;z-index:10000}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.user-switcher{align-items:center;color:#555;display:flex;font-size:.85rem;gap:.5rem}.user-switcher select{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:.9rem;padding:.35rem .5rem}.character-indicator{align-items:center;color:#555;display:flex;font-size:.85rem;gap:.5rem}.character-label{color:#666}.character-name-badge{background:#1976d2;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;padding:.35rem .75rem}.participants{display:flex;flex-wrap:wrap;gap:.5rem}.participant-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.85rem;padding:.25rem .5rem}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1rem}.ai-chat-container{background:#fafafa}.command-message{background:#e3f2fd!important;border-left:3px solid #1976d2;color:#1976d2!important}.message{animation:fadeIn .3s ease-in;display:flex;flex-direction:column;max-width:80%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.own-message{align-self:flex-end}.other-message{align-self:flex-start}.ai-intervention{align-self:center;margin:.5rem 0;max-width:90%}.message-header{display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.25rem}.username{color:#555}.timestamp{color:#999;font-size:.75rem}.message-content{word-wrap:break-word;background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000001a;padding:.75rem 1rem}.own-message .message-content{background:#1976d2;color:#fff}.ai-bubble{border-left:4px solid;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:1rem}.ai-bubble.severity-low{background:#fff3cd;border-color:#ffc107}.ai-bubble.severity-medium{background:#ffe0b2;border-color:#ff9800}.ai-bubble.severity-high{background:#ffcdd2;border-color:#f44336}.ai-label{color:#333;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.ai-content{color:#555;line-height:1.5}.ai-command-response{align-self:center;margin:.5rem 0;max-width:90%}.ai-command-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-left:4px solid #ffffff80;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;padding:1.5rem}.ai-command-bubble .ai-label{color:#fffffff2;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.ai-command-content{color:#fffffff2;font-size:.95rem;line-height:1.6}.ai-command-content strong{color:#fff;font-weight:600}.chat-input-wrapper{flex-shrink:0;position:relative}.command-suggestions{background:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;bottom:100%;box-shadow:0 -2px 8px #0000001a;left:0;margin-bottom:-1px;max-height:300px;overflow-y:auto;position:absolute;right:0;z-index:100}.command-suggestions-header{background:#f9f9f9;border-bottom:1px solid #eee;color:#555;font-size:.9rem;font-weight:600;padding:.75rem 1rem}.command-suggestion-item{align-items:flex-start;background:#fff;border:none;border-bottom:1px solid #eee;border-radius:0;cursor:pointer;display:flex;flex-direction:column;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.command-suggestion-item:last-child{border-bottom:none}.command-suggestion-item:hover{background:#f5f5f5}.command-name{color:#1976d2;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.command-desc{color:#666;font-size:.85rem}.chat-input-form{background:#fff;border-top:1px solid #ddd;display:flex;flex-shrink:0;gap:.5rem;padding:1rem}.chat-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;flex:1 1;font-size:1rem;min-width:0;outline:none;padding:.75rem}.chat-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.message-mode-selector-inline{align-items:center;background:#ffffffe6;border-radius:4px;display:flex;gap:.5rem;margin-left:.5rem;padding:.5rem}.message-mode-selector-inline label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;margin:0;white-space:nowrap}.message-mode-selector-inline input[type=checkbox]{cursor:pointer;margin:0;width:auto}.send-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.send-button:hover:not(:disabled){background:#1565c0}.send-button:disabled{background:#ccc;cursor:not-allowed}.para-button{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:1.1rem;font-weight:500;min-width:2.5rem;padding:.75rem 1rem;transition:background .2s}.para-button:hover{background:#e0e0e0}.pause-button{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:background .2s}.pause-button:hover{background:#e0e0e0}.clear-ai-button{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;margin-left:auto;padding:.5rem 1rem;transition:background .2s}.clear-ai-button:hover{background:#d32f2f}.clear-ai-button:active{background:#b71c1c}.chat-empty{align-items:center;color:#999;display:flex;flex:1 1;flex-direction:column;font-style:italic;justify-content:center;min-height:0;padding:2rem;text-align:center}.chat-subtitle{color:#666;font-size:.9rem;margin:.25rem 0 0}.chat-empty .hint{color:#bbb;font-size:.85rem;font-style:italic;margin-top:.5rem}@media (max-width:768px){.chat-header{padding:1rem}.chat-header-top{align-items:stretch;flex-direction:column;gap:.75rem}.chat-tabs{justify-content:stretch;width:100%}.chat-tab{flex:1 1;font-size:.9rem;justify-content:center;padding:.4rem .75rem}.message-mode-selector{font-size:.8rem}.character-indicator,.participants,.user-switcher{display:none}.messages-container{padding:.75rem}.message{max-width:90%}.chat-input-form{flex-wrap:wrap;padding:.75rem}.chat-input{font-size:.9rem;padding:.6rem}.pause-button,.send-button{font-size:.9rem;padding:.6rem 1rem}}@media (max-width:480px){.chat-header{padding:.5rem .75rem}.chat-header-top{flex-wrap:wrap;gap:.5rem}.chat-tabs{margin-bottom:.5rem;order:-1;width:100%}.chat-tab{font-size:.85rem;padding:.35rem .5rem}.message-count{font-size:.7rem;padding:.1rem .4rem}.message-mode-selector{font-size:.75rem}.character-indicator,.participants,.user-switcher{display:none}.mode-select{font-size:.85rem;padding:.3rem .4rem}.messages-container{gap:.75rem;padding:.5rem}.message{max-width:95%}.message-content{font-size:.9rem;padding:.6rem .8rem}.chat-input-form{gap:.4rem;padding:.5rem}.chat-input{font-size:.85rem;padding:.5rem}.pause-button,.send-button{font-size:.85rem;min-width:60px;padding:.5rem .75rem}}.story-panel{background:#fafafa;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.story-panel.with-background{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}.story-panel.with-background .story-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:8px;margin:1rem;padding:1.5rem}.story-header{background:#fff;border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem 5rem 1.5rem 1.5rem;position:relative;transition:padding-right .3s ease,max-height .3s ease,padding .3s ease}.story-header-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;width:100%}.story-header-top-bar .comic-mode-button{margin-left:auto}.story-header.collapsed{max-height:60px;padding:.75rem 5rem .75rem 1.5rem}.story-header.collapsed>:not(.story-header-top-bar){display:none}.story-header.collapsed .story-header-top-bar{display:flex}.story-header.sidebar-open{padding-right:calc(1.5rem + 300px)}.header-toggle-button{background:#fffffff2;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;font-size:.85rem;padding:.35rem .65rem;pointer-events:auto;position:absolute;right:1rem;top:.75rem;transition:all .2s;z-index:100}.header-toggle-button:hover{background:#e0e0e0}.story-header-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.story-title-section{flex:1 1;min-width:0;padding-right:.5rem;position:relative;transition:max-width .3s ease;z-index:1}.story-title-section.sidebar-open{max-width:calc(100% - 300px)}.title-display,.title-row{align-items:center;display:flex;gap:.5rem}.title-display h2{word-wrap:break-word;color:#333;font-size:1.5rem;font-weight:600;line-height:1.2;margin:0;max-width:100%;overflow-wrap:break-word}.edit-icon-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1rem;justify-content:center;opacity:.6;padding:.25rem;transition:opacity .2s}.edit-icon-button:hover{opacity:1}.edit-icon-button.small{font-size:.85rem;margin-left:.25rem}.title-edit{align-items:center;display:flex;flex:1 1;gap:.5rem}.title-input{border:2px solid #1976d2;border-radius:4px;flex:1 1;font-family:inherit;font-size:1.5rem;font-weight:600;padding:.5rem}.details-edit{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.detail-input{border:2px solid #1976d2;border-radius:4px;font-family:inherit;font-size:.9rem;min-width:120px;padding:.5rem}.edit-actions{display:flex;gap:.25rem}.cancel-button,.save-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:background .2s}.save-button{color:#2e7d32}.save-button:hover{background:#e8f5e9}.cancel-button{color:#d32f2f}.cancel-button:hover{background:#ffebee}.back-button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.back-button:hover{background:#e0e0e0;border-color:#1976d2;color:#1976d2}.refine-all-button{white-space:nowrap}.refine-segment-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:500}.refine-segment-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#653a8f);box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.refine-segment-button:disabled{cursor:not-allowed;opacity:.6}.story-meta{color:#666;display:flex;font-size:.9rem;gap:1rem;margin-top:.75rem}.meta-item{align-items:center;display:flex;gap:.25rem}.meta-item strong{color:#1976d2;font-weight:600}.story-tags{display:flex;gap:.5rem;margin-top:.75rem}.tag{align-items:center;background:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-flex;font-size:.85rem;gap:.25rem;padding:.25rem .75rem}.tag-label{font-weight:600;opacity:.8}.story-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:800px;overflow-y:auto;padding:2rem;position:relative;transition:max-width .3s ease,margin-right .3s ease;width:100%;z-index:1}.story-content.sidebar-open{margin-right:300px;max-width:500px}@media (max-width:768px){.story-header{align-items:center;flex-direction:row;min-height:50px;padding:.5rem 1rem}.story-header.collapsed{max-height:50px;padding:.5rem 1rem}.story-header.sidebar-open{padding-right:1rem}.story-title-section{flex:1 1;width:100%}.story-title-section.sidebar-open{max-width:100%}.title-display h2{font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-header-actions{flex-wrap:nowrap;gap:.5rem;justify-content:flex-end}.story-meta,.story-tags{display:none}.story-content{flex:1 1;min-height:0;padding:1rem}.story-content.sidebar-open{margin-right:0;max-width:100%}.characters-sidebar{max-width:100%;transform:translateX(100%);width:100%}.characters-sidebar.open{transform:translateX(0)}.story-segment{padding:.75rem}.segment-content p{font-size:.9rem;line-height:1.5}.header-toggle-button{margin-left:auto;position:static}}@media (max-width:480px){.story-header{padding:.75rem}.title-display h2{font-size:1.1rem}.story-meta{flex-wrap:wrap;font-size:.85rem;gap:.75rem}.story-tags{flex-wrap:wrap;gap:.4rem}.tag{font-size:.8rem;padding:.2rem .6rem}.back-button,.toggle-sidebar-button{font-size:.85rem;padding:.4rem .75rem}.story-content{padding:1rem}.world-description{margin-bottom:1rem;padding:1rem}.world-description h3{font-size:1.1rem}.world-description p{font-size:.9rem}.story-segment{padding:.75rem}.segment-content p{font-size:.9rem;line-height:1.5}.segment-actions{flex-wrap:wrap;gap:.5rem}.delete-segment-button,.edit-segment-button,.refine-segment-button,.undo-segment-button,.verify-segment-button{font-size:.85rem;padding:.4rem .6rem}.characters-sidebar{padding:.75rem}.sidebar-header h3{font-size:1.1rem}.character-card{padding:.75rem}.character-name{font-size:1rem}.character-description{font-size:.85rem}}@media (min-width:1200px){.story-content{max-width:900px}.story-content.sidebar-open{max-width:600px}}.world-description{background:#f5f5f5;border-left:4px solid #1976d2;border-radius:8px;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative;transition:max-height .3s ease,padding .3s ease}.world-description.collapsed{max-height:50px;padding:.75rem 1.5rem}.world-description.collapsed p{display:none}.world-toggle-button{align-items:center;background:none;border:none;color:#1976d2;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0;padding:0}.world-toggle-button:hover{color:#1565c0}.world-description.collapsed .world-toggle-button{margin-bottom:0}.world-description h3{color:#1976d2;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.world-description p{color:#555;line-height:1.6;margin:0}.world-clarifications,.world-rules{margin-top:.5rem!important}.world-description.world-empty{display:flex;justify-content:flex-start;padding:1rem 1.5rem}.world-add-button{font-size:.9rem}.world-edit-button{font-size:.9rem;margin-top:.75rem}.world-edit-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.world-edit-form label{color:#333;font-size:.9rem;font-weight:600;margin:0}.world-edit-textarea{border:2px solid #1976d2;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.95rem;line-height:1.5;min-height:60px;padding:.6rem .75rem;resize:vertical;width:100%}.world-edit-textarea:focus{border-color:#1565c0;box-shadow:0 0 0 2px #1976d233;outline:none}.world-edit-hint{color:#666!important;font-size:.85rem!important;font-style:italic;margin:0!important}.story-text{color:#333;font-size:1.1rem;line-height:1.8}.story-chapter{margin-bottom:3rem;page-break-after:always}.chapter-title{border-bottom:3px solid #1976d2;color:#333;font-size:2rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.5rem;text-align:center}.chapter-content{text-align:justify}.story-paragraph{line-height:1.8;margin:0 0 1.25rem;text-indent:1.5em}.story-paragraph:first-of-type{text-indent:0}.chapter-segment-controls{border-top:2px dashed #ddd;margin-top:2rem;padding-top:1rem}.segment-controls-details{color:#666;font-size:.9rem}.segment-controls-summary{background:#f5f5f5;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem;-webkit-user-select:none;user-select:none}.segment-controls-summary:hover{background:#e0e0e0}.segment-controls-list{background:#fafafa;border-radius:6px;margin-top:.5rem;max-height:400px;overflow-y:auto;padding:.5rem}.story-segment-controls-only{margin-bottom:.75rem}.segment-control-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.segment-preview{color:#666;font-size:.85rem;font-style:italic}.story-segment{margin-bottom:1.5rem;position:relative}.story-segment+.story-segment{margin-top:1rem}.segment-content{position:relative}.story-segment p{margin:0;text-align:justify}.story-paragraph{margin-bottom:1rem}.story-paragraph:last-child{margin-bottom:0}.segment-edit{display:flex;flex-direction:column;gap:.5rem}.segment-edit-textarea{border:2px solid #1976d2;border-radius:8px;font-family:inherit;font-size:1rem;line-height:1.6;min-height:150px;padding:.75rem;resize:vertical;white-space:pre-wrap;width:100%}.segment-edit-toolbar{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.segment-edit-toolbar .para-button{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.segment-edit-toolbar .para-button:hover{background:#e0e0e0}.segment-edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.segment-edit-indicator{color:#666;font-size:.85rem;font-style:italic;margin-top:.5rem}.segment-actions{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:.5rem;margin-top:.5rem;padding-top:.5rem}.delete-segment-button,.edit-segment-button,.refine-segment-button,.undo-segment-button,.verify-segment-button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:.85rem;padding:.35rem .75rem;transition:all .2s}.undo-segment-button:hover:not(:disabled){background:#e0e0e0;border-color:#1976d2;color:#1976d2}.undo-segment-button:disabled{cursor:not-allowed;opacity:.6}.edit-segment-button:hover{background:#e0e0e0;border-color:#1976d2;color:#1976d2}.delete-segment-button{background:#ffebee;border-color:#f44336;color:#d32f2f}.delete-segment-button:hover{background:#ffcdd2;border-color:#d32f2f}.verify-segment-button{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.verify-segment-button:hover{background:#c8e6c9}.verified-badge{color:#2e7d32;font-size:.85rem;font-weight:500}.segment-divider{background:#e0e0e0;height:1px;margin:1.5rem 0}.story-placeholder{color:#999;padding:3rem 1rem;text-align:center}.story-placeholder p{font-size:1.1rem;margin:.5rem 0}.hint{font-size:.95rem!important}.story-empty{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center}.story-empty h2{color:#666;margin-bottom:.5rem}.toggle-sidebar-button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.toggle-sidebar-button:hover{background:#e0e0e0;border-color:#1976d2;color:#1976d2}.characters-sidebar{background:#fff;border-left:1px solid #ddd;box-shadow:-2px 0 8px #00000026;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:300px;z-index:100}.characters-sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-header h3{color:#333;font-size:1.1rem;margin:0}.close-sidebar-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.close-sidebar-button:hover{background:#0000001a;color:#333}.characters-list{padding:1.5rem}.character-card{background:#f9f9f9;border:1px solid #e0e0e0}.character-name{color:#333;font-size:1rem;font-weight:600;margin-bottom:.5rem}.character-owner{color:#1976d2;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.character-description{line-height:1.4;margin-bottom:.75rem}.trait-badge{background:#e8f5e9;color:#2e7d32;font-size:.75rem;padding:.25rem .5rem}.story-text.comic-mode{background:#fafafa}.story-text.comic-mode .comic-chapter .chapter-title{border-bottom:4px solid #d32f2f;color:#d32f2f;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;font-size:2.5rem;letter-spacing:2px;text-shadow:2px 2px 0 #000,4px 4px 0 #0003}.comic-panels{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.comic-panel{background:#fff;border:4px solid #000;border-radius:8px;box-shadow:4px 4px 0 #0003,8px 8px 0 #0000001a;display:flex;flex-direction:column;min-height:200px;padding:1.5rem;position:relative}.comic-panel:before{background:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);border-radius:8px;bottom:-2px;content:"";left:-2px;opacity:.1;position:absolute;right:-2px;top:-2px;z-index:-1}.comic-panel-header{align-items:center;border-bottom:2px solid #000;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.comic-panel-number{color:#d32f2f;font-size:1.1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.comic-content{color:#333;flex:1 1;font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.6}.comic-panel-description{color:#555;font-style:italic;margin-bottom:1rem}.comic-caption{background:#fff9c4;border-left:3px solid #fbc02d;font-style:italic;padding:.5rem}.comic-caption,.comic-dialogue{margin:.75rem 0}.comic-dialogue-item{background:#e3f2fd;border-left:3px solid #1976d2;border-radius:4px;margin:.5rem 0;padding:.5rem}.comic-sound-effects{margin:.75rem 0}.comic-sound-effect{color:#d32f2f;font-size:1.2rem;font-weight:700;letter-spacing:2px;margin:.5rem 0;text-align:center;text-transform:uppercase}.comic-image-prompt{background:#f5f5f5;border:2px dashed #1976d2;border-radius:8px;margin-top:1.5rem;padding:1rem}.comic-image-prompt-header{align-items:center;color:#1976d2;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:.75rem}.comic-image-prompt-actions{display:flex;gap:.5rem}.copy-prompt-button,.generate-image-button{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s;white-space:nowrap}.copy-prompt-button:hover{background:#1565c0;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.generate-image-button{background:#4caf50}.generate-image-button:hover:not(:disabled){background:#45a049;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.generate-image-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.comic-image-prompt-text{word-wrap:break-word;background:#fff;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;padding:.75rem;white-space:pre-wrap}.comic-image-prompt-hint{color:#666;font-size:.85rem;font-style:italic;margin-top:.5rem}.comic-content strong{color:#d32f2f;font-weight:700}@media (max-width:768px){.comic-panels{gap:1rem;grid-template-columns:1fr}.comic-panel{min-height:150px;padding:1rem}.story-text.comic-mode .comic-chapter .chapter-title{font-size:2rem}}.comic-mode-button.active{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;font-weight:600}.comic-mode-button.active:hover{background:linear-gradient(135deg,#ff5252,#26a69a)}.main-layout{width:100%}.layout-left,.main-layout{display:flex;height:100%;overflow:hidden;position:relative}.layout-left{border-right:1px solid #ddd;flex:0 0 400px;flex-direction:column;max-width:600px;min-width:250px;transition:width .3s ease,min-width .3s ease,max-width .3s ease}.layout-left>.chat-panel{height:100%}.layout-left.collapsed{flex:0 0 60px;max-width:60px;min-width:60px}.main-layout.sidebar-open .layout-left:not(.collapsed){max-width:250px}.layout-right{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow:hidden;position:relative}.layout-right.collapsed{flex:0 0 60px;max-width:60px;min-width:60px}.resize-handle{background:#ddd;cursor:col-resize;flex-shrink:0;position:relative;transition:background .2s;width:4px;z-index:10}.resize-handle:hover{background:#1976d2}.panel-collapse-button{background:#fffffff2;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer;font-size:.85rem;padding:.35rem .65rem;pointer-events:auto;position:absolute;right:.5rem;top:.5rem;transition:all .2s;z-index:100}.panel-collapse-button:hover{background:#fff;border-color:#1976d2;color:#1976d2}.panel-collapse-button.right{left:.5rem;right:auto}.panel-toggle-button{align-items:center;background:#f5f5f5;border:none;cursor:pointer;display:flex;font-size:1.5rem;height:100%;justify-content:center;transition:background .2s;width:100%}.panel-toggle-button:hover{background:#e0e0e0}.mobile-view-tabs{background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:none;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:1rem;transition:all .2s}.mobile-tab.active,.mobile-tab:hover{background:#f5f5f5;color:#1976d2}.mobile-tab.active{border-bottom-color:#1976d2;font-weight:600}.mobile-full{flex:1 1;height:100%;min-height:0;width:100%}@media (max-width:768px){.main-layout.mobile{flex-direction:column;height:100%}.mobile-view-tabs{display:flex;flex-shrink:0}.layout-left.mobile-full,.layout-right.mobile-full{border:none;flex:1 1;height:100%;min-height:0;width:100%}.main-layout.mobile .panel-collapse-button,.main-layout.mobile .panel-toggle-button,.main-layout.mobile .resize-handle{display:none}.main-layout:not(.mobile){flex-direction:column}.main-layout:not(.mobile).sidebar-open .layout-left{max-width:100%}.main-layout:not(.mobile) .layout-left{border-bottom:1px solid #ddd;border-right:none;flex:0 0 50%;max-width:100%;min-width:100%}.main-layout:not(.mobile) .layout-right{flex:1 1;min-height:0}}@media (max-width:480px){.mobile-tab{font-size:.9rem;padding:.75rem}.main-layout:not(.mobile) .layout-left{flex:0 0 40%;max-height:50vh;min-height:180px}.main-layout:not(.mobile) .layout-right{flex:1 1;min-height:0}}@media (max-width:360px){.mobile-tab{font-size:.85rem;padding:.6rem}.main-layout:not(.mobile) .layout-left{flex:0 0 35%;min-height:150px}}@media (min-width:1200px){.layout-left{flex:0 0 450px;max-width:550px}}@media (min-width:1600px){.layout-left{flex:0 0 500px;max-width:600px}}.main-navigation{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;display:flex;flex-shrink:0;height:auto;justify-content:space-between;min-height:60px;padding:1rem 2rem;position:relative;z-index:100}.nav-brand h1{color:#1976d2;font-size:1.5rem;font-weight:700;margin:0}.nav-links{display:flex;gap:1rem}.nav-link{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:inline-block;font-size:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.nav-link:hover{background:#f5f5f5;color:#333}.nav-link.active{font-weight:600}.nav-brand a{color:inherit;text-decoration:none}.nav-user{align-items:center;display:flex;gap:1rem}.user-name{color:#333;font-weight:500}.logout-button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.logout-button:hover{background:#e0e0e0;color:#333}@media (max-width:768px){.main-navigation{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.nav-brand h1{font-size:1.25rem}.nav-links{flex-wrap:wrap;gap:.5rem}.nav-link{font-size:.9rem;padding:.4rem .8rem}.nav-user{flex-wrap:wrap;gap:.5rem}.user-name{font-size:.9rem}.logout-button{font-size:.85rem;padding:.4rem .8rem}}@media (max-width:480px){.main-navigation{align-items:stretch;flex-direction:column;padding:.5rem}.nav-brand{text-align:center}.nav-brand h1{font-size:1.1rem}.nav-links{justify-content:center;width:100%}.nav-link{flex:1 1;font-size:.85rem;padding:.5rem;text-align:center}.nav-user{border-top:1px solid #e0e0e0;justify-content:center;padding-top:.5rem;width:100%}.user-name{font-size:.85rem}.logout-button{flex:1 1;text-align:center}}.ai-analysis-panel{background:#fff;border:2px solid #1976d2;border-radius:12px;box-shadow:0 4px 12px #1976d233;margin:1.5rem 0;padding:1.5rem}.analysis-prompt{align-items:center;display:flex;flex-direction:column;text-align:center}.analysis-prompt h3{color:#1976d2;margin:0 0 1rem}.analysis-prompt ul{color:#666;display:inline-block;margin:1rem 0;text-align:left}.analysis-prompt li{margin:.5rem 0}.analyze-button{align-self:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;min-width:200px;padding:.75rem 2rem;transition:all .2s;width:auto}.analyze-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.analyze-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.hint{color:#999;font-size:.9rem;font-style:italic;margin-top:.5rem}.analysis-loading{padding:2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1976d2;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analysis-error{background:#ffebee;border-radius:8px;color:#c62828;padding:1rem;text-align:center}.retry-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.5rem 1rem}.analysis-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem}.analysis-header h3{color:#1976d2;margin:0}.close-analysis{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.close-analysis:hover{background:#0000001a;color:#333}.analysis-section{margin-bottom:2rem}.analysis-section h4{color:#333;font-size:1.1rem;margin:0 0 1rem}.character-analysis-card,.story-analysis-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.character-analysis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.score-badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.score-excellent{background:#e8f5e9;color:#2e7d32}.score-good{background:#e3f2fd;color:#1976d2}.score-fair{background:#fff3e0;color:#f57c00}.score-poor{background:#ffebee;color:#c62828}.strengths{color:#2e7d32;margin:1rem 0}.strengths ul{margin:.5rem 0 0 1.5rem;padding:0}.strengths li{margin:.25rem 0}.issues{margin:1rem 0}.issue{background:#fff;border-left:4px solid;border-radius:4px;margin:.75rem 0;padding:1rem}.issue-low{background:#fffbf0;border-color:#ffc107}.issue-medium{background:#fff3e0;border-color:#ff9800}.issue-high{background:#ffebee;border-color:#f44336}.issue-header{display:flex;gap:.5rem;margin-bottom:.5rem}.issue-severity{font-size:.85rem;font-weight:600}.issue-type{background:#f5f5f5;border-radius:4px;color:#666;font-size:.75rem;padding:.15rem .5rem}.issue-message{color:#333;line-height:1.5;margin:.5rem 0}.issue-suggestion{color:#666;font-size:.9rem;font-style:italic;margin:.5rem 0 0}.suggestions{margin:1rem 0}.suggestions-note{background:#e3f2fd;color:#1976d2;font-size:.9rem;margin:1rem 0;padding:.75rem}.suggestion-item,.suggestions-note{border-left:4px solid #1976d2;border-radius:4px}.suggestion-item{margin:.75rem 0}.suggestion-item p{color:#333;flex:1 1;line-height:1.5;margin:0}.apply-suggestion-button{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background .2s;white-space:nowrap}.apply-suggestion-button:hover{background:#1565c0}.completeness-meter{margin-bottom:1rem}.meter-bar{background:#e0e0e0;border-radius:12px;height:24px;margin-top:.5rem;overflow:hidden;width:100%}.meter-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .3s ease}.clarification-question{background:#fff3cd;border:1px solid #ffc107;border-left-width:4px;border-radius:4px;margin:.75rem 0;padding:1rem}.question-context{color:#666;font-size:.9rem;margin-bottom:.5rem}.question-text{color:#333;font-weight:500;line-height:1.5;margin:.5rem 0}.question-field{background:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-size:.75rem;margin-top:.5rem;padding:.25rem .5rem}.section-hint{color:#666;margin-bottom:1rem}.series-manager{background:#f5f5f5;background:var(--panel-bg,#f5f5f5);border-radius:8px;margin:0 auto;max-width:600px;padding:1.5rem}.series-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.series-manager-header h3{color:#333;color:var(--text-primary,#333);margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem}.close-button:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.error-message{background:#fee;border-radius:4px;color:#c33;margin-bottom:1rem;padding:.75rem}.series-form{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.series-form h4{margin-top:0}.form-group,.series-form h4{margin-bottom:1rem}.form-group label{color:#333;color:var(--text-primary,#333);display:block;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.5rem;width:100%}.form-input:focus{border-color:#007bff;border-color:var(--primary-color,#007bff);outline:none}.form-actions{gap:.5rem;margin-top:1rem}.create-series-button{margin-bottom:1.5rem;width:100%}.series-list{display:flex;flex-direction:column;gap:1rem}.series-item{background:#fff;border:2px solid #ddd;border:2px solid var(--border-color,#ddd);border-radius:8px;padding:1rem;transition:all .2s}.series-item.selected,.series-item:hover{border-color:#007bff;border-color:var(--primary-color,#007bff)}.series-item.selected{background:#f0f7ff;background:var(--selected-bg,#f0f7ff)}.series-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.series-item-header h4{color:#333;color:var(--text-primary,#333);margin:0}.series-item-actions{display:flex;gap:.5rem}.icon-button{border-radius:4px;padding:.25rem .5rem;transition:background .2s}.icon-button:hover{background:#0000000d;background:var(--hover-bg,#0000000d)}.series-description{font-size:.9rem}.series-description,.series-stats{color:#666;color:var(--text-secondary,#666);margin:.5rem 0}.series-stats{font-size:.85rem}.select-series-button{margin-top:.5rem;width:100%}.series-actions{border-top:1px solid #ddd;border-top:1px solid var(--border-color,#ddd);margin-top:1.5rem;padding-top:1.5rem}.series-actions button{width:100%}.no-series{background:#fff;border-radius:8px}.loading,.no-series{color:#666;color:var(--text-secondary,#666);padding:2rem;text-align:center}.story-setup{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:row;gap:1rem;padding:1rem}.setup-chat-container,.story-setup{display:flex;height:100%;overflow:hidden}.setup-chat-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;flex:0 0 400px;flex-direction:column;max-width:500px;min-width:300px}.setup-chat{border:none;height:100%}.setup-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;flex:1 1;margin:0;max-width:none;min-width:0;overflow-y:auto;padding:2.5rem}.setup-card h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 .5rem}.setup-subtitle{color:#666;font-size:1rem;margin:0 0 2rem}.setup-form{gap:2rem}.form-section,.setup-form{display:flex;flex-direction:column}.form-section{gap:1rem}.form-section h2{color:#333;font-size:1.3rem;margin:0}.form-section h2,.section-header{border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.section-header{align-items:center;display:flex;justify-content:space-between}.section-header h2{border:none;margin:0;padding:0}.ai-suggest-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.series-selection{display:flex;flex-direction:column;gap:.75rem}.series-selection select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.series-order-input{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.series-order-input label{color:#666;font-size:.9rem;font-weight:500}.series-order-input input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:150px}.series-order-input small{color:#666;font-size:.85rem}.ai-suggest-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.ai-suggest-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.field-with-suggest{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.field-with-suggest label{margin:0}.field-suggest-button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:1rem;line-height:1;padding:.25rem .5rem;transition:all .2s}.field-suggest-button:hover:not(:disabled){background:#e3f2fd;border-color:#1976d2;color:#1976d2}.field-suggest-button:disabled{cursor:not-allowed;opacity:.4}.suggestions-panel{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #1976d2;border-radius:12px;box-shadow:0 4px 12px #1976d233;margin-bottom:2rem;padding:1.5rem}.suggestions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.suggestions-header h3{color:#1976d2;font-size:1.2rem;margin:0}.close-suggestions{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.close-suggestions:hover{background:#0000001a;color:#333}.suggestions-list{display:flex;flex-direction:column;gap:1rem}.suggestion-item{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.suggestion-content{flex:1 1}.suggestion-field{color:#1976d2;font-size:.9rem;font-weight:600;margin-bottom:.5rem;text-transform:capitalize}.suggestion-value{color:#333;font-size:1rem;line-height:1.4;margin-bottom:.5rem}.suggestion-reasoning{color:#666;font-size:.85rem;font-style:italic;margin-top:.5rem}.accept-suggestion-button{align-self:center;background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.accept-suggestion-button:hover{background:#1565c0;box-shadow:0 2px 8px #1976d24d;transform:translateY(-1px)}.section-hint{color:#999;font-size:.9rem;font-style:italic;margin:-.5rem 0 .5rem}.form-hint{color:#666;font-size:.85rem;font-style:italic;margin-top:.25rem}.mode-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:.5rem}.mode-option{cursor:pointer;display:block}.mode-option input[type=radio]{display:none}.mode-card{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .2s}.mode-option input[type=radio]:checked+.mode-card{background:#e3f2fd;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.mode-card strong{color:#333;display:block;font-size:1.1rem;margin-bottom:.5rem}.mode-card p{color:#666;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:600px){.mode-selector{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-label,.form-group label{color:#555;font-size:.95rem;font-weight:600}.checkbox-label{align-items:center;display:flex;gap:.6rem}.checkbox-label input[type=checkbox]{height:18px;width:18px}.form-input,.form-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.form-textarea{min-height:80px;resize:vertical}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.character-form{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.add-character-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.75rem 1.5rem;transition:background .2s}.add-character-button:hover:not(:disabled){background:#1565c0}.add-character-button:disabled{background:#ccc;cursor:not-allowed}.character-library{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.character-library h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.library-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.library-character-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:block;padding:1rem;transition:all .2s}.library-character-card input[type=checkbox]{display:none}.library-character-card:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d233}.library-character-card.selected{background:#e3f2fd;border-color:#1976d2}.library-character-content strong{color:#333;display:block;margin-bottom:.5rem}.library-character-content p{color:#666;font-size:.85rem;line-height:1.4;margin:.5rem 0}.character-form-section{margin:1.5rem 0}.character-form-section h3{color:#555;font-size:1rem;margin:0 0 .5rem}.toggle-form-button{background:#f5f5f5;border:2px dashed #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.95rem;padding:.75rem 1.5rem;transition:all .2s}.toggle-form-button:hover{background:#e0e0e0;border-color:#1976d2;color:#1976d2}.character-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.characters-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.character-card{border-radius:8px;padding:1rem;position:relative}.character-header{align-items:center;margin-bottom:.5rem}.character-header strong{color:#333;font-size:1.1rem}.remove-button{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;line-height:1;transition:background .2s;width:28px}.remove-button:hover{background:#d32f2f}.character-desc{color:#666;font-size:.9rem;line-height:1.4;margin:.5rem 0}.character-ownership{color:#555;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem;margin:.5rem 0}.ownership-label{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:10px;padding:.25rem .5rem}.trait-tag{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.form-actions{border-top:2px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.cancel-button{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .2s}.cancel-button:hover{background:#e0e0e0}.submit-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2.5rem;transition:all .2s}.submit-button:hover{background:#1565c0;box-shadow:0 4px 12px #1976d266;transform:translateY(-1px)}@media (max-width:768px){.story-setup{padding:1.5rem}.setup-card{margin:1rem 0;padding:2rem}.setup-card h1{font-size:1.75rem}.form-section h2{font-size:1.2rem}.form-row{grid-template-columns:1fr}.setup-actions{flex-direction:column}.setup-actions button{width:100%}}@media (max-width:480px){.story-setup{padding:1rem}.setup-card{border-radius:12px;padding:1.5rem}.setup-card h1{font-size:1.5rem}.setup-subtitle{font-size:.9rem}.form-section{gap:.75rem}.form-section h2{font-size:1.1rem}.form-group label{font-size:.9rem}.form-input,.form-select,.form-textarea{font-size:.9rem;padding:.6rem}.mode-selector{flex-direction:column;gap:.5rem}.mode-option{padding:.75rem}.ai-suggestions-button{padding:.75rem;width:100%}}.character-manager{box-sizing:border-box;height:100%;margin:0 auto;max-width:1200px;overflow-y:auto;padding:2rem}.character-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.character-manager-header h2{color:#333;margin:0}.create-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.create-button:hover{background:#1565c0}.character-form-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;max-height:80vh;overflow-y:auto;padding:2rem}.character-form-card h3{color:#333;font-size:1.5rem;margin:0 0 1.5rem}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.form-section h4{border-bottom:2px solid #e0e0e0;color:#1976d2;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.character-form-card .form-group{margin-bottom:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.character-manager{padding:1.5rem}.character-manager-header{align-items:stretch;flex-direction:column;gap:1rem}.character-manager-header h2{font-size:1.5rem}.create-button{padding:.75rem;width:100%}.character-form-card{padding:1.5rem}.characters-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.character-manager{padding:1rem}.character-manager-header h2{font-size:1.25rem}.character-form-card{margin-bottom:1rem;padding:1rem}.character-form-card h3{font-size:1.25rem}.form-section{padding:1rem}.form-section h4{font-size:1rem}.characters-grid{gap:1rem;grid-template-columns:1fr}.character-card{padding:1rem}.character-header h3{font-size:1.1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.character-form-card .form-group label{color:#555;display:block;font-weight:600;margin-bottom:.5rem}.character-form-card .form-input,.character-form-card .form-textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.character-form-card .form-input:focus,.character-form-card .form-textarea:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.character-form-card .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.character-form-card .cancel-button,.character-form-card .submit-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.character-form-card .cancel-button{background:#f5f5f5;color:#333}.character-form-card .cancel-button:hover{background:#e0e0e0}.character-form-card .submit-button{background:#1976d2;color:#fff}.character-form-card .submit-button:hover:not(:disabled){background:#1565c0}.character-form-card .submit-button:disabled{background:#ccc;cursor:not-allowed}.characters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.character-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .2s}.character-card:hover{border-color:#1976d2;box-shadow:0 4px 12px #0000001a}.character-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.character-header h3{color:#333;font-size:1.2rem;margin:0}.character-actions{display:flex;gap:.5rem}.icon-button{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.6;padding:.25rem;transition:opacity .2s}.icon-button:hover{opacity:1}.character-details{display:flex;flex-direction:column;gap:.75rem}.character-basic-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.info-badge{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;color:#555;font-size:.85rem;padding:.25rem .75rem}.character-role{color:#1976d2;font-size:.9rem;font-weight:600;margin:.25rem 0}.character-role strong{color:#333}.character-description{color:#666;font-size:.9rem;line-height:1.5;margin:.5rem 0}.character-physical{color:#666;font-size:.85rem;line-height:1.4;margin:.25rem 0}.character-physical strong{color:#333;font-weight:600}.character-goals,.character-kinks{color:#666;font-size:.85rem;line-height:1.4;margin:.25rem 0}.character-goals strong,.character-kinks strong{color:#333;font-weight:600}.character-traits{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.trait-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.empty-state{color:#999;grid-column:1/-1;padding:3rem;text-align:center}.empty-state p{margin:.5rem 0}.profile-settings{margin:0 auto;max-width:800px;padding:2rem}.profile-title{font-size:2rem;font-weight:600;margin-bottom:2rem}.profile-section{margin-bottom:3rem}.profile-section h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.profile-description{color:#666;font-size:.95rem;margin-bottom:1.5rem}.theme-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.theme-option{align-items:stretch;cursor:pointer;display:flex;flex-direction:column;min-height:160px;padding:1.25rem;text-align:left}.theme-option.active{border:2px solid #1976d2;border:2px solid var(--chrome-accent,#1976d2);box-shadow:0 0 0 3px #1976d21a}.theme-preview{border-radius:8px;height:80px;margin-bottom:1rem;overflow:hidden;position:relative}.theme-preview-sample{border-radius:8px;height:100%;width:100%}[data-theme-preview=dark-chrome] .theme-preview-sample{background:radial-gradient(circle,#2d2d2d 0,#232323 50%,#1a1a1a 100%);border:1px solid #ffffff1a;box-shadow:inset 0 1px 0 #fff3,inset 0 -1px 0 #0009;position:relative}[data-theme-preview=dark-chrome] .theme-preview-sample:after{background:radial-gradient(circle at 30% 30%,#fff3 0,#ffffff14 40%,#0000 70%);border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme-preview=light-chrome] .theme-preview-sample{background:radial-gradient(circle,#fff 0,#f5f5f5 50%,#e8e8e8 100%);border:1px solid #00000014;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #0000001a;position:relative}[data-theme-preview=light-chrome] .theme-preview-sample:after{background:radial-gradient(circle at 30% 30%,#fff6 0,#fff3 40%,#0000 70%);border-radius:8px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}[data-theme-preview=gunmetal-chrome] .theme-preview-sample{background:radial-gradient(circle,#4a4a4a 0,#3a3a3a 50%,#2e2e2e 100%);border:1px solid #ffffff1a;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #000000b3;position:relative}[data-theme-preview=gunmetal-chrome] .theme-preview-sample:after{background:radial-gradient(circle at 30% 30%,#ffffff2e 0,#ffffff14 40%,#0000 70%);border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme-preview=mystery-purple-chrome] .theme-preview-sample{background:radial-gradient(circle,#b248f0 0,#800ec2 50%,#5c0b85 100%);border:1px solid #b248f066;box-shadow:inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #5c0b8580;position:relative}[data-theme-preview=mystery-purple-chrome] .theme-preview-sample:after{background:radial-gradient(circle at 30% 30%,#ffffff4d 0,#ffffff1a 40%,#0000 70%);border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.theme-info{flex:1 1}.theme-label{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.theme-desc{font-size:.9rem;opacity:.8}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;padding:.75rem}.info-label{color:#666;font-weight:600;min-width:150px}.info-value{color:#1a1a1a}[data-theme=dark-chrome] .info-row{background:#2d2d2d}[data-theme=dark-chrome] .info-label{color:#b0b0b0}[data-theme=dark-chrome] .info-value{color:#fff}[data-theme=gunmetal-chrome] .info-row{background:#3a3a3a}[data-theme=gunmetal-chrome] .info-label{color:#a0a0a0}[data-theme=gunmetal-chrome] .info-value{color:#e0e0e0}[data-theme=mystery-purple-chrome] .info-row{background:#2d1b3d}[data-theme=mystery-purple-chrome] .info-label{color:#b19cc0}[data-theme=mystery-purple-chrome] .info-value{color:#e8d4f0}.pairing-manager{margin:0 auto;max-width:800px;padding:2rem}.pairing-manager h2{color:#333;margin:0 0 .5rem}.pairing-subtitle{color:#666;margin:0 0 2rem}.pairing-search{background:#f9f9f9;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.pairing-search h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.search-input{border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.search-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.search-results{display:flex;flex-direction:column;gap:.5rem}.search-result-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:space-between;padding:.75rem}.search-result-item,.user-info{align-items:center;display:flex}.user-info{gap:.75rem}.user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.username{color:#333;font-weight:600}.display-name{color:#666;font-size:.9rem}.accept-button,.cancel-button,.pair-button,.reject-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.pair-button{background:#1976d2;color:#fff}.pair-button:hover:not(:disabled){background:#1565c0}.accept-button{background:#4caf50;color:#fff}.accept-button:hover:not(:disabled){background:#45a049}.cancel-button,.reject-button{background:#f5f5f5;border:1px solid #e0e0e0;color:#666}.cancel-button:hover:not(:disabled),.reject-button:hover:not(:disabled){background:#e0e0e0}button:disabled{cursor:not-allowed;opacity:.6}.already-paired{color:#666;font-size:.9rem;font-style:italic}.pairing-section{margin-bottom:2rem}.pairing-section h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.pairing-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.pairing-item.accepted{background:#f1f8f4;border-color:#4caf50}.pairing-actions{display:flex;gap:.5rem}.status-badge{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.accepted{background:#d4edda;color:#155724}.empty-message{color:#666;font-style:italic;padding:1rem;text-align:center}.help-page{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:900px;overflow-y:auto;padding:2rem;width:100%}.help-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2.5rem}.help-content h1{border-bottom:3px solid #1976d2;color:#333;font-size:2.5rem;margin:0 0 2rem;padding-bottom:.5rem}.help-section{margin-bottom:2.5rem}.help-section h2{color:#1976d2;font-size:1.5rem;margin:0 0 1rem}.help-section p{color:#555;line-height:1.7;margin:0 0 1rem}.help-section ul{list-style-type:disc;margin:.5rem 0 1rem 1.5rem;padding:0}.help-section li{color:#555;line-height:1.6;margin:.5rem 0}.help-section code{background:#f5f5f5;border-radius:4px;color:#d32f2f;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.help-section strong{color:#333;font-weight:600}@media (max-width:768px){.help-page{padding:1rem}.help-content{padding:1.5rem}.help-content h1{font-size:2rem}.help-section h2{font-size:1.25rem}}@media (max-width:480px){.help-page{padding:.75rem}.help-content{border-radius:8px;padding:1rem}.help-content h1{font-size:1.75rem}.help-section{margin-bottom:2rem}.help-section h2{font-size:1.1rem}.help-section li,.help-section p{font-size:.9rem}}.pending-users{margin:0 auto;max-width:700px;padding:2rem}.pending-title{font-size:2rem;font-weight:600;margin-bottom:.5rem}.admin-settings-section{background:#00000008;border-radius:8px;margin-bottom:2rem;padding:1.25rem}.admin-settings-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.admin-settings-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem}.admin-settings-toggle input:disabled{cursor:not-allowed}.admin-settings-hint{color:#666;font-size:.9rem;margin:0}.pending-section-title{font-size:1.5rem;margin-bottom:.5rem;margin-top:0}.pending-description{color:#666;margin-bottom:2rem}.pending-error{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;margin-bottom:1rem;padding:1rem}.pending-empty,.pending-loading{color:#666;font-style:italic}.pending-list{display:flex;flex-direction:column;gap:1rem}.pending-item{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem}.pending-item-info{flex:1 1;min-width:200px}.pending-email{color:#666;font-size:.9rem}.pending-date{color:#888;font-size:.85rem}.pending-item-actions{display:flex;gap:.5rem}.approve-btn{background:#28a745;background:var(--chrome-success,#28a745);color:#fff}.reject-btn{background:#dc3545;background:var(--chrome-danger,#dc3545);color:#fff}.admin-users-title{font-size:1.5rem;margin-bottom:.5rem;margin-top:3rem}.admin-users-description{color:#666;margin-bottom:1.5rem}.admin-users-list{display:flex;flex-direction:column;gap:.75rem}.admin-user-item{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.admin-user-info{flex:1 1;min-width:150px}.admin-you{color:#666;font-weight:400}.admin-user-status{color:#666;font-size:.9rem}.admin-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem}.admin-toggle input:disabled{cursor:not-allowed}.claim-admin-banner{align-items:center;background:#1976d226;border:1px solid #1976d24d;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 2rem;padding:.75rem 1.5rem}.claim-admin-banner span{flex:1 1;min-width:200px}.claim-error{color:#dc3545;font-size:.9rem;width:100%}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:2.5rem;width:100%}.auth-card h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 .5rem;text-align:center}.auth-subtitle{color:#666;font-size:1rem;margin:0 0 2rem;text-align:center}.auth-form{gap:1rem}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:.5rem}.auth-form .form-group label{color:#555;font-size:.95rem;font-weight:600}.auth-form .form-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s}.auth-form .form-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.auth-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.75rem 2rem;transition:all .2s}.auth-button:hover:not(:disabled){background:#1565c0;box-shadow:0 4px 12px #1976d266;transform:translateY(-1px)}.auth-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.auth-error{background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;font-size:.9rem;padding:.75rem}.auth-switch{color:#666;font-size:.9rem;margin-top:1.5rem;text-align:center}.link-button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{color:#1565c0}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.app-container>:not(.main-navigation){-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.app-container .app-start-screen{overflow-x:hidden;overflow-y:auto}@media (max-width:768px){.app-container{overflow-x:hidden}}.app-start-screen{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:calc(100vh - 70px);overflow-x:hidden;overflow-y:auto;padding:4rem 2rem 2rem}.app-start-screen,.start-card{box-sizing:border-box;position:relative;width:100%}.start-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;flex-shrink:0;margin:0 auto;max-width:600px;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible;padding:3rem;text-align:center}@media (min-width:769px){.app-start-screen{align-items:center;padding:3rem 2rem}}.start-card h1{color:#333;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem;max-width:100%;white-space:normal}.start-card h1,.subtitle{word-wrap:break-word;box-sizing:border-box;display:block;overflow:visible;overflow-wrap:break-word;padding:0;width:100%}.subtitle{color:#666;font-size:1.2rem;line-height:1.4;margin:0 0 1.5rem}.description{color:#555;font-size:1rem;line-height:1.6;margin:0 0 2rem}@media (max-width:768px){.app-start-screen{align-items:flex-start;min-height:calc(100vh - 80px);padding:2rem 1.5rem 1.5rem}.start-card{border-radius:12px;margin-top:0;padding:2rem}.start-card h1{font-size:2rem}.start-card h1,.subtitle{word-wrap:break-word;display:block;overflow-wrap:break-word;width:100%}.subtitle{font-size:1.1rem}.description{font-size:.95rem}}@media (max-width:480px){.app-start-screen{align-items:flex-start;min-height:calc(100vh - 100px);padding:1rem}.start-card{border-radius:12px;box-shadow:0 10px 30px #0003;margin-top:0;padding:1.5rem}.start-card h1{font-size:1.75rem;margin-bottom:.75rem}.start-card h1,.subtitle{word-wrap:break-word;display:block;overflow-wrap:break-word;width:100%}.subtitle{font-size:1rem;margin-bottom:1rem}.description{font-size:.9rem;margin-bottom:1.5rem}}.start-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:2rem;padding:1rem 2.5rem;transition:all .2s}.start-button:hover{background:#1565c0;box-shadow:0 4px 12px #1976d266;transform:translateY(-2px)}.features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem;text-align:left}@media (max-width:768px){.features{gap:1rem;grid-template-columns:1fr;margin-top:1.5rem}}@media (max-width:480px){.features{gap:.75rem;margin-top:1rem}.feature{padding:.75rem}.feature strong{font-size:.95rem}.feature p{font-size:.85rem}}.session-list{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;margin:1.5rem 0 1.25rem;padding:1rem;text-align:left}.session-list-title{color:#333;font-weight:700;margin-bottom:.75rem}.session-row{align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding:.75rem}@media (max-width:768px){.session-list{margin:1rem 0;padding:.75rem}.session-row{align-items:stretch;flex-direction:column;gap:.75rem}.session-actions{justify-content:flex-end}}@media (max-width:480px){.session-list{margin:.75rem 0;padding:.5rem}.session-row{gap:.5rem;padding:.5rem}.session-name{font-size:.95rem}.session-meta{font-size:.8rem}.session-actions{justify-content:stretch;width:100%}.small-button{flex:1 1;font-size:.85rem;padding:.4rem .6rem}}.session-row:last-child{margin-bottom:0}.session-name{color:#333;font-weight:600}.session-meta{color:#777;font-size:.85rem;margin-top:.25rem}.session-actions{display:flex;gap:.5rem}.small-button{background:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem .8rem}.small-button:hover{background:#1565c0}.small-button.danger{background:#d32f2f}.small-button.danger:hover{background:#b71c1c}.feature{background:#f5f5f5;border-radius:8px;padding:1rem}.feature strong{color:#333;display:block;font-size:1rem;margin-bottom:.5rem}.feature p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.admin-claim-page{margin:0 auto;max-width:600px;padding:2rem}.admin-claim-page h1{font-size:2rem;margin-bottom:1rem}.admin-claim-page p{color:#666;margin-bottom:1.5rem}
/*# sourceMappingURL=main.94a47b3a.css.map*/