.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(2px)}.modal{background:var(--color-primary-dark);border:1px solid var(--color-ui-light);border-radius:var(--radius-sm);padding:var(--spacing-lg);max-width:400px;width:90%;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all .2s;font-size:1.2rem;line-height:1;cursor:pointer}.modal-close:hover{color:var(--color-text);background-color:var(--color-bg-tertiary)}.modal-title{font-size:1.2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs);text-align:center;text-transform:uppercase;letter-spacing:1px}.modal-subtitle{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);text-align:center;font-family:Roboto Mono,monospace}.auth-buttons{flex-direction:column}.auth-btn,.auth-buttons{display:flex;gap:var(--spacing-sm)}.auth-btn{align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-ui-light);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;transition:all .1s;background:var(--color-primary);color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.auth-btn:hover{border-color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.auth-btn:active{transform:translateY(0);background-color:var(--color-primary-dark)}.auth-btn svg{width:18px;height:18px}.spinner{border:2px solid var(--color-primary-light);border-top-color:var(--color-accent);border-radius:50%;width:30px;height:30px;animation:spin .6s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-ui-light);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.ai-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-ui-light);border-radius:var(--radius-md);padding:var(--spacing-md);animation:fadeIn .5s ease}.ai-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-ui-light);padding-bottom:var(--spacing-xs)}.ai-icon{font-size:1.2rem}.ai-header h3{font-size:.9rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.ai-body,.ai-header h3{color:var(--color-text)}.ai-body{font-family:Inter,sans-serif;line-height:1.6;font-size:1rem}.cursor{display:inline-block;width:2px;background-color:var(--color-accent);animation:blink 1s step-end infinite;margin-left:2px;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ai-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.ai-content{font-family:inherit;line-height:1.7;color:var(--color-text);font-size:1.05rem}.phrase-actions{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}@media (max-width:768px){.phrase-actions{gap:.75rem}}.prompt-suggestion-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:var(--color-text-muted);font-size:.9rem;cursor:pointer;transition:background .15s}.prompt-suggestion-btn:hover:not(:disabled){background:rgba(49,70,83,.2)}.prompt-suggestion-btn:disabled{cursor:default;opacity:.6}@media (max-width:768px){.prompt-suggestion-btn{font-size:.85rem}}.disclaimer-icon-wrapper .disclaimer-tooltip{display:none;position:absolute;top:calc(100% + 8px);left:0;width:260px;background:var(--color-primary-dark);border:1px solid var(--color-ui-light);border-radius:var(--radius-sm);padding:10px 12px;font-size:.75rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--color-text-muted);line-height:1.55;z-index:1000;pointer-events:none;max-width:calc(100vw - 32px)}.disclaimer-icon-wrapper.disclaimer-open .disclaimer-tooltip,.disclaimer-icon-wrapper:hover .disclaimer-tooltip{display:block}@media (max-width:768px){.disclaimer-icon-wrapper .disclaimer-tooltip{left:auto;right:-16px;width:min(260px,calc(100vw - 32px))}}.header-bar{width:100%;background-color:rgba(2,6,23,.8);backdrop-filter:blur(12px);border-bottom:1px solid transparent;height:56px;display:flex;align-items:center;position:sticky;top:0;z-index:1000}.header-bar.chat-active{border-bottom-color:rgba(255,255,255,.08)}.header-content{width:100%;padding:0 var(--spacing-lg);display:flex;align-items:center;position:relative}.site-name{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0;letter-spacing:-.02em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}.user-area{margin-left:auto;display:flex;align-items:center;height:100%;flex-shrink:0}.app-layout{width:100%;height:100vh;position:relative}.app-layout,.main-area{display:flex;overflow:hidden;background-color:var(--color-bg)}.main-area{flex-direction:column;flex:1;margin-left:64px}.mini-sidebar{position:fixed;top:0;left:0;height:100vh;background-color:#0b1120;border-right:1px solid rgba(255,255,255,.06);flex-direction:column;z-index:1100}.mini-sidebar,.mini-sidebar-logo{width:64px;display:flex;align-items:center;flex-shrink:0}.mini-sidebar-logo{height:64px;justify-content:center;text-decoration:none;cursor:pointer}.mini-sidebar-logo img{width:30px;height:30px;object-fit:contain}.mini-sidebar-icons{display:flex;flex-direction:column;gap:4px;padding:0 8px;align-items:center;width:100%}.mini-sidebar-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);color:#71717a;cursor:pointer;transition:all .15s ease}.mini-sidebar-btn.today-active{color:rgba(255,255,255,.9)}.mini-sidebar-btn:hover{background-color:rgba(255,255,255,.06);color:var(--color-text)}.mini-sidebar-btn.active{background-color:rgba(255,255,255,.1);color:var(--color-accent)}.sidebar-panel{position:fixed;top:0;left:64px;width:260px;height:100vh;background-color:#0a0f1a;border-right:1px solid rgba(255,255,255,.08);z-index:1090;overflow-y:auto;overflow-x:hidden;padding-top:16px;animation:panelSlideIn .15s ease-out;box-shadow:4px 0 24px rgba(0,0,0,.3)}@keyframes panelSlideIn{0%{transform:translateX(-12px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes mobilePanelSlideIn{0%{transform:translateX(calc(-64px - 100%))}to{transform:translateX(0)}}.panel-title{padding:12px 16px 8px;color:var(--color-text-secondary);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.panel-item{padding:10px 16px;cursor:pointer;transition:all .12s ease;color:#a1a1aa;font-size:.9rem;display:flex;align-items:center;gap:8px}.panel-item:hover{background-color:rgba(255,255,255,.04);color:var(--color-text)}.panel-item.active{background-color:rgba(255,255,255,.06);color:var(--color-text);font-weight:500}.panel-item .phrase-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.panel-header .panel-title{padding:0}.panel-close-btn{display:none;width:28px;height:28px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:.95rem;border-radius:4px;padding:0;flex-shrink:0}.panel-close-btn:hover{color:var(--color-text);background-color:rgba(255,255,255,.06)}.panel-item-menu{position:relative;margin-left:auto;flex-shrink:0}.panel-item-menu-btn{display:flex;visibility:hidden;width:28px;height:28px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted);border-radius:4px;padding:0;outline:none}.panel-item-menu-btn:focus{outline:none;box-shadow:none}.panel-item:hover .panel-item-menu-btn{visibility:visible}.panel-item-menu-btn:hover{background-color:rgba(255,255,255,.08);color:var(--color-text)}.panel-item-dropdown{position:absolute;right:0;top:calc(100% + 4px);background-color:#1a2235;border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.5);z-index:200;min-width:120px;overflow:hidden}.panel-item-dropdown button{display:block;width:100%;padding:9px 14px;text-align:left;background:none;border:none;cursor:pointer;font-size:.875rem;color:var(--color-text)}.panel-item-dropdown button:hover{background-color:rgba(255,255,255,.06)}.panel-item-dropdown .dropdown-delete:hover{color:var(--color-accent)}.add-word-item{color:var(--color-text-secondary)}.add-word-item:hover{background-color:rgba(221,89,56,.08)!important;color:var(--color-accent)}.add-word-plus{font-size:1.2rem;color:var(--color-accent);font-weight:300;width:20px;text-align:center}.panel-loading{padding:24px;display:flex;justify-content:center}.panel-empty{padding:24px 16px;color:#52525b;font-size:.85rem;text-align:center}.main-content{flex:1;overflow-y:auto;padding:0;background-color:var(--color-bg)}.empty-state,.main-content{display:flex;flex-direction:column;align-items:center}.empty-state{justify-content:center;height:100%;color:var(--color-text-muted);font-size:1.5rem;font-weight:500;gap:var(--spacing-md)}.phrase-display{max-width:720px;margin:0 auto;width:100%;padding:var(--spacing-xl) var(--spacing-lg);display:flex;flex-direction:column;flex:1}.phrase-display.pre-analysis{justify-content:center;align-items:center}.phrase-header{padding:0;border-bottom:none;background-color:transparent;display:flex;flex-direction:column;align-items:center;margin-bottom:4px}.phrase-title-clickable{cursor:pointer}.bookmark-indicator{position:absolute;top:35%;right:-20px;transform:translateY(-50%);display:inline-flex;pointer-events:none}.bookmark-indicator.animating{animation:bookmark-pop .35s ease}@keyframes bookmark-pop{0%{transform:translateY(-50%) scale(.5);opacity:.5}50%{transform:translateY(-50%) scale(1.3);opacity:1}to{transform:translateY(-50%) scale(1);opacity:1}}.phrase-title{font-size:2rem;color:var(--color-text);margin:0;font-weight:700;letter-spacing:-.03em;line-height:1.2;text-transform:capitalize}.show-content-btn{background-color:var(--color-text);color:var(--color-bg);padding:var(--spacing-sm) var(--spacing-lg);border-radius:20px;font-size:.9rem;font-weight:600;transition:opacity .2s;cursor:pointer;border:none}.show-content-btn:hover{opacity:.9}.content-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--color-text-secondary);gap:var(--spacing-md)}.content-error{padding:var(--spacing-md);background-color:rgba(239,68,68,.1);border:1px solid var(--color-accent);color:var(--color-accent);margin:var(--spacing-md) 0;border-radius:var(--radius-md)}.retry-btn{margin-top:var(--spacing-sm);background-color:var(--color-accent);color:white;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500}.phrase-content{padding:0;display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.chat-message{display:flex;gap:12px;padding:0;margin-bottom:var(--spacing-md)}.chat-message-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;margin-top:2px}.chat-message-avatar.ai{background:linear-gradient(135deg,var(--color-accent),#e47759);color:white;font-weight:700}.chat-message-avatar.user{background-color:rgba(255,255,255,.1);color:var(--color-text-secondary)}.chat-message-body{flex:1;min-width:0}.chat-message-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.chat-message-text{line-height:1.7;color:var(--color-text);font-size:1rem}.chat-message-text p{margin:0 0 .5em}.chat-message-text p:last-child{margin-bottom:0}.chat-usage-block{padding:14px 16px;background-color:rgba(255,255,255,.02);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);margin-top:8px}.chat-usage-block p{font-style:italic;color:var(--color-text-secondary);font-size:.95rem;margin:0}.chat-input-area{max-width:720px;width:100%;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xl);flex-shrink:0}.chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;background-color:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:8px 8px 8px 20px;transition:border-color .2s}.chat-input-wrapper:focus-within{border-color:rgba(255,255,255,.24)}.chat-input{flex:1;background:none;border:none;color:var(--color-text);font-size:.95rem;font-family:inherit;padding:8px 0;resize:none;outline:none;min-height:24px;max-height:120px;line-height:1.5}.chat-input::placeholder{color:#52525b}.chat-send-btn{width:36px;height:36px;border-radius:50%;background-color:var(--color-accent);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s,transform .1s}.chat-send-btn:hover{opacity:.9}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.chat-send-btn svg{width:18px;height:18px}.chat-thread{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.06)}.chat-thread-message{display:flex;gap:12px;padding:12px 0}.chat-thread-message.user-msg{justify-content:flex-end}.chat-thread-message.user-msg .chat-bubble{background-color:rgba(255,255,255,.08);border-radius:18px 18px 4px 18px;padding:10px 16px;max-width:80%;color:var(--color-text);font-size:.95rem}.chat-thread-message.ai-msg .chat-bubble{flex:1;color:var(--color-text);font-size:.95rem;line-height:1.7}.user-trigger{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px;transition:background-color .2s;border:1px solid transparent;height:36px}.user-trigger:hover{background-color:var(--color-bg-tertiary)}.user-icon{width:24px;height:24px;fill:var(--color-text-secondary);display:block}.user-menu{position:relative;display:flex;align-items:center;height:100%}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg-secondary);border:1px solid var(--color-ui-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);min-width:240px;max-width:300px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all .1s;z-index:1001}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-email{font-size:.85rem;color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.admin-panel-link{font-size:.9rem;color:var(--color-text);text-decoration:none;font-weight:500}.admin-panel-link:hover{color:var(--color-text);background-color:rgba(255,255,255,.06)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color .15s;text-decoration:none;width:100%;text-align:left;background:none;border:none;font-family:inherit}.dropdown-item:hover{background-color:rgba(255,255,255,.06)}.dropdown-item svg{flex-shrink:0;opacity:.7}.settings-link{color:var(--color-text)}.sign-out-link{font-size:.9rem;color:var(--color-accent);cursor:pointer;transition:color .2s;display:block;text-align:left;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.sign-out-link:hover{color:var(--color-accent-light);background-color:rgba(239,68,68,.1)}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background-color:var(--color-bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);width:420px;max-width:90vw;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.settings-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0}.settings-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:all .15s}.settings-close:hover{background-color:rgba(255,255,255,.08);color:var(--color-text)}.settings-body{padding:16px 24px 24px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.settings-row-label{display:flex;flex-direction:column;gap:2px}.settings-row-title{font-size:.95rem;font-weight:500;color:var(--color-text)}.settings-row-desc{font-size:.8rem;color:var(--color-text-muted)}.theme-toggle{display:flex;background-color:rgba(255,255,255,.06);border-radius:20px;padding:3px;border:1px solid rgba(255,255,255,.08);cursor:pointer}.theme-toggle-option{padding:6px 16px;border-radius:17px;font-size:.8rem;font-weight:500;color:var(--color-text-muted);transition:all .2s}.theme-toggle-option.active{background-color:var(--color-accent);color:white;box-shadow:0 2px 4px rgba(0,0,0,.2)}.mobile-menu-toggle{display:none;color:var(--color-text);padding:8px 12px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;z-index:1001;margin-right:auto;border-radius:20px;line-height:1}.mobile-menu-toggle:hover{background-color:var(--color-primary-light)}@media (max-width:768px){.mobile-menu-toggle{display:block}.mini-sidebar{position:fixed;top:0;left:0;width:64px;display:flex;transform:translateX(-64px);transition:transform .25s ease}.mini-sidebar.mobile-open{transform:translateX(0)}.sidebar-panel{left:64px;width:calc(100vw - 64px);max-width:280px;padding-top:0;z-index:1150;animation:mobilePanelSlideIn .25s ease both}.panel-close-btn{display:flex}.panel-item:hover .panel-item-menu-btn{visibility:hidden}.main-area{margin-left:0;width:100%}.app-layout{flex-direction:column}.header-content{padding:0 var(--spacing-md)}.phrase-title{font-size:1.5rem}.chat-input-area{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.chat-input{font-size:1rem}}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1001}@media (max-width:768px){.mobile-overlay.active{display:block}}