*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#12121a;--bg3:#1a1a26;--glow:#ffd166;--glow2:#ff9f1c;--glow3:#ffbf69;--purple:#9b72cf;--text:#f0ead6;--text-muted:#7a7090;--card:#16161f;--border:#ffd1661f;--radius:20px;--radius-sm:12px}body,html{height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:#0a0a0f;background:var(--bg);color:#f0ead6;color:var(--text);min-height:100vh;overflow-x:hidden}.bg-particles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.particle{animation:floatUp linear infinite;background:radial-gradient(circle,#ffd16621,#0000 70%);border-radius:50%;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-20vh) scale(1)}}.page{min-height:100vh;position:relative;z-index:1}nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0fe0;border-bottom:1px solid #ffd1661f;border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 24px;position:sticky;top:0;z-index:100}.nav-brand,nav{align-items:center;display:flex}.nav-brand{cursor:pointer;gap:10px;text-decoration:none}.logo{font-size:1.3rem;font-style:italic;font-weight:700;letter-spacing:-.02em;line-height:1}.logo,.logo-dot{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffd166,#ff9f1c);background:linear-gradient(135deg,var(--glow),var(--glow2));-webkit-background-clip:text}.logo-dot,.logo-sub{font-style:normal}.logo-sub{-webkit-text-fill-color:#7a7090;-webkit-text-fill-color:var(--text-muted);color:#7a7090;color:var(--text-muted);display:block;font-size:.56rem;font-weight:400;letter-spacing:.16em;margin-top:-2px}.nav-right{align-items:center;display:flex;gap:8px}.lang-btn{background:#0000;border:1px solid #ffd1661f;border:1px solid var(--border);border-radius:8px;color:#7a7090;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.78rem;padding:6px 12px;transition:all .2s}.lang-btn:hover{border-color:#ffd166;border-color:var(--glow);color:#ffd166;color:var(--glow)}.btn{border:none;border-radius:12px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;letter-spacing:.01em;padding:13px 22px;transition:all .25s;white-space:nowrap}.btn-glow{background:linear-gradient(135deg,#ffd166,#ff9f1c);background:linear-gradient(135deg,var(--glow),var(--glow2));box-shadow:0 0 20px #ffd1664d,0 4px 14px #ff9f1c2e;color:#0a0a0f;font-weight:600}.btn-glow:hover{box-shadow:0 0 36px #ffd1667a,0 4px 20px #ff9f1c4d;transform:translateY(-2px)}.btn-glow:active{transform:translateY(0)}.btn-glow:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.btn-ghost{background:#0000;border:1px solid #ffd16633;color:#7a7090;color:var(--text-muted)}.btn-ghost:hover{border-color:#ffd166;border-color:var(--glow);color:#ffd166;color:var(--glow)}.btn-full{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.btn-link{background:none;border:none;color:#ffd166;color:var(--glow);cursor:pointer;font-family:inherit;font-size:.85rem;padding:0;text-decoration:underline;text-underline-offset:3px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{color:#7a7090;color:var(--text-muted);font-size:.8rem;letter-spacing:.05em}input,textarea{-webkit-appearance:none;background:#12121a;background:var(--bg2);border:1px solid #ffd1661f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#f0ead6;color:var(--text);font-family:inherit;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}input{padding:13px 16px}input:focus,textarea:focus{border-color:#ffd16666;box-shadow:0 0 0 3px #ffd16614}input::placeholder,textarea::placeholder{color:#7a7090;color:var(--text-muted);opacity:.7}.form-error{color:#ff6b6b;font-size:.78rem;margin-top:4px}.form-success{color:#6bff9e;font-size:.82rem;margin-top:4px}.auth-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 65px);padding:40px 20px}.auth-card{animation:fadeUp .4s ease;background:#16161f;background:var(--card);border:1px solid #ffd1661f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 40px #0006,inset 0 1px 0 #ffd1660f;max-width:420px;padding:32px 28px;width:100%}.auth-logo{margin-bottom:28px;text-align:center}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:6px}.auth-sub{font-size:.85rem;margin-bottom:24px}.auth-sub,.auth-switch{color:#7a7090;color:var(--text-muted)}.auth-switch{font-size:.84rem;margin-top:20px;text-align:center}.auth-divider{align-items:center;color:#7a7090;color:var(--text-muted);display:flex;font-size:.78rem;gap:12px;margin:20px 0}.auth-divider:after,.auth-divider:before{background:#ffd1661f;background:var(--border);content:"";flex:1 1;height:1px}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 65px);padding:40px 20px;text-align:center}.jar-wrap{animation:jarFloat 4s ease-in-out infinite;margin-bottom:28px;position:relative}@keyframes jarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.jar-glow-ring{animation:ringPulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffd1661f 0,#0000 70%);border-radius:50%;inset:-24px;position:absolute}@keyframes ringPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}h1{font-size:clamp(1.9rem,5.5vw,3.8rem);font-weight:700;letter-spacing:-.03em;line-height:1.18;margin-bottom:18px}h1 .gold{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffd166,#ff9f1c);background:linear-gradient(135deg,var(--glow),var(--glow2));-webkit-background-clip:text;font-style:italic}.subtitle{font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:300;line-height:1.72;margin-bottom:32px;max-width:400px}.hint,.subtitle{color:#7a7090;color:var(--text-muted)}.hint{font-size:.76rem;margin-top:10px}.glass-card{animation:fadeUp .45s ease;background:#16161f;background:var(--card);border:1px solid #ffd1661f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 40px #0006;margin-top:12px;max-width:440px;padding:24px;width:100%}.card-label{color:#7a7090;color:var(--text-muted);font-size:.7rem;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.link-display{align-items:center;background:#1a1a26;background:var(--bg3);border:1px solid #ffd1661a;border-radius:10px;color:#ffbf69;color:var(--glow3);display:flex;font-size:.85rem;font-style:italic;gap:8px;justify-content:space-between;margin-bottom:14px;padding:11px 14px;word-break:break-all}.inbox{margin:0 auto;max-width:640px;padding:32px 20px}.inbox-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0ead6,#ffbf69);background:linear-gradient(135deg,var(--text),var(--glow3));-webkit-background-clip:text;font-size:clamp(1.5rem,4vw,1.9rem);font-weight:700}.glow-count{align-items:center;background:#ffd16617;border:1px solid #ffd16633;border-radius:100px;color:#ffd166;color:var(--glow);display:inline-flex;font-size:.74rem;font-weight:500;gap:5px;margin-top:4px;padding:4px 12px}.jar-progress{align-items:center;background:#16161f;background:var(--card);border:1px solid #ffd1661f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);display:flex;gap:16px;margin-bottom:20px;padding:18px 20px}.jar-info{flex:1 1;min-width:0}.jar-info-title{color:#7a7090;color:var(--text-muted);font-size:.82rem;margin-bottom:7px}.jar-bar-bg{background:#1a1a26;background:var(--bg3);border-radius:100px;height:7px;overflow:hidden}.jar-bar-fill{background:linear-gradient(90deg,#ff9f1c,#ffd166);background:linear-gradient(90deg,var(--glow2),var(--glow));border-radius:100px;box-shadow:0 0 8px #ffd16659;height:100%;transition:width 1.1s cubic-bezier(.34,1.56,.64,1)}.jar-bar-label{color:#7a7090;color:var(--text-muted);font-size:.71rem;margin-top:5px}.share-strip{align-items:center;background:linear-gradient(135deg,#ffd16612,#9b72cf12);border:1px solid #ffd16624;border-radius:20px;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:22px;padding:16px 20px}.share-text{color:#7a7090;color:var(--text-muted);font-size:.84rem}.share-link{color:#ffbf69;color:var(--glow3);font-size:.85rem;font-style:italic;margin-top:2px;word-break:break-all}.copy-btn{background:#ffd16621;border:1px solid #ffd1663d;border-radius:9px;color:#ffd166;color:var(--glow);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.78rem;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.copy-btn:hover{background:#ffd16638}.copy-btn.copied{background:#ffd16647}.msg-list{display:flex;flex-direction:column;gap:12px}.msg-card{animation:fadeUp .4s ease both;background:#16161f;background:var(--card);border:1px solid #ffd1661f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);cursor:pointer;overflow:hidden;padding:20px 22px;position:relative;transition:all .25s}.msg-card:hover{border-color:#ffd1663d;box-shadow:0 0 26px #ffd16612;transform:translateY(-2px)}.msg-card.unread{border-color:#ffd16647}.msg-card.unread:before{background:linear-gradient(180deg,#ffd166,#ff9f1c);background:linear-gradient(180deg,var(--glow),var(--glow2));border-radius:3px 0 0 3px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.msg-glow-bg{background:radial-gradient(circle,#ffd1660f,#0000 70%);height:120px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:120px}.new-badge{background:linear-gradient(135deg,#ffd166,#ff9f1c);background:linear-gradient(135deg,var(--glow),var(--glow2));border-radius:100px;color:#0a0a0f;font-size:.58rem;font-weight:700;letter-spacing:.1em;padding:3px 9px;position:absolute;right:12px;text-transform:uppercase;top:12px}.msg-emoji{font-size:1.6rem;margin-bottom:10px}.msg-text{color:#f0ead6;color:var(--text);font-size:1rem;font-style:italic;line-height:1.75;margin-bottom:12px}.msg-footer{align-items:center;color:#7a7090;color:var(--text-muted);display:flex;font-size:.7rem;gap:6px}.anon-dot{background:#ffd166;background:var(--glow);border-radius:50%;height:4px;opacity:.5;width:4px}.compose-wrap{margin:0 auto;max-width:600px;padding:32px 20px}.compose-card{background:#16161f;background:var(--card);border:1px solid #ffd1661f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 40px #0006;padding:26px}.to-badge{align-items:center;background:#ffd16612;border:1px solid #ffd1662e;border-radius:100px;color:#ffbf69;color:var(--glow3);display:inline-flex;flex-wrap:wrap;font-size:.82rem;gap:8px;margin-bottom:20px;padding:6px 16px}.to-name{color:#ffd166;color:var(--glow);font-style:italic}textarea{background:#12121a;background:var(--bg2);border-radius:12px;font-style:italic;line-height:1.76;margin-bottom:12px;min-height:148px;padding:15px;resize:none}.emoji-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.emoji-btn{background:#1a1a26;background:var(--bg3);border:1px solid #0000;border-radius:9px;cursor:pointer;font-size:1.1rem;padding:7px 12px;transition:all .15s}.emoji-btn:hover{border-color:#ffd1664d;transform:scale(1.1)}.emoji-btn.active{background:#ffd1661a;border-color:#ffd166;border-color:var(--glow);box-shadow:0 0 10px #ffd16629}.compose-footer{flex-wrap:wrap;gap:8px;justify-content:space-between}.anon-note,.compose-footer{align-items:center;display:flex}.anon-note{font-size:.76rem;gap:5px}.anon-note,.char-count{color:#7a7090;color:var(--text-muted)}.char-count{font-size:.72rem}.compose-actions{flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:16px}.compose-actions,.inspire-btn{align-items:center;display:flex}.inspire-btn{background:#0000;border:1px solid #9b72cf47;border-radius:10px;color:#9b72cf;color:var(--purple);cursor:pointer;font-family:inherit;font-size:.83rem;gap:5px;padding:9px 16px;transition:all .2s}.inspire-btn:hover{background:#9b72cf14;border-color:#9b72cf;border-color:var(--purple)}.empty{color:#7a7090;color:var(--text-muted);padding:60px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:16px;opacity:.38}.empty-title{color:#7a7090;color:var(--text-muted);font-size:1.1rem;font-style:italic;margin-bottom:8px}.empty-sub{font-size:.83rem}.center-page{align-items:center;animation:fadeUp .5s ease;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 65px);padding:48px 20px;text-align:center}.center-icon{animation:jarFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(255,209,102,.5));font-size:3.5rem;margin-bottom:20px}.center-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffd166,#ff9f1c);background:linear-gradient(135deg,var(--glow),var(--glow2));-webkit-background-clip:text;font-size:clamp(1.6rem,4vw,2rem);font-weight:700;margin-bottom:12px}.center-sub{color:#7a7090;color:var(--text-muted);font-size:.93rem;line-height:1.66;max-width:340px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .msg-card.unread:before{border-radius:0 3px 3px 0;left:auto;right:0}[dir=rtl] .new-badge{left:12px;right:auto}[dir=rtl] .msg-glow-bg{left:-40px;right:auto}@media (max-width:600px){nav{padding:12px 16px}.logo{font-size:1.15rem}.logo-sub{display:none}.compose-wrap,.inbox{padding:24px 14px}.auth-card{border-radius:16px;padding:24px 20px}.btn{font-size:.88rem;padding:12px 18px}.jar-progress{gap:12px}.jar-progress,.share-strip{align-items:flex-start;flex-direction:column}.inbox-header{flex-direction:column}.inbox-header .btn{justify-content:center;width:100%}.compose-actions{flex-direction:column}.compose-actions .btn,.inspire-btn{justify-content:center;width:100%}h1{font-size:1.85rem}.msg-card{padding:16px 18px}.msg-text{font-size:.96rem}.compose-card,.glass-card{padding:20px}}@media (max-width:380px){h1{font-size:1.65rem}.emoji-btn{font-size:1rem;padding:6px 10px}.auth-card{padding:20px 16px}}@media (min-width:768px) and (max-width:1024px){.inbox{max-width:580px;padding:36px 28px}.compose-wrap{max-width:560px;padding:36px 28px}}.hero-section{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:60px 40px 40px}.hero-left{flex:1 1;min-width:280px}.hero-badge{background:#ffd1661a;border:1px solid #ffd16640;border-radius:100px;color:#ffd166;color:var(--glow);display:inline-block;font-size:.75rem;letter-spacing:.08em;margin-bottom:22px;padding:6px 14px}.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-right{flex:0 0 auto}.big-jar-wrap,.hero-right{align-items:center;display:flex;justify-content:center}.big-jar-wrap{animation:jarFloat 4s ease-in-out infinite;position:relative}.big-jar-ring{animation:ringPulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffd16621 0,#0000 70%);inset:-36px}.big-jar-ring,.big-jar-ring2{border-radius:50%;position:absolute}.big-jar-ring2{animation:ringPulse 4s ease-in-out infinite reverse;background:radial-gradient(circle,#ffd1660f 0,#0000 70%);inset:-60px}.float-note{animation:floatNote ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,209,102,.4));font-size:1.5rem;position:absolute}.fn1{animation-delay:0s;animation-duration:3.2s;left:-30px;top:-10px}.fn2{animation-delay:.6s;animation-duration:3.8s;right:-35px;top:20px}.fn3{animation-delay:1.1s;animation-duration:4s;bottom:30px;left:-40px}.fn4{animation-delay:.4s;animation-duration:3.5s;bottom:10px;right:-28px}@keyframes floatNote{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(8deg)}}.notes-section{margin:0 auto;max-width:1100px;padding:20px 40px 60px}.section-label{color:#7a7090;color:var(--text-muted);font-size:.75rem;letter-spacing:.12em;margin-bottom:24px;text-transform:uppercase}.notes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.sample-note{border-radius:16px;padding:22px 24px;transition:transform .2s}.sample-note:hover{transform:translateY(-4px) rotate(0deg)!important}.sample-note-emoji{font-size:1.8rem;margin-bottom:10px}.sample-note-text{color:#f0ead6;color:var(--text);font-size:1rem;font-style:italic;line-height:1.7;margin-bottom:12px}.sample-note-from{color:#7a7090;color:var(--text-muted);font-size:.72rem}.how-section{border-top:1px solid #ffd1661f;border-top:1px solid var(--border);margin:0 auto;max-width:1100px;padding:20px 40px 60px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0ead6,#ffbf69);background:linear-gradient(135deg,var(--text),var(--glow3));-webkit-background-clip:text;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;margin-bottom:36px}.how-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.how-card{background:#16161f;background:var(--card);border:1px solid #ffd1661f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);padding:28px 24px;transition:transform .2s,box-shadow .2s}.how-card:hover{box-shadow:0 8px 30px #ffd16614;transform:translateY(-3px)}.how-num{color:#ffd166;color:var(--glow);font-size:.7rem;font-weight:600;letter-spacing:.15em;margin-bottom:14px}.how-icon{font-size:2rem;margin-bottom:12px}.how-title{color:#f0ead6;color:var(--text);font-size:1.05rem;font-weight:600;margin-bottom:8px}.how-sub{color:#7a7090;color:var(--text-muted);font-size:.85rem;line-height:1.65}.why-section{border-top:1px solid #ffd1661f;border-top:1px solid var(--border);margin:0 auto;max-width:1100px;padding:20px 40px 60px}.why-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.why-card{background:linear-gradient(135deg,#ffd1660f,#9b72cf0f);border:1px solid #ffd1661f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);padding:24px 20px;text-align:center}.why-icon{color:#f0ead6;color:var(--text);font-size:1rem;font-weight:600;margin-bottom:8px}.why-sub{color:#7a7090;color:var(--text-muted);font-size:.82rem;line-height:1.6}.cta-section{align-items:center;background:linear-gradient(180deg,#0000,#ffd1660a);border-top:1px solid #ffd1661f;border-top:1px solid var(--border);display:flex;flex-direction:column;padding:60px 40px;text-align:center}.cta-jar{animation:jarFloat 4s ease-in-out infinite;margin-bottom:24px}.site-footer{align-items:center;border-top:1px solid #ffd1661f;border-top:1px solid var(--border);color:#f0ead6;color:var(--text);display:flex;flex-wrap:wrap;font-size:.9rem;font-style:italic;font-weight:600;gap:10px;justify-content:space-between;padding:24px 40px}@media (max-width:768px){.hero-section{flex-direction:column;padding:36px 20px 24px;text-align:center}.hero-left{align-items:center;display:flex;flex-direction:column}.hero-btns{justify-content:center}.hero-right{order:-1}.big-jar-wrap svg{height:170px!important;width:170px!important}.how-section,.notes-section,.why-section{padding:20px 20px 40px}.cta-section{padding:40px 20px}.site-footer{flex-direction:column;padding:20px;text-align:center}.fn1,.fn2,.fn3,.fn4{font-size:1.2rem}}@media (max-width:480px){.big-jar-wrap svg{height:140px!important;width:140px!important}.how-grid,.notes-grid,.why-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.739f9de3.css.map*/