@import"https://fonts.googleapis.com/css2?family=Bungee+Hairline&family=Bungee+Inline&display=swap";body{margin:0;padding:0;font-family:Bungee Hairline,sans-serif;-webkit-text-stroke:1px black}button,input,select,textarea{font-family:inherit;-webkit-text-stroke:1px black;font-weight:700}:root{--bg-cream: #FFF2C6;--bg-blue: #AAC4F5;--btn-purple: #8CA9FF}body{margin:0;background-color:var(--bg-blue);overflow-x:hidden}.main-wrapper{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-blue);padding-bottom:50px}.house-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:40px;position:relative}.roof-window{position:absolute;top:20px;width:50px;height:50px;background:#fff;border-radius:50%;z-index:20;box-shadow:0 2px 5px #0000000d;left:50%;transform:translate(-50%)}.house-roof{width:95vw;max-width:1200px;height:200px;background-color:var(--bg-cream);clip-path:polygon(50% 0%,100% 100%,0% 100%);z-index:2;margin-bottom:10px;margin-left:auto;margin-right:auto}.house-body{width:85vw;max-width:1200px;min-height:800px;background-color:var(--bg-cream);display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:50px;margin-left:auto;margin-right:auto}.logo-img{width:50%;max-width:750px;margin-top:-110px;margin-bottom:20px;z-index:15}.paper-wrapper{position:relative;width:90%;max-width:900px;height:480px;display:flex;justify-content:center;align-items:center;z-index:5}.paper-img{width:100%;height:100%;object-fit:contain;position:absolute;z-index:1;filter:drop-shadow(5px 5px 15px rgba(0,0,0,.15))}.paper-text{position:relative;z-index:2;padding-top:5%;font-family:Bungee Hairline,sans-serif;font-weight:700;font-size:1.7rem;line-height:1.5;text-align:justify;width:50%;color:#888;-webkit-text-stroke:.8px black;transform:rotate(-8deg)}.star{position:absolute;z-index:3}.star-left{width:25%;max-width:180px;left:-10%;top:40px;transform:rotate(-15deg)}.star-right{width:28%;max-width:200px;right:-12%;bottom:20px;transform:rotate(10deg)}.btn-container{margin-top:120px;z-index:10}.how-to-btn{font-family:Bungee Inline,cursive;background:var(--btn-purple);-webkit-text-stroke:0;border:2px solid #fff8de;color:#fff8de;padding:15px 40px;font-size:2.5rem;border-radius:50px;cursor:pointer;box-shadow:0 4px #0000001a;white-space:nowrap}.start-btn{font-family:Bungee Inline,cursive;background:var(--btn-purple);color:#fff8de;border:2px solid #fff8de;padding:25px 70px;font-size:3rem;border-radius:80px;cursor:pointer;-webkit-text-stroke:0;box-shadow:4px 4px #0003}.content-section{width:85%;margin-top:80px;display:flex;flex-direction:column;gap:80px;padding-bottom:80px}.info-block{display:flex;gap:40px;align-items:flex-start;text-align:left}.info-block.reverse{flex-direction:row-reverse}.text-box{flex:1}.img-placeholder{flex:1;height:220px;background:#ddd;border-radius:10px}.text-box h1{font-family:Bungee Hairline,sans-serif;font-weight:700;color:#9370db;background-color:#fff8de;display:inline-block;padding:0 5px;-webkit-text-stroke:1px black;font-size:1.8rem;margin:0 0 10px}.text-box h2{font-family:Bungee Hairline,sans-serif;font-weight:700;color:#9370db;-webkit-text-stroke:1px black;font-size:1.3rem;margin:0 0 15px}.footer-section{padding:80px 0;text-align:center;width:100%;margin-top:50px}@media(max-width:768px){.house-roof{height:100px}.logo-img{width:70%;margin-top:-80px}.paper-wrapper{height:350px}.paper-text{font-size:.9rem;line-height:1.6}.star-left{left:-5%}.star-right{right:-5%}.info-block{flex-direction:column!important;text-align:center}.how-to-btn{font-size:1.5rem;padding:10px 30px}.start-btn{font-size:2rem;padding:15px 50px}}.create-container{background-color:#aac4f5;min-height:100vh;padding:60px;display:flex;justify-content:center;align-items:flex-start;gap:40px;font-family:Bungee Hairline,sans-serif;box-sizing:border-box}.left-section{background-color:#fff8de;border-radius:40px;padding:50px;flex:0 1 800px;width:100%;display:flex;flex-direction:column;gap:20px;box-shadow:8px 8px #0000000d}.right-section{background-color:#fff8de;border-radius:40px;padding:40px;flex:0 0 350px;display:flex;flex-direction:column;gap:20px;border-left:none;box-shadow:8px 8px #0000000d}.section-header{background-color:#fff2c6;border:1px solid black;border-radius:50px;padding:12px 30px;font-size:1.5rem;font-weight:700;display:inline-block;margin-bottom:20px;width:fit-content;box-shadow:4px 4px #0000001a}.label-pill{background:#fff;border:1px solid black;border-radius:30px;padding:8px 25px;font-size:1.2rem;font-weight:700;display:inline-block;width:fit-content;margin-bottom:10px}.input-box{background:#fff;border:none;width:100%;padding:15px;font-size:1.2rem;margin-bottom:15px;box-sizing:border-box;font-family:inherit}.category-group{display:flex;gap:10px;margin-bottom:20px}.cat-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:5px 10px;font-family:inherit}.cat-btn.active{background:#fff2c6;border-radius:10px;font-weight:700}.create-btn{background-color:#aac4f5;border:none;border-radius:40px;padding:15px 50px;font-size:1.5rem;font-weight:700;cursor:pointer;margin-top:20px;width:fit-content;font-family:Bungee Inline,cursive;-webkit-text-stroke:0!important;color:#000;box-shadow:4px 4px #0000001a}.create-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #0000001a}.add-roomie-btn{background:#fff;border:1px solid black;border-radius:30px;padding:10px 20px;font-size:1rem;cursor:pointer;width:fit-content;margin-top:-5px;margin-bottom:20px;font-family:inherit;font-weight:700}.home-btn{position:absolute;top:30px;left:30px;background:#fff;border:1px solid black;border-radius:30px;padding:10px 25px;font-family:inherit;font-weight:700;font-size:1.2rem;cursor:pointer;box-shadow:2px 2px #0000001a;z-index:100}.home-btn:hover{background:#fff2c6}.right-section{background-color:#fff8de;border-radius:40px;padding:40px 30px;flex:0 0 350px;display:flex;flex-direction:column;gap:20px;box-shadow:8px 8px #0000000d;box-sizing:border-box}.history-pill{background:#fff;border:1px solid black;border-radius:30px;padding:15px 0;width:100%;font-size:1.2rem;font-weight:700;font-family:inherit;cursor:pointer;text-align:center;box-shadow:2px 2px #0000000d;transition:transform .1s}.history-pill:hover{background-color:#fff2c6;transform:translate(2px,2px);box-shadow:none}.detail-container{background-color:#aac4f5;min-height:100vh;padding:40px;display:flex;justify-content:center;font-family:Bungee Hairline,sans-serif;box-sizing:border-box}.receipt-card{background-color:#fff8de;width:100%;max-width:600px;border-radius:40px;padding:40px;box-shadow:8px 8px #0000000d;display:flex;flex-direction:column;gap:20px;position:relative}.receipt-header{text-align:center;margin-bottom:10px}.receipt-title{font-family:Bungee Inline,cursive;font-size:2.5rem;color:#8ca9ff;-webkit-text-stroke:0!important;margin:0}.receipt-date{font-size:1rem;color:#666;font-weight:700}.scan-area{background:#fff;border:3px dashed #8ca9ff;border-radius:20px;padding:30px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:10px}.scan-area:hover{background-color:#f3e5f5;transform:scale(1.02)}.scan-text{color:#8ca9ff;font-weight:700;font-size:1.4rem}.separator-text{text-align:center;font-weight:700;color:#999;font-size:.9rem;margin-bottom:5px}.amount-section{margin-bottom:10px}.input-label{font-weight:700;font-size:1.2rem;margin-bottom:10px;display:block;background:#fff;border:1px solid black;border-radius:20px;padding:5px 15px;width:fit-content}.big-input{width:100%;padding:15px;font-size:1.5rem;border:none;border-radius:10px;background:#fff;box-sizing:border-box;font-family:inherit}.split-tabs{display:flex;gap:15px;margin-bottom:10px}.tab-btn{flex:1;padding:12px;border:1px solid black;border-radius:30px;background:#fff;cursor:pointer;font-weight:700;font-family:inherit;font-size:1rem}.tab-btn.active{background-color:#aac4f5;color:#fff;box-shadow:2px 2px #0000001a}.split-list-container{background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden}.split-row{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #f0f0f0}.split-row:last-child{border-bottom:none}.header-row{background-color:#fafafa;font-weight:700}.checkbox-wrapper{display:flex;align-items:center;gap:15px;cursor:pointer}.custom-checkbox{width:24px;height:24px;border-radius:5px;background:#eee;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;transition:all .2s}.custom-checkbox.checked{background-color:#4a90e2}.row-name{font-size:1.2rem;font-weight:700}.row-right{display:flex;align-items:center}.split-result{font-size:1.2rem;color:#666}.manual-input-wrapper{display:flex;align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:5px;padding:0 5px}.currency-symbol{padding:0 5px;color:#888}.small-input{width:60px;border:none;background:transparent;padding:8px 5px;font-size:1.1rem;text-align:right;outline:none;font-family:inherit}.clear-x-btn{background:#aac4f5;border:none;color:#fff;width:20px;height:20px;border-radius:3px;cursor:pointer;margin-left:5px;font-size:.8rem;display:flex;align-items:center;justify-content:center}.action-btn{background:#aac4f5;border:none;border-radius:30px;padding:15px;width:100%;font-size:1.5rem;font-family:Bungee Inline,cursive;-webkit-text-stroke:0!important;color:#fff;cursor:pointer;margin-top:10px}.result-view{display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-family:Bungee Inline,cursive;font-size:2.5rem;color:#4caf50;-webkit-text-stroke:0!important;margin-bottom:10px}.total-display{font-size:1.5rem;font-weight:700;background:#fff2c6;padding:10px 30px;border-radius:30px;border:1px solid black;margin-bottom:10px}.result-list{width:100%;background:#fff;border-radius:15px;padding:20px;border:1px solid #eee;box-shadow:4px 4px #0000000d}.result-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #ddd;font-size:1.2rem}.result-row:last-child{border-bottom:none}.result-name{font-weight:700}.result-amount{color:#9370db;font-weight:700}.share-section{width:100%;text-align:center;margin-top:10px}.share-section p{font-weight:700;color:#666;margin-bottom:10px}.copy-link-btn{background:#4a90e2;color:#fff;border:none;border-radius:30px;padding:15px;width:100%;font-size:1.2rem;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:4px 4px #0000001a}.copy-link-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #0000001a}.history-btn{background:#fff;border:2px solid black;border-radius:30px;padding:12px;width:100%;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit}.edit-again-btn{background:transparent;border:none;text-decoration:underline;color:#888;cursor:pointer;margin-top:-10px}.copy-msg-btn{background:#9370db;color:#fff;border:none;border-radius:30px;padding:15px;width:100%;font-size:1.2rem;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:4px 4px #0000001a;transition:transform .1s}.copy-msg-btn:hover{background:#8a2be2;transform:translate(1px,1px)}.copy-msg-btn:active{transform:translate(2px,2px);box-shadow:none}