:root{--color-navy: #0f1923;--color-cream: #f5f0e8;--color-cream-dark: #e0d5c5;--color-gold: #c9a84c;--color-white: #ffffff;--color-black: #1a1a1a}*{box-sizing:border-box;margin:0;padding:0}.btn-primary{width:100%;padding:12px;background-color:transparent;color:var(--color-gold);border:1px solid var(--color-gold);border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s}.btn-primary:hover{background-color:var(--color-gold);color:var(--color-navy)}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:5px;color:var(--color-gold);font-size:13px}.input-group input{width:100%;padding:10px;border:none;border-bottom:1px solid var(--color-gold);background:transparent;color:var(--color-cream);font-size:14px;outline:none}.input-group input::placeholder{color:#f5f0e866}.container[data-v-ad77b315]{display:flex;flex-direction:column;height:100vh;background-color:#f0f2f5}.bg-cream[data-v-ad77b315]{position:absolute;top:0;left:0;width:100%;height:30%;background-color:#e0d5c5}.bg-navy[data-v-ad77b315]{position:absolute;bottom:0;left:0;width:100%;height:70%;background-color:#0f1923}.logo[data-v-ad77b315]{position:relative;z-index:1;width:520px;padding-top:60px;padding-left:60px;animation:fadeIn-ad77b315 1.5s ease-in-out}@media (max-width: 768px){.logo[data-v-ad77b315]{width:380px;padding-top:40px;padding-left:30px}}@media (max-width: 480px){.logo[data-v-ad77b315]{width:280px;padding-top:30px;padding-left:20px}}@keyframes fadeIn-ad77b315{0%{opacity:0}to{opacity:1}}.box-wrapper[data-v-ad77b315]{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:flex-end;flex:1;padding:0 80px 80px 0}.box[data-v-ad77b315]{background:transparent;padding:40px;border-radius:10px;width:380px}h2[data-v-ad77b315]{text-align:center;margin-bottom:30px;color:#f5f0e8;font-family:Georgia,serif;font-style:italic}label[data-v-ad77b315]{display:block;margin-bottom:5px;color:#c9a84c;font-size:13px}input[data-v-ad77b315]{width:100%;padding:10px;border:none;border-bottom:1px solid #c9a84c;background:transparent;color:#f5f0e8;font-size:14px;outline:none}input[data-v-ad77b315]::placeholder{color:#f5f0e866}button[data-v-ad77b315]{width:100%;padding:12px;background-color:transparent;color:#c9a84c;border:1px solid #c9a84c;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s}button[data-v-ad77b315]:hover{background-color:#c9a84c;color:#0f1923}.switch[data-v-ad77b315]{text-align:center;margin-top:15px;color:#f5f0e899;font-size:14px}.switch span[data-v-ad77b315]{color:#c9a84c;cursor:pointer;font-weight:700}.switch span[data-v-ad77b315]:hover{text-decoration:underline}.main-container[data-v-4abd1562]{width:100%;margin:0;padding:40px 20px;min-height:100vh;background-color:var(--color-navy);color:var(--color-cream)}.header[data-v-4abd1562]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header h1[data-v-4abd1562]{font-family:Georgia,serif;font-style:italic;font-size:24px;color:var(--color-cream)}.memo-form[data-v-4abd1562]{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.memo-form input[data-v-4abd1562],.memo-form textarea[data-v-4abd1562]{background:transparent;border:none;border-bottom:1px solid var(--color-gold);color:var(--color-cream);padding:10px;font-size:14px;outline:none}.memo-form textarea[data-v-4abd1562]{height:80px;resize:none}.memo-form input[data-v-4abd1562]::placeholder,.memo-form textarea[data-v-4abd1562]::placeholder{color:#f5f0e866}button[data-v-4abd1562]{padding:10px 20px;background:transparent;border:1px solid var(--color-gold);color:var(--color-gold);cursor:pointer;border-radius:5px;transition:all .3s}button[data-v-4abd1562]:hover{background:var(--color-gold);color:var(--color-navy)}.memo-list[data-v-4abd1562]{display:flex;flex-direction:column;gap:15px}.memo-item[data-v-4abd1562]{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid rgba(201,168,76,.3);border-radius:8px}.memo-info h3[data-v-4abd1562]{color:var(--color-gold);margin-bottom:5px}.memo-info p[data-v-4abd1562]{color:#f5f0e8b3;font-size:13px}.delete-btn[data-v-4abd1562]{border-color:#ff646480;color:#ff6464b3;font-size:12px;padding:6px 12px}.delete-btn[data-v-4abd1562]:hover{background:#ff646433;color:#ff6464}.empty[data-v-4abd1562]{color:#f5f0e866;text-align:center;margin-top:40px}