@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";:root{color-scheme:light;--color-yellow: #FFD040;--color-dark: #143d4f;--color-cream: #fff5d6;--color-red: #b4312f;--color-green: #1e8455;--color-shadow: rgba(14, 37, 43, .2);font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-yellow);display:flex;justify-content:center;align-items:stretch;color:var(--color-dark)}.app-shell,.screen{width:min(420px,100%);min-height:100%;background:var(--color-yellow);padding:32px 24px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.screen header{display:flex;justify-content:center;padding-top:24px;padding-bottom:16px}.logo-mark{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:-54px;z-index:1}.logo-mark img{width:300px;height:auto;animation:float 3s ease-in-out infinite}.logo-mark h1{margin:0;font-size:2.6rem;font-weight:700;letter-spacing:.08em}button,input,textarea{font-family:inherit}.primary-button,.secondary-button{width:100%;padding:16px;border-radius:24px;border:1.5px solid var(--color-dark);font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:transparent;color:var(--color-dark);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-button{background:var(--color-dark);color:var(--color-yellow)}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--color-shadow)}.screen main{flex:1;display:flex;flex-direction:column;gap:16px;z-index:1}.centered{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;text-align:center;padding-top:16px}.camera-frame{position:relative;width:100%;aspect-ratio:3 / 4;background:#ffffff4d;border:2px solid var(--color-dark);border-radius:18px;display:flex;justify-content:center;align-items:center;overflow:hidden}.camera-frame video,.camera-frame img{width:100%;height:100%;object-fit:cover}.camera-preview{position:relative;width:100%;height:100%;display:flex}.camera-preview img{width:100%;height:100%;object-fit:cover;border-radius:16px;transition:filter .4s ease,transform .4s ease,opacity .4s ease}.camera-preview--dimmed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#143d4f66;border-radius:16px}.processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;opacity:1;transition:opacity .25s ease}.processing-overlay__language{position:absolute;top:16px;right:16px;z-index:2}.processing-overlay__video{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;object-fit:cover;opacity:.65;filter:saturate(1.1);pointer-events:none}.processing-overlay__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff5d680;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.processing-overlay__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;text-align:center;color:var(--color-dark)}.processing-overlay__message{font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.processing-overlay--leaving{opacity:0}.camera-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-dark);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.camera-placeholder:hover{background:#ffffff59;transform:translateY(-2px)}.camera-placeholder__icon{width:48px;height:48px}.camera-placeholder__text{font-weight:600;text-transform:uppercase;letter-spacing:.05em}.camera-preview{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden}.camera-preview img{width:100%;height:100%;object-fit:cover}.camera-preview--dimmed img{filter:brightness(55%)}.camera-preview__actions{position:absolute;display:flex;gap:12px}.camera-preview__actions .icon-button{background:#ffffffeb;color:var(--color-red);box-shadow:0 6px 18px #143d4f40}.camera-preview__actions .icon-button:not(:disabled):hover{background:#fff;box-shadow:0 8px 22px #143d4f4d}.button-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.capture-button{width:88px;height:88px;border-radius:50%;margin:24px auto 0;background:var(--color-red);border:6px solid var(--color-dark);cursor:pointer;display:grid;place-items:center;color:#fff;font-size:1.4rem}.item-card{background:#ffffff59;border:2px solid var(--color-dark);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px}.input-row{display:flex;gap:12px}.text-input{width:100%;border:2px solid var(--color-dark);border-radius:16px;background:#fffc;padding:10px 14px;font-size:1rem;transition:box-shadow .2s ease,transform .2s ease}.text-input:focus{outline:none;box-shadow:0 0 0 3px #143d4f33}.item-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.item-header h3{margin:0;font-size:1.1rem}.item-details{display:flex;justify-content:space-between;font-size:.95rem}.slider-row{display:flex;align-items:center;gap:12px}.slider-row input[type=range]{flex:1;accent-color:var(--color-dark)}.checkbox-row{display:flex;align-items:center;gap:12px;font-size:1rem}.footer-actions{display:flex;flex-direction:column;gap:12px}.footer-actions--wide{width:100%;max-width:340px;align-self:center}.language-toggle{position:absolute;top:16px;right:16px;display:flex;gap:6px;background:#fff0c4f2;border-radius:999px;padding:6px;box-shadow:0 6px 18px #143d4f26;z-index:10}.language-toggle__button{padding:6px 12px;border:none;border-radius:999px;background:transparent;color:var(--color-dark);font-weight:500;cursor:pointer;font-size:.875rem;transition:background-color .2s ease,color .2s ease,transform .2s ease}.language-toggle__button:hover{transform:translateY(-1px)}.language-toggle__button.is-active{background:var(--color-dark);color:var(--color-yellow)}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:#143d4f1f;color:var(--color-dark);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.icon-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.icon-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-shadow);background:#143d4f33}.people-card{background:#fff6;border:2px solid var(--color-dark);border-radius:18px;padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s ease}.people-card.is-open{box-shadow:0 6px 16px #143d4f26}.people-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.95rem;font-weight:600;color:var(--color-dark)}.people-control{display:flex;justify-content:center}.people-control__actions{display:flex;align-items:center;gap:12px}.people-control__input{width:72px;text-align:center;font-size:1.2rem;font-weight:600;border:2px solid var(--color-dark);border-radius:12px;padding:6px 8px;background:#fffc}.people-control__input:focus{outline:none;box-shadow:0 0 0 3px #143d4f33}.note-box{background:#fff6;border:2px solid var(--color-dark);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px}.note-box__title{font-size:1rem;font-weight:600;margin:0;color:var(--color-dark)}.note-box__content{font-size:.95rem;color:#143d4fe6}.pill{display:inline-flex;align-items:center;gap:8px;background:#143d4f26;color:var(--color-dark);padding:8px 14px;border-radius:999px;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.confirm-card{background:#fff6;border:1.5px solid var(--color-dark);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px;z-index:1;width:100%;max-width:340px;align-self:center}.confirm-card h2{margin:0;font-size:1.8rem;color:var(--color-red);text-align:center}.confirm-card strong{color:var(--color-dark)}.people-list{display:flex;flex-direction:column;gap:12px;width:100%}.person-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.person-row input{flex:1;min-width:0;border:0;background:transparent;padding:6px 0;font-weight:600;font-size:1.05rem;color:var(--color-dark)}.person-row input:focus{outline:none;box-shadow:0 2px #143d4f4d}.person-row svg{flex-shrink:0}.person-row__amount{white-space:nowrap;font-weight:600;color:var(--color-dark);flex-shrink:0}.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.alert-box{background:#b4312f26;border:2px solid var(--color-red);border-radius:18px;padding:12px 16px;font-size:.95rem}.loading-dots{display:inline-flex;gap:8px}.loading-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-dark);animation:bounce .9s infinite ease-in-out}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.6}40%{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-2deg)}50%{transform:translateY(-15px) rotate(0)}75%{transform:translateY(-10px) rotate(2deg)}}