@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:wght@600&display=swap";a{font-weight:500;color:#8b6a33;text-decoration:inherit}a:hover{color:#8b6a33}body{margin:0;padding:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#8b6a33}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#d3b480}a:hover{color:#8b6a33}button{background-color:#d3b480}}.navbar{background-image:linear-gradient(to bottom right,#e6c998,#c1a169);width:100%;padding:20px 20px 0 0}.navbar-bar{background-color:#fffbea;padding:20px 25px 0 15px;display:flex;gap:10px;align-items:center;justify-content:flex-start;width:fit-content;border-radius:0 20px 0 0}.navbar-bar a,.navbar-bar button{border:none;background:transparent;padding:0;border-radius:999px;cursor:pointer;display:flex;align-items:center}#home_btn img{height:25px;width:auto;padding-right:10px}.navbar-bar img{height:34px;width:auto;transition:transform .2s ease}.navbar-bar img:hover{transform:scale(1.07);opacity:.9}@media (max-width: 700px){.navbar-bar{gap:6px;padding:8px 12px}.navbar-bar img{height:25px}#home_btn img{height:20px;padding-right:6px}}@media (max-width: 545px){.navbar-bar{gap:6px;padding:8px 12px}.navbar-bar img{height:22px}#home_btn img{height:20px;padding-right:6px}}@media (max-width: 460px){.navbar{padding:12px 10px 0 0}.navbar-bar{gap:5px;padding:6px 10px;flex-wrap:wrap;max-width:100%}.navbar-bar img{height:20px}#home_btn img{height:18px;padding-right:4px}}@media (max-width: 320px){.navbar{padding:8px 0 0}.navbar-bar{gap:4px;padding:10px 8px;flex-wrap:wrap;border-top-left-radius:20px}.navbar-bar img{height:18px}#home_btn img{height:12px}}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fffbea;padding:20px;box-sizing:border-box}.auth-box{display:flex;background-color:#fffbea;border:3px solid #916C2F;border-radius:20px;overflow:hidden;max-width:960px;width:100%}.auth-left{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.auth-left h2{font-size:32px;font-weight:700;color:#916c2f;margin-bottom:32px;text-align:center}.auth-left form{display:flex;flex-direction:column;gap:18px}.auth-left input{padding:12px;background:#ede2b9;border:none;font-size:16px;color:#6e5121;border-radius:4px}.auth-left input::placeholder{color:#b09156;font-weight:700}.auth-left button{padding:12px;background:#c49b5f;color:#fff;border:none;font-weight:700;font-size:16px;border-radius:12px;cursor:pointer}.auth-left button:hover{background:#a9814d}.auth-switch-text{margin-top:12px;font-size:14px;color:#916c2f;text-align:center}.auth-switch-text a{color:#5a3d1d;font-weight:700;text-decoration:underline}.auth-right{flex:1;background-color:#8b6a33;display:flex;justify-content:center;align-items:center;border-left:1px solid #e3d6a2;padding:20px}.auth-right img{max-width:100%;max-height:100%;object-fit:cover;border-radius:12px}body{margin:0;font-family:Inter,sans-serif;background:#fffbea;overflow-x:hidden}.home{height:84vh}.home-wrapper{max-width:1200px;margin:0 auto;padding:45px 50px 100px;font-family:Playfair Display,serif}.divider{margin-top:3rem;border-top:5px solid #8b6b3356}.home-columns{display:flex;flex-wrap:wrap;gap:40px;margin-top:1rem}.home-left{flex:2;padding-right:20px}.home-right{flex:1;padding-left:20px;border-left:2px solid #8b6b3356}.home-title{font-size:49px;margin-bottom:3rem;color:#8b6a33}.home-quote{font-size:18px;font-style:italic;margin-bottom:20px;color:#8b6a33}.home-description{font-size:16px;line-height:1.6;color:#8b6a33;font-family:Inter,sans-serif}.home-right h2{font-size:22px;margin-bottom:16px;color:#8b6a33}.home-right ul{list-style-type:none;padding-left:0;color:#8b6a33;margin:0}.home-right li{margin-bottom:14px;font-size:16px;line-height:1.4;position:relative;padding-left:32px}#icon{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;background-image:url(/assets/stickers/star1.png);background-size:contain;background-repeat:no-repeat}.home-sticker{flex:0 0 100px;display:flex;align-items:flex-end;justify-content:center}.sticker img{width:auto;height:7rem;transform:rotate(15deg);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-12px) rotate(15deg)}}.carousel-banner{position:fixed;bottom:1rem;left:0;width:100%;overflow:hidden;white-space:nowrap;background:#e1b05b61;filter:saturate();padding:12px 0;border:2px solid #b68f4d;font-family:Playfair Display,serif;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px 6px 0 0}.carousel-track{display:inline-block;animation:scroll-left 20s linear infinite}.carousel-item{display:inline-flex;align-items:center;margin:0 16px;font-size:20px;font-weight:700;color:#8b6a33}.carousel-item img{width:20px;margin-left:8px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1101px){.home-columns{flex-direction:column}.sticker img{height:5rem}}@media (max-width: 768px){.home-columns{flex-direction:column;gap:2rem}.home-left,.home-right{padding:0;border:none}.carousel-item{font-size:16px}.home-title{font-size:36px;text-align:center}.home-sticker{justify-content:center;margin-top:2rem}.sticker img{height:5rem}}@media (max-width: 480px){.carousel-item img{width:16px}.carousel-banner{font-size:14px;padding:8px 0}.sticker img{height:5rem}}.calendar-container{background-color:#2f4e5b;border-radius:12px;padding:20px;font-family:var(--font-main);border:2px solid #6badc1;color:#eafffd}.calendar-container h2{color:#b5eafa;font-size:2.5rem;text-align:center;margin-bottom:1rem}.fc-toolbar-title{font-size:24px;color:#eafffd;font-weight:700}.fc .fc-button{background-color:#b5eafa;color:#2f4e5b;border:2px solid #6badc1;font-weight:700;border-radius:6px;padding:5px 12px}.fc .fc-button:hover{background-color:#6badc1;color:#fff}.fc-daygrid-day-number{color:#b5eafa;font-weight:500}.fc-day-today{background-color:#3c6e80!important}.fc-event{background-color:#ffd883;color:#a08241;border:none;border-radius:6px;padding:2px 6px;font-size:14px;font-family:var(--font-secondary);box-shadow:1px 1px 3px #0000001a}.fc-event:hover{background-color:#ffdc86;cursor:pointer}.fc-col-header-cell-cushion{color:#68b1c3;font-weight:600;padding:8px 0;font-family:var(--font-secondary)}:root{--primary: #8B6A33;--accent: #D3B480;--background: #fffbea;--border-fade: #8b6b3356;--font-main: "Playfair Display", serif;--font-secondary: "Inter", sans-serif}.todo-page{display:flex;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:2rem auto;padding:2rem;background-color:var(--background);font-family:var(--font-main)}.todo-section,.calendar-section{background-color:#ebfaff;border:2px solid #6badc1;padding:1rem;border-radius:10px;box-shadow:5px 4px #2473a7a2}.todo-section{flex:1 1 60%;min-width:300px}.calendar-section{flex:1 1 35%;min-width:300px}.title-section{display:flex;align-items:center;gap:2rem;justify-content:center;margin:2rem}.Title{font-size:40px;color:#467d8e}.sticker,.sticker1,.sticker2{width:auto;height:7rem;transform:rotate(-10deg);display:block}.todo-container h2{font-size:32px;margin-bottom:20px;text-align:center;font-weight:700;color:#467d8e;font-family:var(--font-main)}.calendar-container h2{color:#eafffd;font-size:2.5rem;text-align:center}.category-section h3{font-size:27px;font-style:italic;margin-bottom:15px;color:#467d8e;border-bottom:1px solid #467d8e9e;padding-bottom:5px}.todo-input{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;justify-content:center}.todo-input input,.todo-input select{flex:1;padding:10px 12px;min-width:160px;font-size:16px;border-radius:8px;border:2px solid #6badc1;color:#6badc1}.todo-input input[type=date]{min-width:140px}.todo-input button{padding:10px 20px;font-size:16px;background-color:#b5eafa;color:#6badc1;border:none;border-radius:8px;cursor:pointer;transition:background .3s;font-weight:700;border:2px solid #6badc1}.todo-input button:hover{background-color:#6badc1;color:#fff}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;margin-bottom:10px;border-radius:10px;background-color:#467d8e;box-shadow:3px 1px 5px #00000008;border-bottom:1px solid var(--border-fade)}.todo-item input[type=checkbox]{transform:scale(1.2);cursor:pointer;background-color:#e1f8ff}.todo-item span{flex:1;margin:0 10px;color:#e1f8ff;font-family:var(--font-secondary)}.todo-item .task-text{flex-grow:1;font-size:16px;color:#222}.todo-item.completed .task-text{text-decoration:line-through;color:#aaa}.todo-item .due-date{font-size:14px;color:#e1f8ff;margin-left:auto;text-align:right}.todo-item button{padding:6px 10px;background-color:#fc7979;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background .3s}.todo-item button:hover{background-color:#e14848}.calendar-container{margin-top:40px}@media (max-width: 768px){.calendar-container h2{font-size:1.8rem;margin-bottom:1rem}.fc-toolbar-title{font-size:1.1rem!important}.fc .fc-button{font-size:12px!important;padding:4px 8px!important}.fc-daygrid-day-number{font-size:12px!important}.fc-event{font-size:12px!important;padding:1px 4px!important}.calendar-container{padding:10px}.sticker,.sticker1,.sticker2{display:none}}@media (max-width: 530px){.Title{font-size:24px}.sticker,.sticker1,.sticker2{height:4rem}.todo-input input,.todo-input select,.todo-input button{font-size:14px;min-width:unset}.todo-item{padding:10px}.todo-item span{font-size:14px}.todo-item button{font-size:13px;padding:5px 8px}.calendar-container h2{font-size:1.6rem}.category-section h3{font-size:20px}}@media (max-width: 350px){.title-section{margin:1rem}.Title{font-size:20px}.sticker,.sticker1,.sticker2{height:3.5rem}.todo-input{flex-direction:column;gap:10px}.todo-input input,.todo-input select,.todo-input button{width:100%;font-size:13px}.todo-item{flex-direction:column;align-items:flex-start;gap:6px}.todo-item .due-date{text-align:left;font-size:13px}.calendar-container h2{font-size:1.4rem}.category-section h3{font-size:18px}}.profile-wrapper{display:flex;gap:20px;padding:40px 20px;max-width:1200px;margin:1rem auto}.profile-side{flex:1;display:flex;flex-direction:column;gap:5rem;align-items:center;justify-content:center}.profile-side img{width:auto;height:9rem;animation:float 3s ease-in-out infinite}.profile-center{flex:2.5;background:#ffedf6;padding:30px;border-radius:12px;border:2px solid #dd5b9e;font-family:var(--font-secondary);box-shadow:5px 4px #dd5b9e}.user-profile-img h2{font-family:var(--font-main);font-size:2.5rem;margin:0}.user-profile-img{justify-content:center;display:flex;align-items:center;flex-direction:column;color:#802a57}.profile-img{width:120px;height:120px;border-radius:50%;margin:20px 0;object-fit:cover}.profile-card{padding:20px;margin-bottom:30px;border-radius:10px;color:#802a57;background:#fffcfd;border:2px solid #ffc3e2;box-shadow:5px 4px #ffc3e2}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:30px}.stat-box{background:#eee;padding:20px;border-radius:12px;text-align:center;font-family:var(--font-secondary);box-shadow:0 4px 8px #0000000d;transition:transform .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-box h4{margin-bottom:8px;font-size:18px;font-weight:700}.stat-box p{font-size:22px;font-weight:700;margin:0}.stat-box img{width:auto;height:5rem;background-color:#fff;border-radius:50%}.stat-box.todo{background-color:#caf3ff;color:#136d9d;border:2px solid #136d9d;box-shadow:2px 3px #136d9d}.stat-box.expenses{background-color:#f2ffb6;color:#8da034;border:2px solid #8DA034;box-shadow:2px 3px #8da034}.stat-box.notes{background-color:#fef6ac;color:#8a8026;border:2px solid #CDC043;box-shadow:2px 3px #cdc043}.stat-box:hover{transform:translateY(-4px)}.error{color:red;margin-bottom:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.profile-wrapper{flex-direction:column;align-items:center}.profile-side{display:none}.profile-center{width:100%}.stats-row{flex-direction:column}}:root{--primary: #6e7f24;--accent: #8da132;--background: #fffbea;--border-fade: #8b6b3356;--font-main: "Playfair Display", serif;--font-secondary: "Inter", sans-serif}html,body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;background-color:var(--background);font-family:var(--font-secondary)}.expense{background-image:url(/assets/bg-BghSMIqL.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;width:100%;display:flex;justify-content:center;padding:1rem;box-sizing:border-box;border:1rem solid #fffbea}.expense-container{width:100%;max-width:960px;margin:4rem auto;padding:30px;background-color:#e6f5a3;border-radius:12px;box-shadow:5px 4px #8da132;font-family:var(--font-secondary);color:var(--primary);border:2px solid #8da132;box-sizing:border-box}.expense-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;border-bottom:2px solid var(--border-fade);flex-wrap:wrap;gap:1rem}.expense-title{font-family:var(--font-main);font-size:2.4rem;color:#4e5924;font-weight:700;margin:0}.expense-sticker{height:4rem;width:auto;padding:.5rem}.budget-box,.summary-box{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.budget-box input{flex:1;padding:10px;font-size:16px;border:1px solid var(--accent);border-radius:6px;color:#6d7d22;background-color:#fcffef}.summary-box p{margin:0;font-weight:700}.expense-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.expense-form input,.expense-form select{flex:1;padding:10px;min-width:150px;font-size:16px;border:1px solid var(--accent);border-radius:6px;background-color:#fcffef;color:#8da132}.expense-form button{font-family:var(--font-main);font-style:italic;background-color:#8da132;color:#fff;font-weight:700;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:16px}.expense-form button:hover{background-color:#6d7d22}.expense-list{list-style:none;padding:0;margin:0}.expense-list li{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-fade);flex-wrap:wrap;gap:8px}.expense-list .desc{flex:2;font-weight:500}.expense-list .amount,.expense-list .cat{flex:1;text-align:right;font-family:var(--font-secondary)}.expense-list button{border:none;background:transparent;cursor:pointer;font-size:18px;color:#c14444;margin-left:10px}.category-summary{margin-top:40px}.category-summary h4{font-size:20px;margin-bottom:12px;border-bottom:1px solid var(--border-fade);padding-bottom:6px}.category-summary ul{list-style:none;padding:0}.category-summary li{font-size:16px;margin-bottom:8px}.reset-btn{margin-left:10px;padding:8px 12px;font-size:14px;background-color:#e84a4a;border:none;color:#fff;font-weight:700;border-radius:6px;cursor:pointer}.reset-btn:hover{background-color:#b52d2d}@media (max-width: 768px){.expense-container{padding:30px 20px;width:50vh}.expense-header{flex-direction:column;text-align:center}.expense-title{font-size:1.8rem}.expense-sticker{height:3rem}.expense-form{flex-direction:column}.budget-box,.summary-box{flex-direction:column;align-items:stretch}.expense-form input,.expense-form select,.expense-form button{width:100%}.expense-list li{flex-direction:column;align-items:flex-start;font-size:15px}.expense-list .amount,.expense-list .cat{text-align:left}.category-summary li{font-size:15px}}@media (max-width: 480px){.expense-container{margin:.5rem;padding:20px;width:95%}.expense-title{font-size:1.6rem}.expense-sticker{height:2.5rem}.expense-form input,.expense-form select,.expense-form button,.expense-list li,.summary-box p,.category-summary li{font-size:14px}.category-summary h4{font-size:18px}}:root{--bg-main: #FFFBEA;--main-yellow: #FFF493;--accent-yellow: #CDC043;--danger: #f06464;--font-main: "Playfair Display", serif;--font-secondary: "Inter", sans-serif;--text-dark: #2b2222;--note-card-bg: #fffdf0}body,html{margin:0;padding:0;background-color:var(--bg-main);font-family:var(--font-secondary);color:var(--text-dark);overflow-x:hidden}.note{background-image:url(/assets/bg_grid-zkgVJeLy.png);background-size:cover;background-repeat:no-repeat;background-position:center;min-height:100vh;padding:0;margin:3rem;border:1px solid #CDC043;box-sizing:border-box}.notion-container{max-width:960px;margin:auto;padding:40px 20px;position:relative;z-index:1;box-sizing:border-box}.note-title{display:flex;align-items:center;gap:2rem;justify-content:center;margin:2rem;flex-wrap:wrap}.sticker1,.sticker2{width:auto;height:7.5rem;transform:rotate(-10deg)}.sticker1{transform:scaleX(-1)}.notion-container h1{text-align:center;font-size:2.8rem;color:#cdc043;font-family:var(--font-main);margin-bottom:40px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.notion-new{background:#fff9c3;padding:24px;border-radius:16px;border:2px solid #CDC043;box-shadow:5px 4px #cdc043;margin-bottom:40px}.notion-new input,.notion-new textarea{width:100%;padding:14px 18px;margin-bottom:16px;font-size:16px;border:2px solid var(--accent-yellow);border-radius:10px;background-color:#fffef4;color:var(--text-dark);font-family:var(--font-secondary);box-sizing:border-box}.notion-new textarea{resize:vertical;min-height:100px}.note-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.note-footer input[type=color]{width:42px;height:42px;border:1px solid #CDC043;border-radius:8px;cursor:pointer}.note-footer button{padding:12px 20px;background:var(--accent-yellow);color:#fff;font-weight:700;font-size:16px;border:none;border-radius:10px;cursor:pointer;font-family:var(--font-secondary);transition:all .25s ease}.note-footer button:hover{background:var(--main-yellow);color:#333}.notion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.note-card{background:var(--note-card-bg);padding:20px;border-radius:12px;box-shadow:0 4px 14px #0000000d;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;transition:transform .2s ease;word-wrap:break-word}.note-card:hover{transform:scale(1.02)}.note-card h2{margin-bottom:10px;font-size:18px;font-weight:700;color:var(--text-dark);border-bottom:1px solid #6f6f6f;padding-bottom:4px;font-family:var(--font-main)}.note-body{white-space:pre-wrap;flex-grow:1;margin:10px 0;font-size:15px;font-family:var(--font-secondary)}.note-card button{background:var(--danger);border:none;padding:8px 12px;border-radius:6px;color:#333;font-weight:700;cursor:pointer;transition:background .3s;border:1px solid #333}.note-card button:hover{background:#e14848}@media (max-width: 768px){.note{margin:2rem 1rem;padding:0;border:none}.note-title{gap:1.2rem;margin:1.5rem 0}.sticker1,.sticker2{height:5rem}.notion-container h1{font-size:2.2rem;text-align:center}.notion-new{padding:20px}.notion-new input,.notion-new textarea{font-size:15px}.note-footer button{font-size:15px;width:100%}.note-footer{flex-direction:column;align-items:stretch}}@media (max-width: 500px){.notion-container{padding:20px 10px}.sticker1,.sticker2{display:none}.note-title{margin:1rem 0}.notion-container h1{font-size:1.8rem}.note-footer input[type=color]{width:36px;height:36px}.note-card{padding:16px}.note-card h2{font-size:16px}.note-body,.note-card button{font-size:14px}}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#fffbea;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Playfair Display,serif;transition:opacity .8s ease;opacity:1}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-logo{height:100px;width:auto;animation:pulse 1.5s ease-in-out infinite;margin-bottom:20px}.splash-text{font-size:28px;color:#8b6a33;animation:slide-up 1s ease-out forwards;animation-delay:.5s;opacity:0}@keyframes pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.08);opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}