@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}#memo-root{position:relative;min-height:100vh;background:#0a0a0f;font-family:Inter,-apple-system,sans-serif;color:#fff;overflow-x:hidden}.privacy-banner{position:relative;z-index:10;border-top:1px solid rgba(255,255,255,.05);background:#141e1459;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-top:4rem;padding-bottom:2rem}.privacy-banner-inner{max-width:900px;margin:0 auto;padding:.55rem 1.5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.privacy-item{display:flex;align-items:flex-start;gap:.4rem;font-size:.78rem;color:#78dc96d9;white-space:normal;line-height:1.5;svg{margin-top:.15rem;flex-shrink:0;color:#64c882e6}code{font-family:Fira Code,Courier New,monospace;font-size:.75rem;background:#64c8821a;border:1px solid rgba(100,200,130,.2);border-radius:4px;padding:.05em .35em;color:#8ce6aae6}}.privacy-sep{color:#ffffff26;font-size:.85rem;line-height:1}@media (max-width: 768px){.privacy-banner-inner{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1rem 1.5rem}.privacy-sep{display:none}.privacy-item{font-size:.78rem}}.bg-gradient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 10% 0%,hsla(260,60%,40%,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 100%,hsla(200,60%,35%,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,hsla(280,40%,20%,.06) 0%,transparent 70%);z-index:0}.particles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.app-header{position:sticky;top:0;z-index:100;padding:0 1.5rem;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1rem}.header-title-group{display:flex;flex-direction:column;gap:.2rem}.app-title{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:800;background:linear-gradient(135deg,#fff 20%,#cca3f5,#8cd0f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.title-icon{-webkit-text-fill-color:initial;background:none;filter:drop-shadow(0 0 8px rgba(180,130,255,.5))}.app-subtitle{font-size:.8rem;color:#fff6;font-weight:400;letter-spacing:.02em}.info-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.info-btn:hover{background:#ffffff1f;color:#fff;border-color:#fff3}.header-actions{display:flex;align-items:center;gap:.75rem}.install-btn{display:none;align-items:center;gap:.5rem;padding:.5rem 1.1rem;background:linear-gradient(135deg,#8c50ff26,#5078ff26);border:1px solid rgba(140,80,255,.35);color:#ccb3ff;border-radius:100px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;flex-shrink:0;box-shadow:0 4px 12px #8c50ff1a}.install-btn:hover{background:linear-gradient(135deg,#8c50ff40,#5078ff40);border-color:#8c50ff8c;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #8c50ff33}.install-btn:active{transform:translateY(0)}@media (max-width: 500px){.install-btn span{display:none}.install-btn{padding:0;width:40px;height:40px;border-radius:50%;justify-content:center;gap:0}}.memo-area{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.memo-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.memo-count{font-size:.85rem;color:#ffffff59;font-weight:500}.btn-add{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#8c3cdd,#3c3cdd);color:#fff;border:none;border-radius:100px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #6226d94d;font-family:inherit}.btn-add:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6226d973}.btn-add:active{transform:translateY(0)}.memos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}.memo-card{position:relative;border-radius:16px;padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;border:1px solid rgba(255,255,255,.08);background:#ffffff08;backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease;animation:cardIn .3s ease forwards;overflow:hidden}.memo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0;background:var( --card-accent, linear-gradient(90deg, hsl(270, 70%, 60%), hsl(240, 70%, 60%)) )}.memo-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.memo-card.removing{animation:cardOut .25s ease forwards}.memo-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.memo-timer{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:#ffffff73;letter-spacing:.03em}.memo-timer.urgent{color:#ed5e5e;animation:pulse 1.5s ease-in-out infinite}.memo-timer.warning{color:#f6c155}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.timer-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.memo-actions{display:flex;align-items:center;gap:.3rem;opacity:0;transition:opacity .2s ease}.memo-card:hover .memo-actions{opacity:1}.memo-action-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#ffffff80;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-size:.8rem}.memo-action-btn:hover{background:#ffffff24;color:#fff}.memo-action-btn.delete-btn:hover{background:#ff3c3c33;border-color:#ff3c3c4d;color:#f07575}.memo-textarea{background:transparent;border:none;outline:none;color:#ffffffd9;font-size:.95rem;line-height:1.7;resize:none;width:100%;font-family:inherit;min-height:80px;overflow:hidden}.memo-textarea::placeholder{color:#fff3}.memo-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:.7rem}.memo-date{font-size:.72rem;color:#ffffff40}.color-picker{display:flex;gap:.4rem;align-items:center}.color-dot{width:14px;height:14px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,border-color .15s ease}.color-dot:hover{transform:scale(1.3)}.color-dot.active{border-color:#ffffffb3;transform:scale(1.2)}.memo-save-row{display:flex;justify-content:flex-end;padding-top:.3rem}.btn-save{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:linear-gradient(135deg,#25b16b,#279b88);color:#fff;border:none;border-radius:100px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 12px #24a87159;font-family:inherit;letter-spacing:.03em}.btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 18px #24a87180}.btn-save:active{transform:translateY(0)}.memo-view{font-size:.95rem;line-height:1.75;color:#ffffffd9;min-height:2rem;white-space:pre-wrap;word-break:break-word}.memo-empty-text{color:#fff3;font-style:italic;font-size:.9rem}.memo-card.confirmed{border-color:#64c88233}.memo-card.confirmed:before{opacity:.7}.memo-action-btn.edit-btn:hover{background:#64b4ff26;border-color:#64b4ff4d;color:#75b3f0}.empty-state{display:none;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 2rem;text-align:center}.empty-state.visible{display:flex}.empty-icon{font-size:4rem;filter:drop-shadow(0 0 20px rgba(180,130,255,.3));animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-title{font-size:1.3rem;font-weight:700;color:#ffffffb3}.empty-desc{font-size:.9rem;color:#ffffff59;line-height:1.7}.btn-add-empty{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 2rem;background:linear-gradient(135deg,#8c3cdd,#3c3cdd);color:#fff;border:none;border-radius:100px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #6226d94d;font-family:inherit;margin-top:.5rem}.btn-add-empty:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6226d973}#info-modal,#delete-modal,#install-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center}#info-modal.open,#delete-modal.open,#install-modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px);cursor:pointer}.modal-box{position:relative;z-index:1;background:#12121cfa;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:min(480px,92vw);padding:0;box-shadow:0 30px 80px #00000080;animation:modalIn .25s ease;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.07)}.modal-title{font-size:1rem;font-weight:700;color:#fff}.modal-close{background:#ffffff12;border:none;color:#ffffff80;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .15s ease}.modal-close:hover{background:#ffffff24;color:#fff}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;font-size:.95rem;line-height:1.7;color:#ffffffb3}.modal-body strong{color:#fff}.modal-body ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.modal-body ul li{padding:.5rem .8rem;background:#ffffff08;border-radius:8px;font-size:.9rem}.modal-warning{background:#ffb40014;border:1px solid rgba(255,180,0,.2);border-radius:10px;padding:.8rem 1rem;font-size:.85rem;color:#ffc864d9;line-height:1.6}.confirm-actions{display:flex;gap:.8rem;justify-content:center;margin-top:.5rem}.confirm-btn{padding:.6rem 1.5rem;border-radius:100px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}.confirm-cancel{background:#ffffff14;color:#ffffffb3}.confirm-cancel:hover{background:#ffffff24;color:#fff}.confirm-ok{background:linear-gradient(135deg,#dd3c3c,#d96226);color:#fff;box-shadow:0 4px 15px #dc32324d}.confirm-ok:hover{transform:translateY(-1px);box-shadow:0 6px 20px #dc323273}@media (max-width: 600px){.memo-area{padding:1rem 1rem 4rem}.memos-grid{grid-template-columns:1fr}.memo-actions{opacity:1}}