:root{--neon-cyan:#00e5ff;--neon-magenta:#ff2bd6;--neon-violet:#a855f7;--neon-pink:#ff4d8d;--bg-0:#070018;--bg-1:#0e0230;--bg-2:#1a0340;--glass-bg:#ffffff0f;--glass-border:#ffffff24;--glass-border-strong:#ffffff47;--text-0:#f5f0ff;--text-1:#c8c0e6;--text-2:#8e87b5;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--shadow-glow-cyan:0 0 18px #00e5ff8c, 0 0 42px #00e5ff59;--shadow-glow-magenta:0 0 18px #ff2bd68c, 0 0 42px #ff2bd659;--shadow-card:0 12px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-0);background-color:var(--bg-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:radial-gradient(ellipse at 20% 10%, #1a0342 0%, transparent 55%), radial-gradient(ellipse at 80% 90%, #3a0a5c 0%, transparent 50%), linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 60%, var(--bg-0) 100%);min-height:100vh;overflow-x:hidden}#root{z-index:1;min-height:100vh;position:relative}.bg-fx{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-fx__blob{filter:blur(90px);opacity:.55;mix-blend-mode:screen;border-radius:50%;width:55vmax;height:55vmax;animation:22s ease-in-out infinite alternate blob-drift;position:absolute}.bg-fx__blob--cyan{background:radial-gradient(circle, var(--neon-cyan) 0%, transparent 65%);top:-10vmax;left:-10vmax}.bg-fx__blob--magenta{background:radial-gradient(circle, var(--neon-magenta) 0%, transparent 65%);animation-duration:28s;animation-delay:-6s;bottom:-15vmax;right:-10vmax}.bg-fx__blob--violet{background:radial-gradient(circle, var(--neon-violet) 0%, transparent 65%);opacity:.4;animation-duration:32s;animation-delay:-12s;top:40%;left:40%;transform:translate(-50%,-50%)}.bg-fx__grid{opacity:.5;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.bg-fx__noise{opacity:.06;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}@keyframes blob-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(6vmax,-4vmax)scale(1.15)}to{transform:translate(-4vmax,5vmax)scale(.95)}}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px)saturate(140%);box-shadow:inset 0 1px #ffffff14,0 10px 32px #00000059}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{z-index:2;flex-direction:column;gap:clamp(16px,2.5vw,28px);max-width:960px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(16px,4vw,32px) 80px;animation:.7s cubic-bezier(.2,.8,.2,1) both app-fade-in;display:flex;position:relative}@keyframes app-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.header{border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex;position:relative;overflow:hidden}.header:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 0%,#00e5ff14 30%,#ff2bd614 60%,#0000 100%);animation:6s ease-in-out infinite header-sheen;position:absolute;inset:0}@keyframes header-sheen{0%,to{opacity:.4;transform:translate(-30%)}50%{opacity:1;transform:translate(30%)}}.header__title{letter-spacing:1px;color:var(--text-0);align-items:center;gap:10px;margin:0;font-size:clamp(22px,3.2vw,30px);font-weight:800;display:flex}.header__sparkle{color:var(--neon-cyan);filter:drop-shadow(0 0 8px var(--neon-cyan));animation:4s linear infinite sparkle-spin;display:inline-block}@keyframes sparkle-spin{to{transform:rotate(360deg)}}.header__neon{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-magenta), var(--neon-violet));color:#0000;text-shadow:0 0 20px #a855f759;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite neon-flow}@keyframes neon-flow{to{background-position:200% 0}}.header__badge{color:var(--neon-cyan);letter-spacing:.5px;background:#00e5ff1f;border:1px solid #00e5ff73;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:transform .26s cubic-bezier(.2,1.4,.4,1);animation:.42s cubic-bezier(.3,1.6,.5,1) badge-pulse;display:inline-flex;position:relative;box-shadow:0 0 14px #00e5ff40}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 0 14px #00e5ff40}50%{transform:scale(1.12);box-shadow:0 0 28px #00e5ff99}to{transform:scale(1);box-shadow:0 0 14px #00e5ff40}}.header__badge-dot{background:var(--neon-cyan);width:8px;height:8px;box-shadow:0 0 10px var(--neon-cyan);border-radius:50%;animation:1.6s ease-in-out infinite dot-blink}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.3}}.header__badge-num{color:#eafeff;text-shadow:0 0 10px var(--neon-cyan);font-size:16px}.header__badge-label{opacity:.75;text-transform:uppercase;font-size:12px}.memo-input{border-radius:var(--radius-lg);align-items:stretch;gap:8px;padding:8px;transition:border-color .26s,box-shadow .4s,transform .26s;display:flex;position:relative}.memo-input.is-focused{border-color:#00e5ff99;box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #00e5ff40,0 0 28px #00e5ff59,0 0 60px #ff2bd62e}.memo-input__field{border-radius:var(--radius-md);min-width:0;color:var(--text-0);caret-color:var(--neon-cyan);background:#0000004d;border:1px solid #ffffff14;outline:none;flex:1;padding:14px 18px;font-family:inherit;font-size:16px;transition:border-color .2s,background .2s}.memo-input__field::placeholder{color:var(--text-2)}.memo-input__field:focus{background:#00000073;border-color:#00e5ff80}.memo-input__submit{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--neon-cyan), var(--neon-violet) 55%, var(--neon-magenta));color:#0a001a;letter-spacing:1px;cursor:pointer;background-position:0 0;background-size:180% 180%;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:6px;min-width:110px;padding:0 22px;font-size:14px;font-weight:800;transition:transform .18s cubic-bezier(.2,1.6,.4,1),box-shadow .24s,background-position .4s,filter .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #a855f773,inset 0 1px #ffffff59}.memo-input__submit:hover:not(:disabled){background-position:100% 100%;transform:translateY(-2px)scale(1.04);box-shadow:0 10px 30px #ff2bd68c,0 0 24px #00e5ff73,inset 0 1px #ffffff59}.memo-input__submit:active:not(:disabled){transform:translateY(0)scale(.98)}.memo-input__submit:disabled{cursor:not-allowed;filter:grayscale(.6)brightness(.7);box-shadow:none}.memo-input__submit-icon{font-size:16px;animation:3.2s linear infinite spark-rotate;display:inline-block}@keyframes spark-rotate{to{transform:rotate(360deg)}}.memo-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.memo-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:80px 20px;display:flex}.memo-empty__sparkle{background:linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta));color:#0000;filter:drop-shadow(0 0 18px #00e5ff80);-webkit-background-clip:text;background-clip:text;font-size:56px;animation:3.6s ease-in-out infinite sparkle-float}@keyframes sparkle-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(14deg)}}.memo-empty__text{letter-spacing:1px;color:var(--text-0);text-shadow:0 0 18px #a855f773;font-size:22px;font-weight:700}.memo-empty__hint{color:var(--text-2);font-size:14px}.memo-card{border-radius:var(--radius-md);transform-origin:50%;will-change:transform, opacity;flex-direction:column;gap:14px;min-height:140px;padding:18px 18px 14px;transition:transform .26s cubic-bezier(.2,1.2,.4,1),box-shadow .26s,border-color .26s,opacity .24s;display:flex;position:relative;overflow:hidden}.memo-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#00e5ff80,#ff2bd680);padding:1px;transition:opacity .26s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.memo-card:hover{border-color:var(--glass-border-strong);transform:translateY(-6px);box-shadow:0 18px 40px #00000080,0 0 28px #a855f759}.memo-card:hover:before{opacity:1}.memo-card__body{color:var(--text-0);white-space:pre-wrap;word-break:break-word;flex:1;font-size:16px;line-height:1.55}.memo-card__footer{border-top:1px dashed #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.memo-card__time{color:var(--text-2);letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:12px}.memo-card__delete{width:32px;height:32px;color:var(--neon-pink);cursor:pointer;background:#ff4d8d14;border:1px solid #ff4d8d59;border-radius:50%;justify-content:center;align-items:center;transition:transform .18s cubic-bezier(.2,1.6,.4,1),background .22s,box-shadow .22s,color .22s;display:inline-flex}.memo-card__delete:hover{color:#fff;background:#ff4d8d38;transform:scale(1.1)rotate(-6deg);box-shadow:0 0 16px #ff4d8d8c}.memo-card__delete:active{transform:scale(.92)}.memo-card__glow{border-radius:inherit;pointer-events:none;opacity:.7;background:radial-gradient(120% 80% at 50% 120%,#ff2bd638,#0000 60%);position:absolute;inset:-1px}.memo-card.is-entering{animation:.48s cubic-bezier(.2,1.6,.4,1) both card-pop-in;animation-delay:var(--enter-delay,0s)}@keyframes card-pop-in{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.88)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.memo-card.is-leaving{pointer-events:none;z-index:5;animation:.8s cubic-bezier(.2,.7,.3,1) forwards card-explode;overflow:visible}.memo-card.is-leaving:before{opacity:1;background:linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta));filter:blur(2px)}@keyframes card-explode{0%{filter:brightness()blur();transform:scale(1)}8%{filter:brightness(1.8)contrast(1.2)saturate(1.5)blur();transform:translate(-6px)scale(1.02);box-shadow:0 0 32px #00e5ffcc,6px 0 #ff2bd699,-6px 0 #00e5ff99}14%{filter:brightness(1.8)contrast(1.2)saturate(1.5);transform:translate(6px)scale(1.03)}20%{filter:brightness(2)hue-rotate(20deg);transform:translate(-5px)scale(1.04)}28%{transform:translate(5px)scale(1.06)rotate(-1deg)}36%{filter:brightness(2.6)saturate(1.8)blur();transform:scale(1.12)rotate(2deg);box-shadow:0 0 80px #ff2bd6e6,0 0 50px #00e5ffe6,inset 0 0 40px #ffffff80}55%{filter:brightness(1.6)blur(3px);opacity:.9;transform:scale(1.05)rotate(-3deg)}to{opacity:0;filter:brightness(.4)blur(16px);transform:scale(.4)rotate(12deg)}}.memo-card__flash{opacity:0;pointer-events:none;mix-blend-mode:screen;z-index:2;background:radial-gradient(circle,#fff 0%,#00e5ffe6 25%,#a855f78c 55%,#0000 75%);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.memo-card.is-leaving .memo-card__flash{animation:.8s cubic-bezier(.15,.7,.3,1) forwards flash-burst}@keyframes flash-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}12%{opacity:1;transform:translate(-50%,-50%)scale(8)}28%{opacity:.95;transform:translate(-50%,-50%)scale(28)}55%{opacity:.5;transform:translate(-50%,-50%)scale(55)}to{opacity:0;transform:translate(-50%,-50%)scale(85)}}.memo-card__sparks{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:visible}.memo-card__spark{width:var(--spark-size,8px);height:var(--spark-size,8px);opacity:0;mix-blend-mode:screen;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.memo-card__spark--cyan{background:var(--neon-cyan);box-shadow:0 0 14px var(--neon-cyan), 0 0 30px #00e5ffbf}.memo-card__spark--magenta{background:var(--neon-magenta);box-shadow:0 0 14px var(--neon-magenta), 0 0 30px #ff2bd6bf}.memo-card.is-leaving .memo-card__spark{animation:.75s cubic-bezier(.15,.7,.25,1) forwards spark-fly;animation-delay:var(--spark-delay,0s)}@keyframes spark-fly{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.6)}70%{opacity:.9}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(.1);opacity:0}}@media (width<=520px){.memo-input{flex-direction:column}.memo-input__submit{min-width:0;padding:14px}.header{padding:16px 18px}.header__badge-label{display:none}}