html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden;background:#121212;color:#e4e4e4;font-family:Noto Sans KR,Nanum Gothic,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{color:#76ff7a;text-decoration:none}a:hover{color:#0bbfbf}#app{width:100%;max-width:640px;margin:0 auto;padding:1.2rem 1.2rem 2rem}button{border:none;padding:.75rem 1.4rem;border-radius:14px;font-size:.95rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#0f9b3f,#0bbfbf);box-shadow:0 4px 12px #00000080;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:hover{opacity:.95;box-shadow:0 6px 14px #0009}button:active{transform:scale(.97)}button.delete{background:#ff5757}input{width:100%;padding:.75rem 1rem;border-radius:14px;border:none;outline:none;background:#ffffff0f;color:#f5f5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input::placeholder{color:#888}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}::-webkit-scrollbar-track{background:transparent}.container{width:100%;max-width:100%;margin:1.2rem 0 1.5rem;padding:1.2rem 1rem 1.4rem;background:#ffffff0a;border-radius:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 26px #0000008c}.daily-quote{width:100%;max-width:100%;margin:0 auto 1rem;padding:1rem 1.1rem;background:#ffffff0d;border-radius:18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 24px #0000008c;text-align:center}.daily-quote .quote{font-size:1.1rem;font-weight:600;color:#e4e4e4}.daily-quote .author{margin-top:.4rem;font-size:.9rem;color:#a8a8a8}.write{display:flex;gap:.6rem;align-items:center;margin-bottom:1rem}.write input{flex:1}.write button{white-space:nowrap}.list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem .9rem;margin-bottom:.6rem;border-radius:16px;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 16px #0000008c;color:#e4e4e4}.memo-text{display:flex;flex-direction:column;gap:.15rem}.memo-text strong{font-size:.95rem}.memo-text small{font-size:.75rem;color:#a8a8a8}.list li button{padding:.5rem .9rem;font-size:.8rem;border-radius:999px;background:#ff5757}.notice{margin-top:.6rem;font-size:.85rem;color:#76ff7a}.ai{margin-top:.8rem}.ai h3{margin:.6rem 0;font-size:.95rem;color:#e4e4e4}.ai ul{list-style:none;margin:.3rem 0 0;padding:0}.ai ul li{display:flex;justify-content:space-between;align-items:center;padding:.55rem .8rem;margin-bottom:.4rem;border-radius:14px;background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000080;font-size:.85rem}.ai ul li button{padding:.35rem .7rem;font-size:.75rem}.share-box,.ad-box{width:100%;max-width:100%;margin:1.2rem auto .4rem;text-align:center}.share-box img{width:52px;height:52px}@media (max-width: 600px){.container{margin:1rem 0 1.2rem;padding:1rem .8rem 1.2rem}.write{gap:.5rem}.list li{padding:.7rem .8rem}}