:root{--bg-color: #000000;--text-primary: #e0e0f0;--text-secondary: #a0a0c0;--accent-primary: #8a7df0;--accent-secondary: #c084fc;--glass-bg: rgba(20, 20, 40, .4);--glass-border: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif;--font-serif: "Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(.8px .8px at 10px 20px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 30px 60px,rgba(255,255,255,.8),transparent),radial-gradient(.6px .6px at 55px 15px,rgba(255,255,255,.7),transparent),radial-gradient(1.2px 1.2px at 80px 90px,rgba(255,255,255,1),transparent),radial-gradient(.8px .8px at 120px 40px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 150px 120px,rgba(255,255,255,.85),transparent),radial-gradient(.5px .5px at 180px 70px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 200px 150px,rgba(255,255,255,1),transparent),radial-gradient(.7px .7px at 230px 30px,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 260px 100px,rgba(255,255,255,.8),transparent),radial-gradient(.6px .6px at 290px 180px,rgba(255,255,255,.6),transparent),radial-gradient(1.3px 1.3px at 320px 50px,rgba(255,255,255,.95),transparent),radial-gradient(.8px .8px at 350px 130px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 380px 200px,rgba(255,255,255,.85),transparent),radial-gradient(.5px .5px at 410px 80px,rgba(255,255,255,.55),transparent),radial-gradient(1.2px 1.2px at 440px 160px,rgba(255,255,255,.9),transparent),radial-gradient(.7px .7px at 470px 40px,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 500px 110px,rgba(255,255,255,.8),transparent),radial-gradient(.9px .9px at 530px 190px,rgba(255,255,255,.85),transparent),radial-gradient(.6px .6px at 45px 170px,rgba(255,255,255,.6),transparent),radial-gradient(1.1px 1.1px at 100px 200px,rgba(255,255,255,.9),transparent),radial-gradient(.8px .8px at 170px 25px,rgba(255,255,255,.7),transparent),radial-gradient(.5px .5px at 240px 145px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 310px 85px,rgba(255,255,255,.8),transparent),radial-gradient(.7px .7px at 390px 165px,rgba(255,255,255,.65),transparent),radial-gradient(1.4px 1.4px at 460px 95px,rgba(255,255,255,1),transparent),radial-gradient(.6px .6px at 520px 55px,rgba(255,255,255,.6),transparent);background-size:550px 220px;color:var(--text-primary);font-family:var(--font-main);overflow-y:auto;overflow-x:hidden;min-height:100vh;height:auto;width:100vw;position:relative}body:before{content:"";position:fixed;bottom:0;left:-20%;width:140%;height:60%;background:radial-gradient(ellipse 130% 100% at 50% 100%,rgba(255,140,50,.25) 0%,transparent 50%),radial-gradient(ellipse 100% 90% at 50% 100%,rgba(220,100,40,.2) 0%,transparent 45%),radial-gradient(ellipse 80% 70% at 50% 100%,rgba(200,80,20,.15) 0%,transparent 40%),radial-gradient(ellipse 60% 50% at 50% 100%,rgba(255,160,80,.1) 0%,transparent 35%);pointer-events:none;z-index:1}body:after{content:"";position:fixed;bottom:0;left:0;width:100%;height:12px;background:linear-gradient(90deg,transparent 0%,rgba(220,140,60,.3) 15%,rgba(255,160,80,.6) 35%,rgba(255,200,100,.8) 50%,rgba(255,160,80,.6) 65%,rgba(220,140,60,.3) 85%,transparent 100%);filter:blur(4px);pointer-events:none;z-index:1}.planet{position:fixed;border-radius:50%;pointer-events:none;z-index:2}.planet:nth-child(5){width:8px;height:8px;top:18%;left:12%;background:radial-gradient(circle at 35% 35%,#b48c78b3,#785a4680,#503c324d);box-shadow:0 0 4px 1px #96786433}.planet:nth-child(6){width:12px;height:12px;top:25%;right:15%;background:radial-gradient(circle at 30% 30%,#c8b4a099,#8c786466,#64504633);box-shadow:0 0 6px 2px #b4a08c26}.planet:nth-child(7){width:6px;height:6px;top:35%;left:25%;background:radial-gradient(circle at 40% 30%,#a0b4c880,#64788c4d 60%,#3c506426);box-shadow:0 0 3px 1px #8ca0b426}.bright-star{position:fixed;border-radius:50%;pointer-events:none;z-index:3}.bright-star:before,.bright-star:after{content:"";position:absolute;background:#fff9}.bright-star:nth-child(3){width:4px;height:4px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.8) 30%,rgba(200,210,255,.3) 60%,transparent 100%);top:45%;left:48%;box-shadow:0 0 15px 4px #ffffff26,0 0 30px 8px #c8d2ff14}.bright-star:nth-child(3):before{width:1px;height:20px;top:-8px;left:1.5px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.4),transparent)}.bright-star:nth-child(3):after{width:20px;height:1px;top:1.5px;left:-8px;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent)}.bright-star:nth-child(4){width:3px;height:3px;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,255,255,.7) 40%,rgba(220,200,255,.2) 70%,transparent 100%);top:35%;left:52%;box-shadow:0 0 10px 3px #ffffff1f,0 0 20px 6px #dcc8ff0f}.bright-star:nth-child(4):before{width:1px;height:14px;top:-5.5px;left:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent)}.bright-star:nth-child(4):after{width:14px;height:1px;top:1px;left:-5.5px;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent)}.shooting-star{position:fixed;width:100px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);opacity:0;pointer-events:none;z-index:2}.shooting-star:before{content:"";position:absolute;left:0;top:-1px;width:6px;height:3px;background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 50%,transparent 100%);border-radius:50%}.shooting-star:nth-child(1){top:15%;left:10%;transform:rotate(35deg);animation:shootingStar1 12s ease-in-out infinite;animation-delay:0s}.shooting-star:nth-child(2){top:8%;left:60%;transform:rotate(40deg);animation:shootingStar2 18s ease-in-out infinite;animation-delay:6s}@keyframes shootingStar1{0%,to{opacity:0;transform:rotate(35deg) translate(0)}2%{opacity:1}8%{opacity:0;transform:rotate(35deg) translate(300px)}}@keyframes shootingStar2{0%,to{opacity:0;transform:rotate(40deg) translate(0)}1.5%{opacity:1}6%{opacity:0;transform:rotate(40deg) translate(350px)}}#app{position:relative;width:100%;min-height:100vh;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;z-index:10}.main-header{text-align:center;margin-top:1rem;z-index:20;position:relative}.header-logo{position:absolute;top:0;left:0;width:72px;height:72px;opacity:.7;transition:opacity .3s ease,transform .3s ease}.header-logo:hover{opacity:1;transform:scale(1.05)}.brand{font-family:var(--font-serif);font-weight:400;font-size:3.5rem;letter-spacing:.1rem;margin-bottom:.5rem;background:linear-gradient(to bottom,#fff,#a0a0c0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:1rem;color:var(--text-secondary);font-style:italic;font-weight:300}.main-nav{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.nav-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:30px;font-family:var(--font-main);font-size:.85rem;font-weight:400;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,font-weight .1s ease;box-shadow:0 4px 15px #8a7df04d;min-width:120px;text-align:center}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a7df066}.nav-btn:active{font-weight:700;transform:translateY(0)}.nav-btn.active{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));box-shadow:0 6px 25px #8a7df080}.journal-count{font-size:.75rem;opacity:.8}#main-content{width:100%;max-width:1200px;z-index:20;flex:1;display:flex;flex-direction:column;justify-content:flex-start;margin:1rem 0}section{display:none;opacity:0;transition:opacity 1s ease}section.active{display:flex;flex-direction:column;opacity:1}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;box-shadow:0 8px 32px #0006}.input-container{display:flex;flex-direction:column;gap:1.5rem}textarea{background:transparent;border:none;border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-main);font-size:1.1rem;line-height:1.6;resize:none;min-height:120px;outline:none;transition:border-color .3s ease}textarea:focus{border-bottom-color:var(--accent-primary)}.input-actions{display:flex;justify-content:center}.category-selector{margin:1.5rem 0}.category-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;text-align:center}.category-options{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;justify-content:center;max-width:900px;margin:0 auto}.category-btn{display:flex;align-items:center;gap:.4rem;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.5rem .8rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .3s ease;font-family:var(--font-main)}.category-btn:hover{background:#ffffff1a;border-color:var(--accent-primary);color:var(--text-primary)}.category-btn.selected{background:linear-gradient(135deg,#8a7df04d,#c084fc4d);border-color:var(--accent-primary);color:var(--text-primary)}.category-btn .category-icon{font-size:.9rem}.category-btn .category-name{font-size:.75rem}.dream-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.dream-date{font-size:.85rem;color:var(--text-secondary)}.dream-category-badge{display:flex;align-items:center;gap:.4rem;background:#8a7df033;border:1px solid var(--accent-primary);color:var(--accent-secondary);padding:.4rem .8rem;border-radius:15px;font-size:.75rem;position:relative;cursor:pointer;transition:all .3s ease}.dream-category-badge:hover{background:#8a7df04d;box-shadow:0 0 10px #8a7df033}.dream-category-badge:after{content:"▼";font-size:.6em;margin-left:.3rem;opacity:.7}.category-dropdown{display:none;position:absolute;top:110%;right:0;width:180px;background:#141428f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:.5rem;z-index:200;box-shadow:0 10px 30px #00000080}.category-dropdown.active{display:block;animation:fadeIn .2s ease}.dropdown-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;cursor:pointer;border-radius:8px;transition:background .2s ease;color:var(--text-secondary);font-size:.85rem}.dropdown-item:hover{background:#ffffff1a;color:var(--text-primary)}.dream-category-badge .category-icon{font-size:.85rem}.primary-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:1rem 2rem;border-radius:30px;font-family:var(--font-main);font-size:1rem;font-weight:400;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #8a7df04d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a7df066}.secondary-btn{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border);padding:1rem 2rem;border-radius:30px;font-family:var(--font-main);font-size:1rem;font-weight:400;cursor:pointer;transition:background .3s ease,border-color .3s ease}.secondary-btn:hover{background:#ffffff0d;border-color:var(--accent-primary)}.action-buttons{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.audio-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:30px;font-family:var(--font-main);font-size:.9rem;cursor:pointer;transition:all .3s ease}.audio-btn:hover{background:#8a7df033;border-color:var(--accent-primary)}.audio-btn.playing{background:linear-gradient(135deg,#8a7df04d,#c084fc4d);border-color:var(--accent-primary);animation:pulse-glow 2s ease-in-out infinite}.audio-icon{font-size:1rem}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #8a7df04d}50%{box-shadow:0 0 15px #8a7df099}}.secondary-btn.saved{background:#64c86433;border-color:#64c86480;color:#96ff96e6;cursor:default}.text-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.8rem;cursor:pointer;padding:.5rem;opacity:.7;transition:all .3s ease;font-family:var(--font-main)}.text-btn:hover{color:#ff6b6b;opacity:1}.journal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.journal-empty .empty-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.5}.journal-empty h2{font-family:var(--font-serif);font-size:1.8rem;margin-bottom:.5rem;color:var(--text-primary)}.journal-empty p{color:var(--text-secondary);margin-bottom:2rem}.journal-container{display:flex;flex-direction:column;gap:1.5rem}.journal-header{padding:1.5rem;text-align:center}.journal-header h2{font-family:var(--font-serif);font-size:1.6rem;margin-bottom:.25rem}.journal-subtitle{color:var(--text-secondary);font-size:.9rem}.journal-list{display:flex;flex-direction:column;gap:1rem}.journal-entry{display:flex;gap:1.5rem;padding:1.25rem;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1}.journal-entry:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.journal-entry:has(.category-dropdown.active){z-index:50}.journal-entry-image{flex-shrink:0;width:120px;height:120px;border-radius:12px;overflow:hidden}.journal-entry-image img{width:100%;height:100%;object-fit:cover}.journal-entry-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.journal-entry-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.journal-entry-date{font-size:.85rem;color:var(--text-secondary)}.notes-indicator{display:inline-flex;align-items:center;gap:.3rem;background:#8a7df026;border:1px solid var(--accent-primary);color:var(--accent-secondary);padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;transition:all .3s ease}.notes-indicator:hover{background:#8a7df040;box-shadow:0 0 10px #8a7df04d}.notes-icon{font-size:.9rem;line-height:1}.notes-count{font-size:.7rem;opacity:.9}.journal-entry-retelling{font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:var(--accent-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.journal-entry-actions{display:flex;gap:.75rem;margin-top:auto}.journal-entry-actions .secondary-btn{padding:.5rem 1rem;font-size:.8rem}@media (max-width: 480px){#app{padding:.75rem;min-height:100vh}.main-header{margin-top:.5rem;margin-bottom:1rem}.header-logo{width:40px;height:40px;top:0;left:.5rem}.brand{font-size:2rem;margin-bottom:.25rem;letter-spacing:.05rem}.tagline{font-size:.75rem;padding:0 .5rem;line-height:1.3}.main-nav{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;width:100%;padding:0}.nav-btn{width:100%;padding:.75rem .5rem;font-size:.8rem;min-width:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-count{display:block;margin-top:.2rem}#main-content{margin:.5rem 0}.glass{padding:1rem;border-radius:16px}.input-container{gap:1rem}textarea{font-size:.95rem;min-height:80px;padding:.5rem 0}.category-selector{margin:1rem 0}.category-label{font-size:.75rem;margin-bottom:.5rem}.category-options{grid-template-columns:repeat(2,1fr);gap:.35rem}.category-btn{padding:.5rem .75rem;font-size:.7rem}.primary-btn,.secondary-btn{padding:.8rem 1.5rem;font-size:.9rem;width:100%}.interpretation-card{max-height:70vh;padding-right:.25rem}.dream-meta{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.dream-snapshot{margin-bottom:.75rem}.original-dream-text{font-size:.9rem;padding:.75rem;margin-bottom:1.5rem}.retelling{font-size:1rem;padding-left:.75rem;margin:.75rem 0}.insight-section h3,.symbolic-layer h3,.prompts h3{font-size:.75rem}.action-buttons{flex-direction:column;gap:.75rem;width:100%}.action-buttons .primary-btn,.action-buttons .secondary-btn,.action-buttons .audio-btn{width:100%}.journal-entry{flex-direction:column;padding:1rem}.journal-entry-image{width:100%;height:180px}.journal-entry-actions{flex-direction:column;width:100%}.journal-entry-actions .secondary-btn{width:100%;padding:.75rem 1rem}.modal-content{width:95%;max-width:none;padding:1.25rem}.modal-header h2{font-size:1.4rem}.main-footer{font-size:.7rem;padding:.75rem .5rem;margin-top:auto}.main-footer .copyright{font-size:.6rem}.main-footer p{margin:.25rem 0}.loading-container{padding:2.5rem 1rem}.loading-text{font-size:1rem}.loading-orb{width:50px;height:50px}.journal-header{padding:1rem}.journal-header h2{font-size:1.4rem}.journal-subtitle{font-size:.8rem}}@media (min-width: 481px) and (max-width: 768px){#app{padding:1rem;min-height:100vh}.main-header{margin-top:.75rem;margin-bottom:1.25rem}.header-logo{width:56px;height:56px;top:0;left:.75rem}.brand{font-size:2.5rem;letter-spacing:.08rem}.tagline{font-size:.85rem;padding:0 1rem}.main-nav{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem;width:100%;padding:0}.nav-btn{padding:.85rem 1rem;font-size:.85rem;min-width:unset;white-space:nowrap}#main-content{margin:.75rem 0}.glass{padding:1.25rem;border-radius:18px}textarea{font-size:1rem;min-height:100px}.category-label{font-size:.8rem}.category-btn{padding:.55rem .85rem;font-size:.75rem}.primary-btn,.secondary-btn{padding:.9rem 1.75rem;font-size:.95rem}.action-buttons{flex-direction:column;gap:.75rem}.action-buttons .primary-btn,.action-buttons .secondary-btn,.action-buttons .audio-btn{width:100%}.interpretation-card{max-height:72vh}.original-dream-text{font-size:.95rem;padding:1rem}.retelling{font-size:1.1rem}.journal-entry{flex-direction:column}.journal-entry-image{width:100%;height:200px}.journal-entry-actions{flex-direction:column;width:100%}.journal-entry-actions .secondary-btn{width:100%}.modal-content{width:92%;padding:1.25rem}.main-footer{font-size:.75rem;padding:.75rem}.main-footer .copyright{font-size:.65rem}}@media (min-width: 769px) and (max-width: 1024px){.main-nav{flex-wrap:wrap;max-width:600px;margin-left:auto;margin-right:auto}.nav-btn{min-width:140px}.category-options{grid-template-columns:repeat(3,1fr)}}@media (hover: none) and (pointer: coarse){.nav-btn{min-height:44px}.primary-btn,.secondary-btn,.audio-btn{min-height:48px}.category-btn{min-height:40px}.nav-btn:hover,.primary-btn:hover,.secondary-btn:hover{transform:none}.nav-btn:active{transform:scale(.98)}.primary-btn:active,.secondary-btn:active{transform:scale(.97)}}.main-footer{font-size:.8rem;color:var(--text-secondary);opacity:.6;padding-bottom:1rem;text-align:center}.main-footer .copyright{margin-top:.5rem;font-size:.7rem;opacity:.8}.main-footer p{margin:.35rem 0}.footer-links{margin-top:.75rem}.footer-link{color:var(--accent-secondary);text-decoration:none;font-size:.75rem;transition:color .3s ease,opacity .3s ease;opacity:.7}.footer-link:hover{color:var(--accent-primary);opacity:1;text-decoration:underline}.footer-separator{margin:0 .5rem;opacity:.5}.legal-modal .modal-content{max-width:800px;max-height:85vh}.legal-content{display:flex;flex-direction:column}.legal-body{flex:1;overflow-y:auto;padding:1.5rem;line-height:1.7}.legal-body h3{color:var(--accent-secondary);font-family:var(--font-serif);font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem}.legal-body h3:first-child{margin-top:0}.legal-body h4{color:var(--text-primary);font-size:.95rem;margin-top:1rem;margin-bottom:.5rem;font-weight:600}.legal-body p{margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}.legal-body ul{margin-left:1.5rem;margin-bottom:1rem}.legal-body li{margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.legal-body strong{color:var(--text-primary)}.legal-body a{color:var(--accent-primary);text-decoration:underline}.legal-updated{font-style:italic;color:var(--text-secondary);opacity:.7;margin-bottom:1.5rem;font-size:.85rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.interpretation-card{display:flex;flex-direction:column;gap:2rem;max-height:85vh;overflow-y:auto;padding-right:1rem}.interpretation-card::-webkit-scrollbar{width:4px}.interpretation-card::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.original-dream-text{font-family:var(--font-serif);font-size:1.1rem;color:var(--text-primary);background:#ffffff08;border:1px solid var(--glass-border);border-left:3px solid var(--accent-secondary);padding:1.5rem;border-radius:12px;margin-bottom:2rem;font-style:italic;line-height:1.6}.dream-snapshot{width:100%;border-radius:16px;overflow:visible;margin-bottom:1rem;border:1px solid var(--glass-border);position:relative;background:#ffffff05}.dream-snapshot .image-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-style:italic}.dream-snapshot img{width:100%;height:auto;display:block;border-radius:16px}.retelling{font-family:var(--font-serif);font-style:italic;font-size:1.2rem;line-height:1.5;color:var(--accent-secondary);border-left:2px solid var(--accent-primary);padding-left:1.5rem;margin:1rem 0}.insight-section h3,.symbolic-layer h3,.prompts h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.2rem;color:var(--text-secondary);margin-bottom:.5rem}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:100;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal.active{display:flex}.modal-content{width:90%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative;background:var(--bg-color);background:#141428cc}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--glass-border);padding-bottom:1rem}.modal-header h2{font-family:var(--font-serif);font-size:1.8rem;color:var(--text-primary)}.close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1;transition:color .3s ease}.close-btn:hover{color:#fff}.settings-section h3{font-size:1rem;text-transform:uppercase;letter-spacing:.1rem;color:var(--accent-secondary);margin-bottom:.5rem}.settings-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.voice-options{display:flex;flex-direction:column;gap:1rem}.voice-btn{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:var(--font-main);text-align:left}.voice-btn:hover{background:#ffffff14;border-color:var(--accent-primary)}.voice-btn.selected{background:linear-gradient(135deg,#8a7df033,#c084fc33);border-color:var(--accent-primary);box-shadow:0 0 15px #8a7df026}.voice-name{color:var(--text-primary);font-size:1.1rem;font-weight:500}.voice-indicator{width:20px;height:20px;border-radius:50%;border:2px solid var(--glass-border);display:flex;align-items:center;justify-content:center}.voice-btn.selected .voice-indicator:after{content:"";width:10px;height:10px;background:var(--accent-secondary);border-radius:50%;box-shadow:0 0 8px var(--accent-secondary)}.prompts ul{list-style:none;display:flex;flex-direction:column;gap:.8rem}.prompts li{background:#ffffff08;padding:.8rem 1.2rem;border-radius:12px;border:1px solid var(--glass-border);font-size:.95rem;cursor:pointer;transition:background .3s ease}.prompts li:hover{background:#ffffff14}.prompt-item{background:#ffffff08;border-radius:12px;border:1px solid var(--glass-border);margin-bottom:.8rem;overflow:hidden;transition:all .3s ease}.prompt-item.expanded{background:#ffffff0d;border-color:var(--accent-primary)}.prompt-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.prompt-header:hover{background:#ffffff0d}.prompt-question{font-size:.95rem;color:var(--text-primary);flex:1;line-height:1.5}.prompt-toggle{font-size:.7rem;color:var(--text-secondary);transition:transform .3s ease;margin-left:1rem}.prompt-item.expanded .prompt-toggle{transform:rotate(180deg)}.prompt-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.prompt-item.expanded .prompt-content{max-height:500px;padding:0 1.2rem 1.2rem}.prompt-note-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;display:block;text-transform:uppercase;letter-spacing:.05rem}.prompt-note-textarea{width:100%;min-height:100px;background:#0003;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:var(--font-main);font-size:.9rem;padding:.75rem;resize:vertical;transition:border-color .3s ease,background .3s ease;line-height:1.6}.prompt-note-textarea:focus{outline:none;border-color:var(--accent-primary);background:#0000004d}.prompt-note-textarea::placeholder{color:var(--text-secondary);opacity:.5}.prompt-save-btn{margin-top:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:20px;font-family:var(--font-main);font-size:.85rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.prompt-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8a7df04d}.prompt-save-btn.saved{background:#64c8644d;border:1px solid rgba(100,200,100,.5);color:#96ff96e6}.prompt-privacy-note{font-size:.75rem;color:var(--text-secondary);opacity:.6;margin-top:.5rem;font-style:italic}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-orb{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#8a7df0cc,#c084fc80,#8a7df033);box-shadow:0 0 30px #8a7df066,0 0 60px #c084fc33;animation:pulse 2s ease-in-out infinite,float 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-text{font-family:var(--font-serif);font-size:1.3rem;color:var(--text-primary);margin-top:2rem;margin-bottom:.5rem}.loading-subtext{font-size:.9rem;color:var(--text-secondary);opacity:.7;animation:fadeInOut 2s ease-in-out infinite}.loading-progress{width:200px;height:4px;background:#ffffff1a;border-radius:2px;margin-top:1.5rem;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:2px;transition:width .5s ease-out;box-shadow:0 0 10px #8a7df080}.loading-stage{font-size:.75rem;color:var(--text-secondary);opacity:.5;margin-top:.5rem;letter-spacing:.05em}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.error-text{font-family:var(--font-serif);font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.error-subtext{font-size:1rem;color:var(--text-secondary);max-width:400px;line-height:1.6}.image-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.image-modal.active{display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.modal-content{position:relative;max-width:90vw;max-height:90vh;z-index:1001;animation:modalFadeIn .3s ease}.modal-content img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:.5rem;line-height:1}.modal-close:hover{opacity:1}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-content{max-width:400px}.auth-body{display:flex;flex-direction:column;gap:1.5rem}.google-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;padding:.8rem;background:#fff;color:#333;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:transform .2s;font-family:var(--font-main)}.google-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.google-icon{font-weight:700;font-size:1.2rem}.auth-divider{display:flex;align-items:center;color:var(--text-secondary);font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.auth-divider span{padding:0 1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:var(--text-secondary)}.form-group input{padding:.8rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:var(--font-main)}.form-group input:focus{outline:none;border-color:var(--accent-primary);background:#ffffff1a}.full-width{width:100%;margin-top:1rem}.auth-switch{text-align:center;font-size:.9rem;color:var(--text-secondary);margin-top:1rem}.auth-switch button{color:var(--accent-secondary);font-weight:700;margin-left:.5rem;text-decoration:none}.auth-switch button:hover{text-decoration:underline}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.2)}.confirm-content{max-width:400px}.confirm-body p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:1rem}.danger-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-color:#ff6b6b}