:root{--teal: #6B5CF6;--teal-dark: #7A2DE8;--teal-light: #8B3CF7;--ocean-blue: #8B3CF7;--ocean-light: #EEF0FF;--ocean-mid: #C9CDF6;--white: #ffffff;--off-white: #FAFAFF;--text-dark: #2C2C3E;--text-mid: #3A3A4E;--text-light: #6E7088;--card-bg: #ffffff;--shadow: 0 4px 24px rgba(107, 92, 246, .12);--shadow-hover: 0 8px 40px rgba(107, 92, 246, .22);--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--text: #2C2C3E;--text2: #5A6070;--surface: #FFFFFF;--surface2: #FAFAF8;--border: #E8E8F5;--nav: rgba(250, 250, 248, .92);--paper: #FAFAF8;--line: #E8E8F5;--margin: rgba(196, 181, 253, .5)}html[data-theme=dark]{--text: #F0F4FF;--text2: #A8B8D0;--surface: #1A1A2E;--surface2: #16162B;--border: #2A2A45;--nav: #12121F;--paper: #0F0F1A;--line: #1A1A2E;--margin: rgba(61, 45, 110, .5)}html{transition:background-color .3s ease}[style*="var(--surface"],[style*="var(--text"],[style*="var(--border"],[style*="var(--nav"],[style*="var(--paper"]{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;min-height:100vh;color:var(--text);background-color:var(--paper);background-image:repeating-linear-gradient(transparent,transparent 31px,var(--line) 31px,var(--line) 32px),linear-gradient(to right,transparent 59px,var(--margin) 59px,var(--margin) 61px,transparent 61px);background-attachment:fixed;transition:background-color .3s ease,color .3s ease}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit}html[data-theme=dark] input:not([type=range]):not([type=checkbox]):not([type=radio]),html[data-theme=dark] textarea,html[data-theme=dark] select{color:#f0f4ff!important;background-color:#16162b!important;border-color:#2a2a45!important}html[data-theme=dark] input:not([type=range])::placeholder,html[data-theme=dark] textarea::placeholder{color:#8a9bb5!important;opacity:1}html[data-theme=dark] input:not([type=range]):focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] select:focus{border-color:#6b5cf6!important}@keyframes gsOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes gsOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes gsSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes gsSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes gsPopIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gsPopOut{0%{transform:scale(1);opacity:1}to{transform:scale(.94);opacity:0}}.gs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#0000008c;display:flex;justify-content:center;align-items:flex-end;animation:gsOverlayIn .25s ease forwards}.gs-overlay.closing{animation:gsOverlayOut .25s ease forwards}.gs-panel{position:relative;background:var(--surface);width:100%;max-width:560px;max-height:94vh;overflow-y:auto;border-radius:24px 24px 0 0;padding:24px 18px calc(20px + env(safe-area-inset-bottom));animation:gsSlideUp .32s cubic-bezier(.16,1,.3,1) forwards}.gs-panel.closing{animation:gsSlideDown .28s ease-in forwards}@media (max-width: 480px){.gs-panel{max-height:100%;min-height:100dvh;border-radius:0}}@media (min-width: 600px){.gs-overlay{align-items:center}.gs-panel{border-radius:24px;max-height:88vh;animation:gsPopIn .24s ease forwards}.gs-panel.closing{animation:gsPopOut .2s ease forwards}}.gs-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 20px}.gs-grid>button:last-child:nth-child(odd){grid-column:1 / -1}.topic-row{display:flex;gap:8px;align-items:stretch}.topic-input{flex:1;min-width:0}.topic-actions{display:flex;gap:8px;flex-shrink:0}.topic-action-btn{border-radius:12px;font-size:20px;padding:0 14px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.topic-action-label{display:none}@media (max-width: 480px){.topic-row{flex-direction:column}.topic-actions{width:100%}.topic-action-btn{flex:1;padding:13px 0;font-size:15px;font-weight:700}.topic-action-label{display:inline;margin-left:7px}}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes flipSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.3)}50%{transform:rotate(180deg) scale(1.5)}75%{transform:rotate(270deg) scale(1.3)}to{transform:rotate(360deg) scale(1)}}@keyframes megaFlip{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.8) rotate(180deg)}40%{transform:scale(2.4) rotate(360deg) translateY(-20px)}60%{transform:scale(1.8) rotate(540deg) translateY(-10px)}80%{transform:scale(1.2) rotate(680deg)}to{transform:scale(1) rotate(720deg)}}@keyframes splash{0%{transform:scale(1)}30%{transform:scale(.7) translateY(8px)}60%{transform:scale(1.1) rotate(-15deg)}to{transform:scale(1) rotate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes flippulse{0%{box-shadow:0 0 #6b5cf680}70%{box-shadow:0 0 0 8px #6b5cf600}to{box-shadow:0 0 #6b5cf600}}@keyframes wave{0%{transform:scaleX(1)}50%{transform:scaleX(1.02) translate(2px)}to{transform:scaleX(1)}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#6b5cf6;border:3px solid white;box-shadow:0 2px 8px #6b5cf659;cursor:pointer;margin-top:-7px}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#6b5cf6;border:3px solid white;box-shadow:0 2px 8px #6b5cf659;cursor:pointer}.animate-float{animation:float 3s ease-in-out infinite}.animate-flip{animation:flipSpin .6s ease-in-out}.animate-mega-flip{animation:megaFlip 1.2s ease-in-out}.animate-splash{animation:splash .5s ease-in-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}