:root{--bg-deep: #0a0e1a;--bg-card: #111827;--accent-lavender: #a78bfa;--accent-chamomile: #fbbf24;--accent-moon: #e0e7ff;--accent-mint: #6ee7b7;--accent-rose: #fda4af;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-subtle: rgba(167, 139, 250, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--bg-deep);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow-x:hidden}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:0;-webkit-animation:twinkle var(--duration) ease-in-out infinite;animation:twinkle var(--duration) ease-in-out infinite;-webkit-animation-delay:var(--delay);animation-delay:var(--delay)}@-webkit-keyframes twinkle{0%,to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{opacity:var(--opacity);-webkit-transform:scale(1);transform:scale(1)}}@keyframes twinkle{0%,to{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{opacity:var(--opacity);-webkit-transform:scale(1);transform:scale(1)}}.orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--accent-lavender),transparent);top:-100px;right:-100px;animation:float 20s ease-in-out infinite,opacityVariance 15s ease-in-out infinite}.orb-2{width:300px;height:300px;background:radial-gradient(circle,var(--accent-chamomile),transparent);bottom:-50px;left:-50px;animation:float 25s ease-in-out infinite reverse,opacityVariance 18s ease-in-out infinite 3s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes opacityVariance{0%,to{opacity:.2}25%{opacity:.35}50%{opacity:.4}75%{opacity:.25}}.aurora{position:fixed;width:200%;height:200%;top:-50%;left:-50%;pointer-events:none;opacity:.15;transform:rotate(-25deg);z-index:1}.aurora-layer{position:absolute;width:100%;height:100%;filter:blur(60px)}.aurora-layer-1{background:linear-gradient(to bottom,transparent 0%,rgba(110,231,183,.3) 30%,rgba(167,139,250,.2) 50%,transparent 70%);animation:auroraWave1 25s ease-in-out infinite}.aurora-layer-2{background:linear-gradient(to bottom,transparent 20%,rgba(134,239,172,.25) 45%,rgba(96,165,250,.15) 65%,transparent 85%);animation:auroraWave2 30s ease-in-out infinite 5s}.aurora-layer-3{background:linear-gradient(to bottom,transparent 10%,rgba(74,222,128,.2) 35%,rgba(192,132,252,.15) 55%,transparent 75%);animation:auroraWave3 35s ease-in-out infinite 10s}@keyframes auroraWave1{0%,to{transform:translate(0) translateY(0) scaleY(1);opacity:.6}25%{transform:translate(-3%) translateY(2%) scaleY(1.1);opacity:.8}50%{transform:translate(2%) translateY(-1%) scaleY(.95);opacity:.7}75%{transform:translate(-1%) translateY(3%) scaleY(1.05);opacity:.9}}@keyframes auroraWave2{0%,to{transform:translate(2%) translateY(-1%) scaleY(.95);opacity:.5}30%{transform:translate(-2%) translateY(2%) scaleY(1.1);opacity:.7}60%{transform:translate(3%) translateY(1%) scaleY(1);opacity:.6}90%{transform:translate(-1%) translateY(-2%) scaleY(1.05);opacity:.8}}@keyframes auroraWave3{0%,to{transform:translate(-1%) translateY(1%) scaleY(1.05);opacity:.4}20%{transform:translate(2%) translateY(-2%) scaleY(.95);opacity:.6}50%{transform:translate(-3%) translateY(1%) scaleY(1.1);opacity:.7}80%{transform:translate(1%) translateY(2%) scaleY(1);opacity:.5}}.aurora-sparkle{position:fixed;width:3px;height:3px;border-radius:50%;background:#6ee7b7cc;box-shadow:0 0 8px #6ee7b799;pointer-events:none;z-index:2}.aurora-sparkle:nth-child(1){top:15%;left:20%;animation:sparkle 4s ease-in-out infinite}.aurora-sparkle:nth-child(2){top:35%;left:70%;animation:sparkle 5s ease-in-out infinite 1s}.aurora-sparkle:nth-child(3){top:55%;left:25%;animation:sparkle 6s ease-in-out infinite 2s}.aurora-sparkle:nth-child(4){top:75%;left:65%;animation:sparkle 4.5s ease-in-out infinite 3s}.aurora-sparkle:nth-child(5){top:25%;left:45%;animation:sparkle 5.5s ease-in-out infinite 1.5s}.aurora-sparkle:nth-child(6){top:65%;left:85%;animation:sparkle 6.5s ease-in-out infinite 2.5s}.aurora-sparkle:nth-child(7){top:45%;left:15%;animation:sparkle 5s ease-in-out infinite .5s}.aurora-sparkle:nth-child(8){top:85%;left:40%;animation:sparkle 4s ease-in-out infinite 3.5s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}10%,90%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.card{background:linear-gradient(145deg,#111827f2,#0f172ae6);border:1px solid var(--border-subtle);border-radius:24px;padding:3rem;max-width:1200px;width:100%;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #a78bfa1a,inset 0 1px #ffffff0d;-webkit-animation:cardAppear 1s ease-out;animation:cardAppear 1s ease-out}@media(min-width:1024px){.card{width:66.67vw;min-width:720px}}@-webkit-keyframes cardAppear{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes cardAppear{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.header{text-align:center;margin-bottom:2.5rem;position:relative}.moon-icon{width:48px;height:48px;margin-bottom:1rem;-webkit-animation:moonGlow 4s ease-in-out infinite;animation:moonGlow 4s ease-in-out infinite}@-webkit-keyframes moonGlow{0%,to{-webkit-filter:drop-shadow(0 0 8px rgba(224,231,255,.4));filter:drop-shadow(0 0 8px rgba(224,231,255,.4))}50%{-webkit-filter:drop-shadow(0 0 20px rgba(224,231,255,.7));filter:drop-shadow(0 0 20px rgba(224,231,255,.7))}}@keyframes moonGlow{0%,to{-webkit-filter:drop-shadow(0 0 8px rgba(224,231,255,.4));filter:drop-shadow(0 0 8px rgba(224,231,255,.4))}50%{-webkit-filter:drop-shadow(0 0 20px rgba(224,231,255,.7));filter:drop-shadow(0 0 20px rgba(224,231,255,.7))}}.title{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300;color:var(--text-primary);letter-spacing:.05em;margin-bottom:.5rem}.subtitle{font-size:.85rem;font-weight:300;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase}.timeline{position:relative;padding-left:1rem}.timeline:before{content:"";position:absolute;left:6px;top:20px;bottom:20px;width:1px;background:linear-gradient(to bottom,transparent,var(--accent-lavender) 10%,var(--accent-lavender) 90%,transparent);opacity:.3}.step{display:grid;grid-template-columns:80px 1fr;gap:1.5rem;padding:1rem 0;position:relative;opacity:1;-webkit-animation:stepAppear .6s ease-out;animation:stepAppear .6s ease-out}.step:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}.step:nth-child(2){-webkit-animation-delay:.35s;animation-delay:.35s}.step:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}.step:nth-child(4){-webkit-animation-delay:.65s;animation-delay:.65s}.step:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s}.step:nth-child(6){-webkit-animation-delay:.95s;animation-delay:.95s}.step:nth-child(7){-webkit-animation-delay:1.1s;animation-delay:1.1s}@-webkit-keyframes stepAppear{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translate(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes stepAppear{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translate(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}.time-block{text-align:right;padding-right:1rem;position:relative}.time-block:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--bg-deep);border:2px solid var(--accent-lavender);box-shadow:0 0 10px #a78bfa66}.time{font-size:.9rem;font-weight:500;color:var(--accent-moon)}.time-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.content{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem 1.25rem;transition:all .3s ease}.step:hover .content{background:#ffffff0a;border-color:#a78bfa33;transform:translate(4px)}.content-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.icon{width:20px;height:20px;flex-shrink:0}.compound-name{font-weight:500;color:var(--text-primary);font-size:.95rem}.dose{font-size:.75rem;color:var(--accent-lavender);background:#a78bfa1a;padding:.2rem .5rem;border-radius:4px;margin-left:auto;font-weight:400}.description{font-size:.8rem;color:var(--text-secondary);line-height:1.5;font-weight:300}.mechanism{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-muted);margin-top:.5rem;padding:.25rem .5rem;background:#6ee7b714;border-radius:4px;width:100%}.mechanism-icon{width:12px;height:12px;opacity:.7}.footer{margin-top:2rem;padding-top:1.5rem;text-align:center}.sos-title{font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:400;color:var(--accent-rose);margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.sos-content{font-size:.8rem;color:var(--text-secondary);line-height:1.6;font-weight:300}.sos-highlight{color:var(--accent-mint)}.breathing-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;color:var(--text-muted);font-size:.75rem}.breath-circle{width:12px;height:12px;border-radius:50%;background:var(--accent-lavender);opacity:.6;-webkit-animation:breathe 8s ease-in-out infinite;animation:breathe 8s ease-in-out infinite}@-webkit-keyframes breathe{0%,to{-webkit-transform:scale(.8);transform:scale(.8);opacity:.4}25%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.8}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.8}75%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.4}}@keyframes breathe{0%,to{-webkit-transform:scale(.8);transform:scale(.8);opacity:.4}25%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.8}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.8}75%{-webkit-transform:scale(.8);transform:scale(.8);opacity:.4}}.editable{cursor:text;position:relative;transition:all .2s ease;border-radius:4px;padding:2px 4px;margin:-2px -4px;display:inline-block;min-width:20px}.editable:hover{background:#a78bfa1a;outline:1px dashed rgba(167,139,250,.3)}.editable:focus{background:#a78bfa26;outline:2px solid rgba(167,139,250,.5)}.editable-wrapper{position:relative;display:inline-block}.cancel-edit-button{position:absolute;bottom:-16px;right:-36px;background:#fbbf2426;border:1px solid rgba(251,191,36,.4);border-radius:4px;padding:3px 7px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;transform:scale(1);transition:all .2s ease;color:var(--accent-chamomile);font-size:.6rem;font-weight:500;line-height:1;letter-spacing:.5px;font-family:Outfit,sans-serif;z-index:10;pointer-events:all;box-shadow:0 2px 8px #0000004d}.cancel-edit-button:hover{background:#fbbf2440;border-color:#fbbf2499;transform:scale(1.05)}.cancel-edit-button:active{transform:scale(.95)}.toast{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(145deg,#111827fa,#0f172af2);border:1px solid var(--accent-lavender);border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 30px #00000080,0 0 20px #a78bfa33;animation:slideInUp .3s ease-out;z-index:1000;max-width:400px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-message{color:var(--text-primary);font-size:.9rem;flex:1}.toast-button{background:var(--accent-lavender);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.toast-button:hover{background:var(--accent-mint);transform:scale(1.05)}.toast-close{background:transparent;color:var(--text-muted);border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;transition:color .2s ease}.toast-close:hover{color:var(--text-primary)}.footer-divider{position:relative;height:1px;margin-bottom:1.5rem;background:var(--border-subtle)}.add-step-hover-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-lavender),var(--accent-mint));border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;box-shadow:0 2px 10px #a78bfa4d}.footer:hover .add-step-hover-button{opacity:1;transform:translate(-50%,-50%) translateY(-4px)}.add-step-hover-button:hover{transform:translate(-50%,-50%) translateY(-6px) scale(1.1);box-shadow:0 4px 20px #a78bfa80}.delete-button{position:absolute;top:0;right:0;background:#fda4af1a;border:1px solid rgba(253,164,175,.3);border-radius:4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .25s ease;color:var(--accent-rose);font-size:.75rem;line-height:1;padding:.75rem;margin:-.75rem}.delete-button:hover{opacity:1;transform:scale(1);background:#fda4af33;border-color:var(--accent-rose)}.delete-button:active{transform:scale(1.15)}.icon-picker{position:relative}.icon-edit-wrapper{position:relative;display:inline-flex;align-items:center}.icon-edit-trigger{background:transparent;border:none;padding:4px;margin:-4px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-edit-trigger:hover{background:#a78bfa1a;outline:1px dashed rgba(167,139,250,.3)}.icon-edit-trigger:focus{background:#a78bfa26;outline:2px solid rgba(167,139,250,.5)}.icon-edit-trigger .icon{transition:transform .2s ease}.icon-edit-trigger:hover .icon{transform:scale(1.1)}.icon-edit-dropdown{left:0;top:calc(100% + 8px);z-index:10000;background:linear-gradient(145deg,#111827,#0f172a)}.step.icon-picker-active{z-index:10000;position:relative}.step.icon-picker-active .icon-edit-wrapper{z-index:10001;position:relative}.step.icon-picker-active .content-header>*:not(.icon-edit-wrapper){position:relative;z-index:1}.step.icon-picker-active .editable,.step.icon-picker-active .delete-button,.step.icon-picker-active .time-block,.step.icon-picker-active .content{pointer-events:none}.step.icon-picker-active .editable{opacity:.5}.step.icon-picker-active:hover .content{transform:none;background:#ffffff05;border-color:#ffffff0d}.step.icon-picker-active .icon-edit-wrapper,.step.icon-picker-active .icon-picker-backdrop,.step.icon-picker-active .icon-edit-dropdown,.step.icon-picker-active .icon-edit-dropdown *{pointer-events:auto}.icon-edit-wrapper .icon-picker-backdrop{background:#0000004d}.icon-picker-trigger{background:transparent;border:1px dashed rgba(167,139,250,.3);border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.icon-picker-trigger:hover{border-color:var(--accent-lavender);background:#a78bfa0d}.icon-preview{width:24px;height:24px}.icon-picker-label{font-size:.75rem;color:var(--text-muted)}.icon-picker-backdrop{position:fixed;inset:0;z-index:999}.icon-picker-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background:linear-gradient(145deg,#111827fa,#0f172af2);border:1px solid var(--accent-lavender);border-radius:12px;padding:1rem;box-shadow:0 10px 30px #00000080;z-index:1000;min-width:320px}.icon-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.icon-option{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-option:hover{background:#ffffff0d;border-color:#a78bfa4d;transform:scale(1.05)}.icon-option.active{background:#a78bfa26;border-color:var(--accent-lavender)}.icon-option svg{width:24px;height:24px}.new-step-form{background:#a78bfa0d;border:2px dashed var(--accent-lavender);border-radius:12px;padding:1.5rem;margin:1rem 0;opacity:1!important;animation:formAppear .3s ease-out!important;display:block!important;grid-template-columns:unset!important}.new-step-form form{display:grid;grid-template-columns:160px 1fr;gap:1.5rem}@keyframes formAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.new-step-form .time-block input,.new-step-form .content input,.new-step-form .content textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem;color:var(--text-primary);font-family:inherit;font-size:inherit;width:100%;transition:all .2s ease}.new-step-form .time-block{display:flex;flex-direction:column;gap:.5rem;min-width:160px}.new-step-form .time-block input{text-align:right}.new-step-form .time-block .time-label{font-size:.49rem;margin-top:.25rem}.new-step-form .content input:focus,.new-step-form .content textarea:focus{outline:none;border-color:var(--accent-lavender);background:#ffffff14}.new-step-form .content textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.5}.new-step-form .mechanism input{background:transparent;border:none;padding:0;flex:1}.new-step-form .content{width:100%;min-width:0}.new-step-form .content-header{display:flex;align-items:center;gap:.75rem;width:100%}.new-step-form .content-header .icon-picker{flex:0 1 15%;max-width:120px}.new-step-form .content-header .compound-name{flex:0 1 55%;min-width:0}.new-step-form .content-header .dose{flex:0 1 30%;min-width:0}.form-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:flex-end}.btn-save,.btn-cancel{padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-save{background:var(--accent-lavender);color:#fff}.btn-save:hover{background:var(--accent-mint);transform:scale(1.05)}.btn-cancel{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.btn-cancel:hover{background:#ffffff1a}@media(max-width:700px){.icon-picker-label{display:none}.new-step-form form{grid-template-columns:100px 1fr}.new-step-form .time-block{min-width:100px}.new-step-form .content-header{flex-wrap:wrap}.new-step-form .content-header .compound-name{flex:1;min-width:0}.new-step-form .content-header .dose{flex:1 1 100%;max-width:none;margin-top:.5rem}}@media(max-width:540px){.card{padding:2rem 1.5rem}.step{grid-template-columns:60px 1fr;gap:1rem}.new-step-form form{grid-template-columns:90px 1fr;gap:1rem}.new-step-form .time-block{min-width:90px;gap:.35rem}.new-step-form .time-block input{padding:.4rem;font-size:.85rem}.new-step-form .time-block .time-label{font-size:.45rem;margin-top:0}.title{font-size:1.6rem}.toast{bottom:1rem;right:1rem;left:1rem;max-width:none}.icon-picker-dropdown{left:auto;right:0;min-width:280px}.icon-picker-grid{grid-template-columns:repeat(3,1fr)}.formatting-toolbar{min-width:200px}.color-picker-dropdown{grid-template-columns:repeat(4,1fr)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUpDock{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.formatting-toolbar{position:fixed;transform:translate(-50%);background:linear-gradient(145deg,#111827fa,#0f172af2);border:1px solid var(--accent-lavender);border-radius:12px;padding:.5rem;box-shadow:0 10px 30px #00000080;z-index:1001;display:flex;align-items:center;gap:.25rem;animation:fadeInUp .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.formatting-button{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:.9rem;font-weight:500;min-width:36px;height:36px}.formatting-button:hover{background:#ffffff0d;border-color:#a78bfa4d;transform:translateY(-1px)}.formatting-button:active{transform:translateY(0)}.formatting-button strong,.formatting-button em{font-style:normal}.formatting-button em{font-family:Cormorant Garamond,serif;font-size:1.1rem}.formatting-divider{width:1px;height:24px;background:#ffffff1a;margin:0 .25rem}.color-picker-wrapper{position:relative}.color-button svg{width:18px;height:18px}.color-picker-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:linear-gradient(145deg,#111827fa,#0f172af2);border:1px solid var(--accent-lavender);border-radius:8px;padding:.5rem;box-shadow:0 10px 30px #00000080;z-index:1002;grid-template-columns:repeat(7,1fr);gap:.375rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.color-picker-wrapper:hover .color-picker-dropdown{display:grid}.color-option{width:28px;height:28px;border-radius:6px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;padding:0}.color-option:hover{transform:scale(1.15);border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.color-option-inline{width:28px;height:28px;border-radius:6px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.color-option-inline:hover{transform:scale(1.15);border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.formatting-toolbar-dock{position:fixed!important;bottom:2rem!important;left:50%!important;transform:translate(-50%) translateZ(0)!important;z-index:9999!important;animation:slideUpDock .3s ease-out;box-shadow:0 10px 30px #0009,0 0 20px #a78bfa4d;border-radius:16px;top:auto!important;right:auto!important;will-change:transform;-webkit-transform:translateX(-50%) translateZ(0);pointer-events:auto!important;overflow:visible;-webkit-overflow-scrolling:auto;margin:0!important;contain:layout}.timeline-animated .step{animation:none!important}.timeline-dragging{cursor:grabbing}.draggable-step-wrapper{position:relative}.step-drag-container{transition:transform .2s ease,opacity .2s ease;position:relative}.step-drag-container .time-block{cursor:grab;transition:all .2s ease;user-select:none;-webkit-user-select:none}.step-drag-container .time-block:hover{background:#a78bfa0d;border-radius:8px}.step-drag-container .time-block:active{cursor:grabbing}.step-drag-container .time-block:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(to bottom,transparent,var(--accent-lavender) 20%,var(--accent-lavender) 80%,transparent);border-radius:2px;opacity:0;transition:opacity .2s ease}.step-drag-container:hover .time-block:before{opacity:.5}.timeline-dragging .step-drag-container .time-block{cursor:grabbing!important}.step-drag-container.step-dragging{opacity:.6;transform:scale(1.02);z-index:100}.step-drag-container.step-dragging .content{box-shadow:0 20px 40px #0000004d,0 0 30px #a78bfa26;border-color:#a78bfa4d}.step-drag-container.step-synced{animation:syncPulse .6s ease-out}.step-drag-container.step-synced .content{animation:syncHighlight .6s ease-out}@keyframes syncPulse{0%{transform:scale(.98);opacity:.7}50%{transform:scale(1.01)}to{transform:scale(1);opacity:1}}@keyframes syncHighlight{0%{box-shadow:0 4px 20px #0003,0 0 0 2px #6ee7b799,0 0 20px #6ee7b74d}to{box-shadow:0 4px 20px #0003}}.drop-indicator{position:absolute;top:0;left:80px;right:0;height:2px;background:linear-gradient(to right,transparent,var(--accent-lavender) 10%,var(--accent-lavender) 90%,transparent);border-radius:1px;animation:dropIndicatorPulse 1s ease-in-out infinite;z-index:50}.drop-indicator:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent-lavender);box-shadow:0 0 10px #a78bfa99}.drop-indicator-end{position:relative;margin-top:1rem}@keyframes dropIndicatorPulse{0%,to{opacity:.6;box-shadow:0 0 5px #a78bfa4d}50%{opacity:1;box-shadow:0 0 15px #a78bfa80}}@media(max-width:540px){.drop-indicator{left:60px}.step-drag-container .time-block:before{display:none}}.stack-page{position:relative;-webkit-animation:cardAppear .6s ease-out;animation:cardAppear .6s ease-out}.stack-search{position:absolute;top:0;right:0;display:flex;align-items:center;gap:4px;z-index:2}.stack-search-input{width:0;padding:0;border:1px solid transparent;opacity:0;background:#0a0e1a99;border-radius:16px;color:var(--accent-moon);font-family:Outfit,sans-serif;font-size:.82rem;font-weight:300;outline:none;transition:width .25s ease,opacity .2s ease,padding .2s ease,border-color .2s ease}.stack-search.open .stack-search-input{width:190px;padding:.4rem .8rem;opacity:1;border-color:#a78bfa4d}.stack-search.open .stack-search-input:focus{border-color:#a78bfa8c}.stack-search-btn{width:32px;height:32px;border-radius:50%;background:#11182780;border:1px solid rgba(167,139,250,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-lavender);cursor:pointer;opacity:.55;transition:opacity .2s ease,background .2s ease,border-color .2s ease;padding:0;flex-shrink:0}.stack-search-btn:hover,.stack-search.open .stack-search-btn{opacity:1}.stack-search.open .stack-search-btn{background:#a78bfa1f;border-color:#a78bfa66}.stack-search-x{font-size:1.3rem;line-height:1}@media(max-width:540px){.stack-search.open .stack-search-input{width:130px}}.stack-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(167,139,250,.1)}.stack-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:2rem;color:var(--accent-moon);letter-spacing:.02em;margin-bottom:.25rem}.stack-subtitle{font-family:Outfit,sans-serif;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:300}.stack-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.stack-empty p{font-family:Outfit,sans-serif;font-weight:300;margin-bottom:1.5rem;font-size:.95rem}.stack-add-first,.stack-add-button{display:inline-block;padding:.75rem 1.5rem;background:#a78bfa14;border:1px solid rgba(167,139,250,.3);border-radius:10px;color:var(--accent-lavender);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:400;letter-spacing:.05em;cursor:pointer;transition:all .3s ease}.stack-add-first:hover,.stack-add-button:hover{background:#a78bfa26;border-color:#a78bfa80;transform:translateY(-1px)}.stack-add-button{display:block;margin:1.5rem auto 0}.stack-section-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:1.1rem;color:var(--text-muted);margin-top:2rem;margin-bottom:1rem;letter-spacing:.05em;opacity:.7}.stack-list{display:flex;flex-direction:column;gap:1rem}.supplement-card{display:grid;grid-template-columns:32px 1fr 32px;gap:1rem;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease;-webkit-animation:stepAppear .5s ease-out;animation:stepAppear .5s ease-out}.supplement-card:hover{background:#ffffff0a;border-color:#a78bfa33}.supplement-card.inactive{opacity:.5}.supplement-card.inactive .supplement-name,.supplement-card.inactive .supplement-dose{text-decoration:line-through;text-decoration-color:#a78bfa4d}.supplement-active-toggle{background:transparent;border:none;cursor:pointer;padding:6px 0 0;display:flex;align-items:flex-start;justify-content:center}.supplement-active-toggle .dot{width:10px;height:10px;border-radius:50%;background:var(--accent-mint);box-shadow:0 0 8px #6ee7b780;transition:all .2s ease}.supplement-card.inactive .supplement-active-toggle .dot{background:transparent;border:1px solid var(--text-muted);box-shadow:none}.supplement-active-toggle:hover .dot{transform:scale(1.2)}.supplement-body{min-width:0}.supplement-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.supplement-name{font-family:Cormorant Garamond,serif;font-weight:400;font-size:1.25rem;color:var(--accent-moon);margin:0;flex:1;min-width:150px}.supplement-dose{font-family:Outfit,sans-serif;font-size:.85rem;color:var(--accent-chamomile);font-weight:400}.supplement-dose .editable:empty:before{content:"sem dose";color:var(--text-muted);opacity:.5;font-style:italic}.supplement-meta{margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1.5rem}.supplement-meta .meta-row{display:flex;flex-direction:column;gap:.15rem}.supplement-meta .meta-row--block{grid-column:1 / -1}.supplement-meta dt{font-family:Outfit,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:400}.supplement-meta dd{margin:0;font-family:Outfit,sans-serif;font-size:.85rem;color:var(--text-secondary);font-weight:300;line-height:1.5;min-height:1.2em}.supplement-meta dd .editable:empty:before{content:"—";color:var(--text-muted);opacity:.4}.supplement-description{line-height:1.55}.desc-wrap{width:100%}.desc-text{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:300;line-height:1.55;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;cursor:pointer;border-radius:6px;padding:2px 4px;margin:-2px -4px;transition:background .15s ease}.desc-text:hover{background:#a78bfa0d}.desc-text--clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.desc-text--empty{color:var(--text-muted);opacity:.5;font-style:italic}.desc-more{margin-top:.2rem;font-family:Outfit,sans-serif;font-size:.7rem;color:var(--accent-lavender);opacity:.7;cursor:pointer;-webkit-user-select:none;user-select:none}.desc-more:hover{opacity:1}.desc-hint{margin-top:.3rem;font-family:Outfit,sans-serif;font-size:.65rem;color:var(--text-muted);opacity:.5;font-style:italic}.desc-textarea{width:100%;box-sizing:border-box;background:#0a0e1a80;border:1px solid rgba(167,139,250,.4);border-radius:8px;padding:.6rem .85rem;color:var(--accent-moon);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:300;line-height:1.55;outline:none;resize:vertical}.desc-textarea:focus{border-color:#a78bfa99}.desc-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.4rem}.desc-edit-hint{flex:1;font-family:Outfit,sans-serif;font-size:.65rem;color:var(--text-muted);opacity:.5;font-style:italic}.desc-btn{padding:.4rem 1rem;border-radius:8px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:400;letter-spacing:.04em;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.desc-btn--cancel{background:transparent;color:var(--text-muted);border-color:#ffffff14}.desc-btn--cancel:hover{color:var(--text-secondary);border-color:#fff3}.desc-btn--save{background:#a78bfa26;color:var(--accent-lavender);border-color:#a78bfa66}.desc-btn--save:hover{background:#a78bfa40;border-color:#a78bfa99}.supplement-textarea{resize:vertical;min-height:100px;font-family:Outfit,sans-serif;line-height:1.55}.category-input{background:#0a0e1a80;border:1px solid rgba(167,139,250,.4);border-radius:4px;padding:2px 6px;color:var(--accent-moon);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:300;outline:none;width:100%;box-sizing:border-box}.category-input:focus{border-color:#a78bfab3}.supplement-delete{background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:6px;align-self:start;opacity:0;transition:all .2s ease}.supplement-card:hover .supplement-delete{opacity:.6}.supplement-delete:hover{opacity:1!important;color:var(--accent-rose);background:#fda4af14}.supplement-new{grid-template-columns:1fr;border-color:#a78bfa4d;background:#a78bfa0a}.supplement-new-form{display:flex;flex-direction:column;gap:.75rem}.supplement-input{width:100%;padding:.6rem .85rem;background:#0a0e1a80;border:1px solid rgba(167,139,250,.2);border-radius:8px;color:var(--accent-moon);font-family:Outfit,sans-serif;font-size:.9rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.supplement-input:focus{border-color:#a78bfa80}.supplement-input--name{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:400}.supplement-error{color:var(--accent-rose);font-family:Outfit,sans-serif;font-size:.8rem}.supplement-form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.supplement-btn-cancel,.supplement-btn-save{padding:.55rem 1.2rem;border-radius:8px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:400;letter-spacing:.04em;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.supplement-btn-cancel{background:transparent;color:var(--text-muted);border-color:#ffffff14}.supplement-btn-cancel:hover{color:var(--text-secondary);border-color:#ffffff26}.supplement-btn-save{background:#a78bfa26;color:var(--accent-lavender);border-color:#a78bfa66}.supplement-btn-save:hover:not(:disabled){background:#a78bfa40;border-color:#a78bfa99}.supplement-btn-save:disabled{opacity:.4;cursor:not-allowed}.nav-badges{position:fixed;top:18px;left:18px;z-index:9999;display:flex;flex-direction:column;gap:8px}.nav-badge{width:36px;height:36px;border-radius:50%;background:#11182799;border:1px solid rgba(167,139,250,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--accent-lavender);cursor:pointer;opacity:.4;transition:opacity .2s ease,background .2s ease,border-color .2s ease;padding:0}.nav-badge:hover{opacity:.85}.nav-badge.active{opacity:1;background:#a78bfa26;border-color:#a78bfa8c;box-shadow:0 0 12px #a78bfa33}@media(max-width:540px){.supplement-meta{grid-template-columns:1fr}.supplement-card{grid-template-columns:24px 1fr 28px;gap:.75rem;padding:1rem}}.search-page{-webkit-animation:cardAppear .6s ease-out;animation:cardAppear .6s ease-out;display:flex;flex-direction:column;gap:1.5rem}.search-header{text-align:center;margin-bottom:.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(167,139,250,.1)}.search-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:2rem;color:var(--accent-moon);letter-spacing:.02em;margin-bottom:.25rem}.search-subtitle{font-family:Outfit,sans-serif;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:300}.search-form{display:flex;flex-direction:column;gap:.75rem}.search-input{width:100%;padding:1rem 1.25rem;background:#0a0e1a99;border:1px solid rgba(167,139,250,.25);border-radius:14px;color:var(--accent-moon);font-family:Outfit,sans-serif;font-size:1rem;font-weight:300;line-height:1.5;outline:none;resize:vertical;min-height:80px;box-sizing:border-box;transition:border-color .2s ease,background .2s ease}.search-input:focus{border-color:#a78bfa8c;background:#0a0e1acc}.search-input:disabled{opacity:.7}.search-actions{display:flex;justify-content:flex-end;gap:.5rem}.search-btn{padding:.6rem 1.4rem;border-radius:10px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:400;letter-spacing:.05em;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.search-btn--primary{background:linear-gradient(135deg,#a78bfacc,#fbbf248c);color:#0a0e1a;font-weight:500;text-transform:uppercase}.search-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #a78bfa4d}.search-btn--primary:disabled{opacity:.4;cursor:not-allowed}.search-btn--ghost{background:transparent;color:var(--text-muted);border-color:#ffffff14}.search-btn--ghost:hover{color:var(--text-secondary);border-color:#fff3}.search-btn--stop{background:#fda4af1a;color:var(--accent-rose);border-color:#fda4af66}.search-btn--stop:hover{background:#fda4af33;border-color:#fda4af99}.search-error{color:var(--accent-rose);font-family:Outfit,sans-serif;font-size:.85rem;padding:.75rem 1rem;background:#fda4af0f;border:1px solid rgba(253,164,175,.2);border-radius:10px}.search-answer{background:#ffffff05;border:1px solid rgba(167,139,250,.2);border-radius:14px;padding:1.5rem;-webkit-animation:cardAppear .5s ease-out;animation:cardAppear .5s ease-out}.search-answer-text{font-family:Outfit,sans-serif;font-size:.95rem;font-weight:300;line-height:1.7;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.search-cursor{display:inline-block;color:var(--accent-lavender);-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite;margin-left:2px}@-webkit-keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-dots{display:inline-flex;align-items:center;gap:5px;padding:2px 0}.typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--accent-lavender);opacity:.35;-webkit-animation:typingDot 1.2s ease-in-out infinite;animation:typingDot 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){-webkit-animation-delay:.18s;animation-delay:.18s}.typing-dots span:nth-child(3){-webkit-animation-delay:.36s;animation-delay:.36s}.typing-dots--inline{gap:3px;margin-left:6px;vertical-align:middle}.typing-dots--inline span{width:4px;height:4px}.tool-status{display:inline-flex;align-items:center;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:300;color:var(--text-muted);font-style:italic}.usage-tag{margin-top:.5rem;font-family:Outfit,sans-serif;font-size:.65rem;font-weight:300;letter-spacing:.02em;color:var(--text-muted);opacity:.55;text-align:right;cursor:default}.conv-usage{margin-top:.5rem;text-align:right;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:300;letter-spacing:.04em;color:var(--text-muted);opacity:.6}@-webkit-keyframes typingDot{0%,60%,to{opacity:.3;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:1;-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.search-history{margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(167,139,250,.1)}.search-history-title{font-family:Cormorant Garamond,serif;font-weight:300;font-size:1.1rem;color:var(--text-muted);margin-bottom:.75rem;letter-spacing:.05em;display:flex;align-items:baseline;gap:.5rem}.search-history-count{font-family:Outfit,sans-serif;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;opacity:.6;font-weight:400}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.history-item{display:flex;align-items:stretch;gap:.25rem;border-radius:8px;transition:background .2s ease}.history-item:hover{background:#a78bfa0a}.history-question{flex:1;text-align:left;background:transparent;border:none;padding:.65rem .85rem;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:300;cursor:pointer;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-question:hover{color:var(--accent-moon)}.history-delete{background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:1.4rem;line-height:1;padding:0 .85rem;border-radius:8px;opacity:0;transition:all .2s ease}.history-item:hover .history-delete{opacity:.5}.history-delete:hover{opacity:1!important;color:var(--accent-rose);background:#fda4af14}@media(max-width:540px){.search-input{font-size:.95rem;padding:.85rem 1rem}.history-question{font-size:.8rem}}.whoop-panel{background:#ffffff04;border:1px solid rgba(167,139,250,.12);border-radius:12px;overflow:hidden;transition:border-color .2s ease,background .2s ease}.whoop-panel.open{border-color:#a78bfa40;background:#ffffff06}.whoop-toggle{width:100%;display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;background:transparent;border:none;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.8rem;cursor:pointer;text-align:left;transition:color .2s ease}.whoop-toggle:hover{color:var(--accent-moon)}.whoop-toggle svg{color:var(--accent-mint);flex-shrink:0}.whoop-toggle-label{font-weight:500;letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;color:var(--accent-mint)}.whoop-toggle-status{flex:1;color:var(--text-muted);font-size:.75rem;font-weight:300}.whoop-toggle-status--empty{opacity:.6;font-style:italic}.whoop-toggle-chevron{color:var(--text-muted);font-size:1rem;transition:transform .2s ease;transform:rotate(90deg)}.whoop-toggle-chevron.open{transform:rotate(-90deg)}.whoop-content{padding:.5rem .9rem .9rem;border-top:1px solid rgba(167,139,250,.08);display:flex;flex-direction:column;gap:.75rem}.whoop-upload-row{display:flex;flex-direction:column;gap:.4rem;padding-top:.5rem}.whoop-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.whoop-file-label{align-self:flex-start;padding:.45rem .9rem;background:#6ee7b714;border:1px solid rgba(110,231,183,.3);border-radius:8px;color:var(--accent-mint);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:400;letter-spacing:.04em;cursor:pointer;transition:all .2s ease}.whoop-file-label:hover:not(.disabled){background:#6ee7b726;border-color:#6ee7b780}.whoop-file-label.disabled{opacity:.5;cursor:not-allowed}.whoop-hint{font-size:.72rem;color:var(--text-muted);font-weight:300;line-height:1.4;margin:0}.whoop-error{color:var(--accent-rose);font-size:.78rem;padding:.5rem .75rem;background:#fda4af0f;border:1px solid rgba(253,164,175,.2);border-radius:8px}.whoop-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.whoop-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border-radius:8px;transition:background .2s ease}.whoop-item:hover{background:#a78bfa0a}.whoop-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.whoop-item-name{font-family:Outfit,sans-serif;font-size:.82rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.whoop-item.latest .whoop-item-name{color:var(--accent-moon)}.whoop-item-meta{font-size:.7rem;color:var(--text-muted);font-weight:300;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.whoop-item-badge{background:#6ee7b71f;color:var(--accent-mint);border:1px solid rgba(110,231,183,.3);border-radius:4px;padding:1px 6px;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.whoop-item-delete{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;line-height:1;padding:0 .6rem;cursor:pointer;border-radius:6px;opacity:0;transition:all .2s ease}.whoop-item:hover .whoop-item-delete{opacity:.5}.whoop-item-delete:hover{opacity:1!important;color:var(--accent-rose);background:#fda4af14}.chat-area{display:flex;flex-direction:column;gap:.75rem;max-height:60vh;overflow-y:auto;padding:.5rem .25rem;-webkit-animation:cardAppear .4s ease-out;animation:cardAppear .4s ease-out}.chat-area::-webkit-scrollbar{width:6px}.chat-area::-webkit-scrollbar-thumb{background:#a78bfa33;border-radius:3px}.bubble{display:flex;width:100%;-webkit-animation:bubbleAppear .3s ease-out;animation:bubbleAppear .3s ease-out}.bubble--user{justify-content:flex-end}.bubble--assistant{justify-content:flex-start}.bubble-content{max-width:85%;padding:.85rem 1.1rem;border-radius:16px;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:300;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.bubble--user .bubble-content{background:#a78bfa2e;border:1px solid rgba(167,139,250,.35);color:var(--accent-moon);border-bottom-right-radius:4px}.bubble--assistant .bubble-content{background:#ffffff06;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);border-bottom-left-radius:4px}@-webkit-keyframes bubbleAppear{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-actions{align-items:center}.search-meta{flex:1;font-family:Outfit,sans-serif;font-size:.72rem;color:var(--text-muted);font-weight:300;letter-spacing:.03em}.search-warning{font-family:Outfit,sans-serif;font-size:.78rem;color:var(--accent-chamomile);padding:.6rem .9rem;background:#fbbf240f;border:1px solid rgba(251,191,36,.25);border-radius:10px}.history-item.active{background:#a78bfa14;border:1px solid rgba(167,139,250,.25)}.history-question{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.history-title-text{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{font-size:.68rem;color:var(--text-muted);font-weight:300;opacity:.7}@media(max-width:540px){.bubble-content{max-width:92%;font-size:.88rem}.chat-area{max-height:50vh}}.agent-panel{background:#ffffff04;border:1px solid rgba(167,139,250,.12);border-radius:12px;overflow:hidden;transition:border-color .2s ease,background .2s ease}.agent-panel.open{border-color:#a78bfa47;background:#ffffff06}.agent-toggle{width:100%;display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;background:transparent;border:none;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.8rem;cursor:pointer;text-align:left;transition:color .2s ease}.agent-toggle:hover{color:var(--accent-moon)}.agent-toggle svg{color:var(--accent-lavender);flex-shrink:0}.agent-toggle-label{font-weight:500;letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;color:var(--accent-lavender)}.agent-toggle-status{flex:1;color:var(--text-muted);font-size:.75rem;font-weight:300}.agent-toggle-chevron{color:var(--text-muted);font-size:1rem;transition:transform .2s ease;transform:rotate(90deg)}.agent-toggle-chevron.open{transform:rotate(-90deg)}.agent-content{padding:.6rem .9rem .9rem;border-top:1px solid rgba(167,139,250,.08);display:flex;flex-direction:column;gap:.4rem}.agent-label{font-family:Outfit,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:400;margin-top:.4rem}.agent-label-hint{text-transform:none;letter-spacing:.02em;font-weight:300;opacity:.7}.agent-textarea,.agent-input{width:100%;box-sizing:border-box;background:#0a0e1a8c;border:1px solid rgba(167,139,250,.25);border-radius:8px;padding:.6rem .8rem;color:var(--accent-moon);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:300;line-height:1.55;outline:none;transition:border-color .2s ease}.agent-textarea{resize:vertical;min-height:100px}.agent-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23a78bfa' stroke-width='2'%3e%3cpath d='M1 1l5 5 5-5'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .8rem center;padding-right:2rem}.agent-select option{background:#0a0e1a;color:var(--accent-moon)}.agent-textarea:focus,.agent-input:focus{border-color:#a78bfa8c}.agent-error{color:var(--accent-rose);font-size:.78rem;padding:.4rem .6rem;background:#fda4af0f;border:1px solid rgba(253,164,175,.2);border-radius:8px}.agent-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin-top:.3rem}.agent-saved{font-family:Outfit,sans-serif;font-size:.72rem;color:var(--accent-mint);font-weight:300}.agent-save{padding:.45rem 1.1rem;border-radius:8px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:400;letter-spacing:.04em;cursor:pointer;background:#a78bfa26;color:var(--accent-lavender);border:1px solid rgba(167,139,250,.4);transition:all .2s ease}.agent-save:hover:not(:disabled){background:#a78bfa40;border-color:#a78bfa99}.agent-save:disabled{opacity:.4;cursor:not-allowed}.agent-hint{font-size:.7rem;color:var(--text-muted);font-weight:300;line-height:1.4;margin:.3rem 0 0}