:root{--color-bg-base: #F8FAF9;--color-bg-card: #FFFFFF;--color-bg-modal: #FFFFFF;--color-primary: #75D3BD;--color-primary-variant: #51C7A9;--color-secondary: #FF8A65;--color-secondary-variant: #E57350;--color-success: #75D3BD;--color-success-bg: rgba(117, 211, 189, .12);--color-danger: #FF8A65;--color-text-main: #1F2937;--color-text-sub: #4B5563;--color-text-muted: #6B7280;--color-text-on-primary: #FFFFFF;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--shadow-card: 0 2px 8px rgba(31, 41, 55, .08);--shadow-modal: 0 -4px 24px rgba(31, 41, 55, .12);--shadow-button: 0 2px 8px rgba(117, 211, 189, .3);--radius-s: 8px;--radius-m: 12px;--radius-l: 20px;--radius-round: 50%}body{background-color:var(--color-bg-base);color:var(--color-text-main);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);overscroll-behavior-y:contain}@media(max-width:374px){:root{--radius-l: 14px}body{font-size:14px}}@media(min-height:800px){.app-main-layout{padding-top:env(safe-area-inset-top,0px)}}@keyframes rowTransform{0%{transform:scale(1);opacity:1}50%{transform:scale(.98);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.fade-in{animation:contentFadeIn .4s ease-out forwards}.anim-slide-up{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275) forwards}.anim-fade-in{animation:contentFadeIn .3s ease-out forwards}*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-main);background-color:var(--color-bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;overflow-x:clip;width:100%}body{display:block;min-width:320px;min-height:100vh;background:var(--color-bg-base)}#root{width:100%;max-width:600px;margin:0 auto;padding:0;text-align:left}.lp{font-family:Inter,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#1f2937;background:#fff;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.ib{display:inline-block}.pc-only{display:inline}.sp-only{display:none}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(117,211,189,.1);transition:all .3s}.lp-nav.scrolled{box-shadow:0 2px 20px #1f29370f}.lp-nav-logo{height:36px}.lp-nav-cta{padding:10px 24px;background:#75d3bd;color:#fff;border:none;border-radius:24px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none}.lp-nav-cta:hover{background:#51c7a9;transform:translateY(-1px);box-shadow:0 4px 16px #75d3bd66}.lp-hero{padding:120px 24px 80px;text-align:center;max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.lp-hero-logo{height:72px;margin-bottom:12px}.lp-hero-tagline{font-size:.85rem;font-weight:700;color:#51c7a9;letter-spacing:1px;margin-bottom:24px}.lp-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#75d3bd1a;color:#51c7a9;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:24px;letter-spacing:.5px}.lp-hero h1{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:900;line-height:1.3;margin-bottom:20px;color:#1f2937;letter-spacing:-.5px}.lp-hero h1 .accent{color:#75d3bd}.lp-hero-sub{font-size:clamp(.95rem,2.5vw,1.15rem);color:#4b5563;line-height:1.7;max-width:560px;margin:0 auto 36px}.lp-hero-cta{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:#75d3bd;color:#fff;border:none;border-radius:32px;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all .25s;text-decoration:none;box-shadow:0 6px 24px #75d3bd59;margin-bottom:12px}.lp-hero-cta:hover{background:#51c7a9;transform:translateY(-2px);box-shadow:0 10px 32px #75d3bd73}.lp-hero-cta-note{font-size:.8rem;color:#6b7280;margin-bottom:48px}.lp-hero-mockup{max-width:280px;width:100%;filter:drop-shadow(0 20px 60px rgba(31,41,55,.15));border-radius:28px;animation:floatUp .8s cubic-bezier(.16,1,.3,1) both}@keyframes floatUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.lp-section{padding:80px 24px;max-width:960px;margin:0 auto}.lp-section-label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#75d3bd;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.lp-section-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:900;line-height:1.35;margin-bottom:16px;color:#1f2937}.lp-section-desc{font-size:1rem;color:#4b5563;line-height:1.7;max-width:600px}.lp-pain{background:#f9fafb}.lp-pain-inner{max-width:960px;margin:0 auto;padding:80px 24px}.lp-pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:40px}.lp-pain-card{background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 2px 12px #1f29370d;border:1px solid rgba(31,41,55,.04);transition:all .2s;text-align:center}.lp-pain-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1f293714}.lp-pain-image{width:200px;max-width:100%;height:auto;margin:0 auto 20px;display:block}.lp-pain-card h3{font-size:1rem;font-weight:800;margin-bottom:8px;color:#1f2937}.lp-pain-card p{font-size:.9rem;color:#4b5563;line-height:1.6}.lp-solution-block{display:flex;align-items:center;gap:48px;margin-top:56px}.lp-solution-block.reverse{flex-direction:row-reverse}.lp-solution-text{flex:1}.lp-solution-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#75d3bd;color:#fff;font-size:.85rem;font-weight:800;margin-bottom:12px}.lp-solution-text h3{font-size:1.3rem;font-weight:900;margin-bottom:12px;color:#1f2937;line-height:1.4}.lp-solution-text p{font-size:.95rem;color:#4b5563;line-height:1.7}.lp-solution-img-wrap{flex:1;display:flex;justify-content:center}.lp-solution-img{max-width:280px;width:100%;border-radius:28px;filter:drop-shadow(0 12px 40px rgba(31,41,55,.1))}.lp-steps-section{background:#f9fafb;padding:80px 24px}.lp-steps-inner{max-width:960px;margin:0 auto}.lp-steps-grid{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-top:40px;flex-wrap:wrap}.lp-step-card{flex:1;min-width:160px;max-width:200px;text-align:center;padding:24px 16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #1f29370d;border:1px solid rgba(31,41,55,.04);position:relative}.lp-step-num{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:28px;border-radius:50%;background:#75d3bd;color:#fff;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center}.lp-step-icon{font-size:2rem;margin-bottom:12px;margin-top:8px}.lp-step-card h3{font-size:.9rem;font-weight:800;margin-bottom:6px;color:#1f2937}.lp-step-card p{font-size:.8rem;color:#4b5563;line-height:1.5}.lp-step-arrow{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#75d3bd;font-weight:700;padding:0 8px;margin-top:40px}.lp-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:32px}.lp-usecase-card{padding:24px;border-radius:16px;background:#f9fafb;border:1px solid rgba(31,41,55,.04);transition:all .2s}.lp-usecase-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #1f29370f;background:#fff}.lp-usecase-icon{font-size:1.8rem;margin-bottom:10px}.lp-usecase-card h3{font-size:.95rem;font-weight:800;margin-bottom:6px;color:#1f2937}.lp-usecase-card p{font-size:.85rem;color:#4b5563;line-height:1.6}.lp-trust{background:#f9fafb;padding:80px 24px}.lp-trust-inner{max-width:960px;margin:0 auto}.lp-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:32px}.lp-trust-item{text-align:center;padding:32px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #1f29370d;border:1px solid rgba(31,41,55,.04)}.lp-trust-image{width:140px;max-width:100%;height:auto;margin:0 auto 16px;display:block}.lp-trust-item h3{font-size:1rem;font-weight:800;margin-bottom:8px;color:#1f2937}.lp-trust-item p{font-size:.88rem;color:#4b5563;line-height:1.6}.lp-faq-list{margin-top:32px;display:flex;flex-direction:column;gap:8px;max-width:700px}.lp-faq-item{background:#f9fafb;border-radius:12px;border:1px solid rgba(31,41,55,.04);overflow:hidden;transition:all .2s}.lp-faq-item.open{background:#fff;box-shadow:0 4px 16px #1f29370f}.lp-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:700;color:#1f2937;text-align:left;gap:12px}.lp-faq-toggle{flex-shrink:0;font-size:1.2rem;color:#75d3bd;font-weight:700}.lp-faq-a{padding:0 20px 18px;font-size:.9rem;color:#4b5563;line-height:1.7;animation:fadeSlide .2s ease-out}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lp-benefit{background:linear-gradient(160deg,#75d3bd,#51c7a9);padding:80px 24px;text-align:center;color:#fff}.lp-benefit-inner{max-width:700px;margin:0 auto}.lp-benefit h2{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900;margin-bottom:20px;line-height:1.35}.lp-benefit p{font-size:1.05rem;opacity:.92;line-height:1.7;margin-bottom:36px}.lp-benefit-cta{display:inline-flex;align-items:center;gap:10px;padding:18px 44px;background:#fff;color:#1f2937;border:none;border-radius:32px;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all .25s;text-decoration:none;box-shadow:0 8px 24px #00000026}.lp-benefit-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.lp-benefit-note{font-size:.8rem;opacity:.8;margin-top:12px}.lp-footer{padding:48px 24px 32px;text-align:center;background:#f9fafb;border-top:1px solid rgba(31,41,55,.06)}.lp-footer-logo{height:28px;margin-bottom:16px;opacity:.7}.lp-footer-about{font-size:.82rem;color:#6b7280;line-height:1.7;max-width:560px;margin:0 auto 16px}.lp-footer p:last-child{font-size:.75rem;color:#9ca3af}.lp-footer-links{margin:24px 0 16px;display:flex;justify-content:center;gap:24px}.lp-footer-links a{color:#4b5563;font-size:.85rem;text-decoration:none;transition:color .2s}.lp-footer-links a:hover{color:#75d3bd}@media(max-width:768px){.pc-only{display:none}.sp-only{display:inline}.lp-hero{padding:100px 20px 60px}.lp-hero-logo{height:56px}.lp-solution-block,.lp-solution-block.reverse{flex-direction:column;gap:32px;text-align:center}.lp-solution-img{max-width:240px}.lp-pain-grid{grid-template-columns:1fr}.lp-hero-mockup{max-width:260px}.lp-nav-cta{padding:8px 18px;font-size:.8rem}.lp-steps-grid{flex-direction:column;align-items:center;gap:12px}.lp-step-card{max-width:100%;width:100%}.lp-step-arrow{transform:rotate(90deg);margin-top:0;padding:4px 0}.lp-usecase-grid,.lp-trust-grid{grid-template-columns:1fr}}.setup-screen{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:60px 20px 40px;background:var(--color-bg-base)}.setup-container{width:100%;max-width:420px;background:var(--color-bg-card);border-radius:24px;padding:40px 30px;box-shadow:var(--shadow-card)}.setup-logo{display:block;margin:0 auto 40px;width:100%;max-width:240px;height:auto;object-fit:contain}.form-section{margin-bottom:24px}.form-label{display:block;font-size:.9rem;font-weight:600;color:var(--color-text-sub);margin-bottom:8px;letter-spacing:.5px}.form-input{width:100%;background:#1f29370d;border:1px solid rgba(31,41,55,.1);border-radius:var(--radius-m);padding:14px 16px;font-size:1rem;color:var(--color-text-main);outline:none;transition:border-color .2s}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #75d3bd26}.form-select{width:100%;background:#1f29370d;border:1px solid rgba(31,41,55,.1);border-radius:var(--radius-m);padding:14px 40px 14px 16px;font-size:1rem;color:var(--color-text-main);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #75d3bd26}.member-input-row{display:flex;gap:8px}.member-input-row .form-input{flex:1}.add-member-btn{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-m);padding:14px 24px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.add-member-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #75d3bd4d}.member-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.member-chip{background:#75d3bd1f;border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;color:var(--color-primary-variant);font-weight:600;font-size:.95rem}.remove-member-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.8rem;padding:0;display:flex;align-items:center;transition:color .2s}.remove-member-btn:hover{color:var(--color-secondary)}.create-group-btn{width:100%;margin-top:16px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-l);padding:16px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #75d3bd4d}.create-group-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #75d3bd59}.create-group-btn:active:not(:disabled){transform:translateY(0)}.create-group-btn:disabled{background:#1f293714;color:var(--color-text-muted);box-shadow:none;cursor:default}.share-screen{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:60px 20px 40px;background:var(--color-bg-base)}.share-container{width:100%;max-width:420px;text-align:center;background:var(--color-bg-card);border-radius:24px;padding:40px 30px;box-shadow:var(--shadow-card)}.loading-text{color:var(--color-text-muted);font-size:1rem}.success-icon{margin-bottom:24px;animation:bounce .6s ease-out}.success-title{font-size:1.5rem;font-weight:800;color:var(--color-text-main);margin-bottom:8px}.success-subtitle{color:var(--color-text-sub);font-size:.95rem;line-height:1.6;margin-bottom:32px}.url-section{background:#1f29370a;border-radius:var(--radius-m);padding:16px;margin-bottom:24px}.url-display{word-break:break-all;font-size:.85rem;color:var(--color-text-sub);margin-bottom:12px;font-family:monospace}.copy-btn{background:var(--color-primary);color:#fff;border:none;border-radius:20px;padding:10px 24px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #75d3bd4d}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #75d3bd59}.qr-section{margin:24px 0}.qr-label{font-size:.9rem;color:var(--color-text-sub);margin-bottom:12px;font-weight:600}.qr-container{display:inline-block;background:#fff;border-radius:16px;padding:12px;box-shadow:0 2px 8px #1f293714}.navigate-btn{width:100%;background:var(--color-text-main);color:#fff;border:none;border-radius:var(--radius-l);padding:16px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .2s;margin-top:16px;box-shadow:0 4px 16px #1f293733}.navigate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1f293740}.item-row-container{position:relative;overflow:hidden;margin-bottom:6px;border-radius:var(--radius-m)}.swipe-background{position:absolute;top:0;bottom:0;right:0;width:100%;background-color:#ff453a;display:flex;align-items:center;justify-content:flex-end;padding-right:0;color:#fff;font-weight:700;font-size:.9rem;z-index:1}.delete-btn-bg{background:transparent;border:none;color:#fff;font-weight:700;height:100%;padding:0 16px;display:flex;align-items:center;cursor:pointer}.item-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:var(--color-bg-card);border-radius:var(--radius-m);transition:transform .2s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-card);position:relative;z-index:2;cursor:pointer;touch-action:pan-y}.item-row.state-before{border-left:4px solid var(--color-text-muted)}.item-row.state-before .main-info{font-size:1rem;font-weight:600;color:var(--color-text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row.state-before .sub-info{font-size:.9rem;color:var(--color-primary-variant);font-weight:500;background:#75d3bd1f;padding:2px 8px;border-radius:var(--radius-s)}.item-row.state-after{background:linear-gradient(0deg,#75d3bd0f,#75d3bd0f),var(--color-bg-card);border-left:4px solid var(--color-primary)}.item-row.state-after .main-info{font-size:1rem;font-weight:500;color:var(--color-text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row.state-after .sub-info{color:var(--color-text-muted);font-size:.85rem;margin-left:4px}.item-row.state-after .payer-badge{font-size:.8rem;background:var(--color-primary);color:#fff;font-weight:700;padding:4px 8px;border-radius:12px;margin-left:8px;box-shadow:0 2px 5px #75d3bd40;white-space:nowrap;flex-shrink:0}.item-row.state-after .status-icon{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.status-icon{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.item-row.state-after .status-icon{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.item-row.state-paid{opacity:.45;pointer-events:auto}.item-row.state-paid .main-info{text-decoration:line-through;text-decoration-color:#1f29374d}.item-row.state-paid .status-icon{background-color:var(--color-text-muted)!important;border-color:var(--color-text-muted)!important}.item-row.state-paid .payer-badge{background-color:var(--color-text-muted)!important;box-shadow:none!important}.modal-overlay{position:fixed;inset:0;background-color:#1f293766;z-index:1000;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background:var(--color-bg-card);width:100%;max-width:600px;border-top-left-radius:24px;border-top-right-radius:24px;padding:20px 20px max(20px,env(safe-area-inset-bottom));box-shadow:0 -10px 40px #1f293726;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{margin:0;font-size:1.25rem;font-weight:800;color:var(--color-text-main);display:flex;align-items:center;gap:8px}.modal-title-icon{width:36px;height:36px;object-fit:contain}.close-btn{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:8px}.payer-selection{margin-bottom:24px}.member-chips{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.member-chip{background:#1f29370f;border:1px solid rgba(31,41,55,.1);border-radius:20px;padding:8px 16px;color:var(--color-text-sub);cursor:pointer;white-space:nowrap;transition:all .2s}.member-chip.active{background:var(--color-primary);color:#fff;font-weight:700;box-shadow:0 4px 12px #75d3bd4d}.order-summary{background:#1f293708;border-radius:12px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-text-sub);padding:12px 16px}.summary-value{color:var(--color-text-main);font-weight:700}.selectable-items-list{display:flex;flex-direction:column}.selectable-item{display:flex;align-items:center;padding:12px 16px;border-top:1px solid rgba(31,41,55,.06);cursor:pointer;transition:background .1s}.selectable-item:active{background:#1f29370a}.checkbox{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-text-muted);margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;transition:all .2s}.selectable-item.selected .checkbox{background:var(--color-success);border-color:var(--color-success);color:#fff}.item-name{flex:1;font-size:.95rem;color:var(--color-text-main)}.selectable-item.selected .item-name{font-weight:500}.item-picker-badge{font-size:.75rem;color:var(--color-text-muted);background:#1f29370f;padding:2px 6px;border-radius:4px}.display-area{text-align:center;margin-bottom:16px}.currency-symbol{font-size:1.2rem;color:var(--color-text-sub);margin-right:6px}.amount-value{font-size:2.2rem;font-weight:700;color:var(--color-text-main)}.numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.numpad-btn{background:#1f29370d;border:none;border-radius:16px;padding:12px;font-size:1.3rem;color:var(--color-text-main);cursor:pointer;transition:background .1s}.numpad-btn:active{background:#1f29371f}.numpad-btn.backspace{color:var(--color-secondary)}.numpad-btn.clear{color:var(--color-text-muted);font-size:1.2rem}.complete-btn{width:100%;background:var(--color-primary);color:#fff;border:none;border-radius:30px;padding:16px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #75d3bd4d}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.selection-modal-overlay{position:fixed;inset:0;background:#1f293799;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:flex-end}@media(min-width:600px){.selection-modal-overlay{align-items:center}}.selection-modal-content{background:#fff;width:100%;max-width:500px;border-radius:24px 24px 0 0;padding:24px;display:flex;flex-direction:column;max-height:90vh;animation:selectionSlideUp .3s cubic-bezier(.2,.8,.2,1)}@media(min-width:600px){.selection-modal-content{border-radius:24px}}@keyframes selectionSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.selection-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selection-modal-header h2{font-size:1.25rem;font-weight:800;color:var(--color-text-main);margin:0}.selection-close-btn{background:#1f29370d;border:none;width:32px;height:32px;border-radius:16px;font-size:1.1rem;line-height:1;color:var(--color-text-sub);cursor:pointer;display:flex;align-items:center;justify-content:center}.selection-modal-desc{font-size:.9rem;color:var(--color-text-sub);line-height:1.5;margin-bottom:16px}.selection-actions{display:flex;gap:12px;margin-bottom:16px}.selection-action-btn{background:#1f29370d;border:none;padding:6px 16px;border-radius:16px;font-size:.85rem;font-weight:600;color:var(--color-text-sub);cursor:pointer;transition:background .2s}.selection-action-btn:hover{background:#1f29371a}.selection-item-list{flex:1;overflow-y:auto;margin-bottom:24px;display:flex;flex-direction:column;gap:6px;padding-right:4px}.selection-item-row{display:flex;align-items:center;padding:10px 14px;background:#fff;border:1.5px solid rgba(31,41,55,.08);border-radius:var(--radius-m, 16px);cursor:pointer;transition:all .2s}.selection-item-row.selected{border-color:var(--color-primary);background:#75d3bd0d}.selection-checkbox{width:22px;height:22px;border-radius:50%;border:2px solid rgba(31,41,55,.2);margin-right:14px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;font-weight:700;flex-shrink:0;transition:all .2s}.selection-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary)}.selection-item-details{flex:1;display:flex;flex-direction:row;align-items:baseline;gap:8px}.selection-item-name{font-size:1rem;font-weight:500;color:var(--color-text-main)}.selection-item-qty{font-size:.85rem;color:var(--color-text-muted)}.selection-item-picked-by{font-size:.8rem;font-weight:700;margin-left:12px;background:#1f29370a;padding:4px 10px;border-radius:12px}.selection-modal-footer{padding-top:16px;border-top:1px solid rgba(31,41,55,.08)}.selection-next-btn{width:100%;background:#111;color:#fff;border:none;border-radius:14px;padding:16px;font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #11111140;transition:transform .2s}.selection-next-btn:active{transform:scale(.98)}.add-item-trigger{width:100%;text-align:left;background:var(--color-bg-base);border:1.5px dashed rgba(31,41,55,.2);border-radius:var(--radius-m);padding:16px 20px;font-size:1.05rem;font-weight:600;color:var(--color-text-sub);cursor:pointer;margin-top:8px;margin-bottom:24px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.add-item-trigger:active{background:#1f29370d}.trigger-icon{font-size:1.2rem;color:var(--color-primary);font-weight:700}.add-item-bar.expanded{background:var(--color-bg-base);border:1px solid rgba(31,41,55,.1);border-radius:var(--radius-l);padding:16px 20px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #1f293714}.add-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.add-item-title{font-size:.95rem;font-weight:700;color:var(--color-text-main)}.add-item-close{background:none;border:none;font-size:1.4rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0 4px}.input-row{display:flex;gap:8px}.input-field{flex:1;background:#1f29370d;border:1.5px solid rgba(31,41,55,.12);border-radius:var(--radius-m);padding:12px 16px;font-size:1rem;color:var(--color-text-main);outline:none;transition:border-color .2s,box-shadow .2s}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #75d3bd26}.input-qty{width:80px;flex:0 0 80px;text-align:center}.unit-presets{display:flex;gap:8px;justify-content:flex-end}.unit-btn{background:#1f29370d;border:1.5px solid rgba(31,41,55,.12);border-radius:20px;padding:6px 16px;font-size:.85rem;color:var(--color-text-sub);cursor:pointer;transition:all .2s;font-weight:500}.unit-btn:hover{background:#75d3bd1a;border-color:var(--color-primary);color:var(--color-primary-variant)}.unit-btn:active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.unit-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.add-btn{width:100%;background:var(--color-primary);border:none;border-radius:14px;padding:14px 24px;font-size:1rem;font-weight:800;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #75d3bd4d}.add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #75d3bd59}.add-btn:active:not(:disabled){transform:scale(.98)}.add-btn:disabled{background:#1f293714;color:var(--color-text-muted);box-shadow:none;cursor:default}.settle-screen{padding-top:16px;padding-bottom:32px}.settle-empty{text-align:center;padding:40px;color:var(--color-text-muted)}.summary-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-variant) 100%);border-radius:var(--radius-l);padding:20px 24px;text-align:center;color:#fff;margin-bottom:24px;box-shadow:0 8px 24px #75d3bd40}.summary-card.summary-receive{background:linear-gradient(135deg,#4fc3f7,#29b6f6);box-shadow:0 8px 24px #4fc3f740}.summary-card.summary-pay{background:linear-gradient(135deg,#ff8a65,#ff7043);box-shadow:0 8px 24px #ff8a6540}.summary-card.summary-done{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-variant) 100%);box-shadow:0 8px 24px #75d3bd40}.total-label{font-size:.88rem;opacity:.95;margin-bottom:2px;letter-spacing:1px;font-weight:600}.total-amount{font-size:2rem;font-weight:900;margin-bottom:0}.per-person{font-size:.9rem;opacity:.8}.all-debts-total{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#75d3bd14;border-radius:var(--radius-m);margin-bottom:8px;border:1px solid rgba(117,211,189,.15)}.all-debts-total-label{font-size:.85rem;font-weight:700;color:var(--color-text-sub)}.all-debts-total-amount{font-size:1.1rem;font-weight:900;color:var(--color-primary-variant)}.debt-card-mine{border-left:3px solid var(--color-primary);background:#75d3bd0a}.history-expand-hint{font-size:.7rem;color:var(--color-text-muted);margin-top:2px}.my-action-section{background:var(--color-bg-card);border-radius:var(--radius-l);padding:24px 20px;margin-bottom:20px;box-shadow:0 4px 16px #1f293714;border:2px solid rgba(117,211,189,.2)}.my-action-done{text-align:center;border-color:#75d3bd4d;background:#75d3bd0f}.done-emoji{font-size:2.5rem;margin-bottom:4px}.my-action-title{font-size:1rem;font-weight:800;color:var(--color-text-main);margin:0 0 16px;letter-spacing:.5px}.my-action-done .my-action-title{margin-bottom:4px}.done-sub{color:var(--color-text-muted);font-size:.88rem;margin:0}.my-debts-list{display:flex;flex-direction:column;gap:10px}.my-debt-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--color-bg-base);border-radius:var(--radius-m);cursor:pointer;transition:all .25s ease;border:1.5px solid transparent}.my-debt-card:active{transform:scale(.98)}.my-debt-card.completed{opacity:.5;border-color:var(--color-primary);background:#75d3bd0f}.my-debt-card.completed .my-debt-amount-big{text-decoration:line-through}.my-debt-check{flex-shrink:0}.my-debt-info{flex:1}.my-debt-action{font-size:.95rem;margin-bottom:4px}.my-debt-target{font-weight:800;font-size:1.05rem}.my-debt-verb{color:var(--color-text-sub);font-weight:500}.my-debt-amount-big{font-size:1.5rem;font-weight:900;color:var(--color-text-main);letter-spacing:-.5px}.progress-section{margin-bottom:24px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:.82rem;font-weight:700;color:var(--color-text-sub);text-transform:uppercase;letter-spacing:.5px}.progress-value{font-size:.85rem;font-weight:700;color:var(--color-primary-variant)}.progress-bar-track{height:10px;background:#1f293714;border-radius:5px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-variant));border-radius:5px;transition:width .5s cubic-bezier(.4,0,.2,1);min-width:0}.section-header{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-sub);letter-spacing:1px;margin:24px 0 12px}.per-person-list{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.per-person-card{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-card);border-radius:var(--radius-m);padding:14px 16px;box-shadow:var(--shadow-card);transition:all .2s}.per-person-card.fixed{border-left:3px solid var(--color-secondary)}.per-person-left{display:flex;align-items:center;gap:8px}.per-person-name{font-weight:700;font-size:1rem}.fixed-badge{font-size:.7rem;color:var(--color-secondary);background:#ff8a651f;padding:2px 8px;border-radius:10px;font-weight:600}.per-person-right{display:flex;align-items:center;gap:8px}.per-person-amount{font-size:1.1rem;font-weight:800;color:var(--color-text-main)}.edit-trigger-btn{width:32px;height:32px;border:1.5px solid rgba(31,41,55,.12);border-radius:50%;background:#1f29370a;color:var(--color-text-sub);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-trigger-btn:active{background:#1f29371a}.edit-reset-btn{width:32px;height:32px;border:1.5px solid rgba(255,138,101,.3);border-radius:50%;background:#ff8a6514;color:var(--color-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-reset-btn:active{background:#ff8a6533}.edit-amount-row{display:flex;align-items:center;gap:4px}.edit-currency{font-size:1rem;color:var(--color-text-sub);font-weight:600}.edit-amount-input{width:90px;padding:6px 10px;border:2px solid var(--color-primary);border-radius:8px;font-size:1rem;font-weight:700;outline:none;text-align:right;background:#75d3bd0f;color:var(--color-text-main)}.edit-save-btn{width:32px;height:32px;border:none;border-radius:50%;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.debt-list{display:flex;flex-direction:column;gap:8px}.debt-card{display:flex;align-items:center;background:var(--color-bg-card);border-radius:var(--radius-m);padding:16px;box-shadow:var(--shadow-card);cursor:pointer;transition:all .2s}.debt-card.completed{opacity:.5}.debt-check-col{margin-right:12px}.checkbox-circle{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;transition:all .2s}.checkbox-circle.checked{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.debt-content-col{flex:1;display:flex;justify-content:space-between;align-items:center}.debt-row{display:flex;align-items:center;gap:8px}.debt-from,.debt-to{font-weight:700;font-size:1rem}.arrow{color:var(--color-text-muted);font-size:.9rem}.debt-amount{font-size:1.1rem;font-weight:800;color:var(--color-text-main)}.empty-state-text{text-align:center;padding:24px;color:var(--color-text-muted);font-size:.95rem}.share-button-container{margin-top:32px;padding:0 8px;display:flex;justify-content:center}.share-button-container .share-line-btn{max-width:500px}.share-line-btn{width:100%;padding:16px;border:none;border-radius:16px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-variant) 100%);color:var(--color-bg-base);font-size:1.05rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 16px #75d3bd66;transition:all .2s}.share-line-btn:active{transform:scale(.98)}.share-line-icon{width:28px;height:28px;object-fit:contain}.history-list{display:flex;flex-direction:column;gap:8px}.history-card{background:var(--color-bg-card);border-radius:var(--radius-m);padding:16px;box-shadow:var(--shadow-card);cursor:pointer;transition:all .2s}.history-card:active{background:#1f293705}.history-summary{display:flex;justify-content:space-between;align-items:flex-start}.history-left{flex:1}.history-payer-wrapper{font-size:1rem;color:var(--color-text-main)}.history-date{font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.history-right{text-align:right}.history-amount{font-size:1.15rem;font-weight:800;color:var(--color-text-main)}.history-count{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.history-details{margin-top:12px;padding-top:12px;border-top:1px solid rgba(31,41,55,.08)}.detail-item{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem;color:var(--color-text-sub)}.detail-name{flex:1}.detail-qty{color:var(--color-text-muted);font-size:.85rem}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;border-bottom:1px solid rgba(31,41,55,.08);margin-bottom:16px;background:transparent;transition:opacity .2s}.accordion-header:active{opacity:.5}.accordion-icon{font-size:.8rem;color:var(--color-text-muted);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.accordion-icon.open{transform:rotate(180deg)}.linked-items-section{margin-top:8px}.linked-items-label{font-size:.78rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.linked-items-list{display:flex;flex-direction:column;gap:4px}.linked-item-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#1f293708;border-radius:var(--radius-s);font-size:.88rem}.linked-item-check{color:var(--color-primary);font-weight:700;font-size:.8rem;flex-shrink:0}.linked-item-name{flex:1;font-weight:600;color:var(--color-text-main)}.linked-item-qty{font-size:.8rem;color:var(--color-text-muted);background:#1f29370f;padding:2px 6px;border-radius:6px}.linked-item-picker{font-size:.78rem;font-weight:700;flex-shrink:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--color-bg-card);border-top:1px solid rgba(31,41,55,.08);padding:2px 0 max(2px,env(safe-area-inset-bottom));z-index:300;box-shadow:0 -2px 12px #1f29370f}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:0px;padding:4px 2px;border:none;background:none;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease;position:relative}.bottom-nav-item.active{color:var(--color-primary-variant)}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;background:var(--color-primary);border-radius:0 0 3px 3px}.bottom-nav-icon{font-size:1.3rem;line-height:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.15)}.bottom-nav-label{font-size:.65rem;font-weight:600;letter-spacing:.3px}.bottom-nav-item.active .bottom-nav-label{color:var(--color-primary-variant);font-weight:700}.bottom-nav-img{width:28px;height:28px;object-fit:contain;display:block}.group-tab{padding-top:16px;padding-bottom:120px}.group-event-card{text-align:center;padding:20px 24px;margin-bottom:24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-variant) 100%);border-radius:var(--radius-l);color:#fff;box-shadow:0 8px 24px #75d3bd40}.group-event-icon{font-size:2rem;margin-bottom:4px}.group-event-name{font-size:1.3rem;font-weight:900;margin:0 0 2px}.group-member-count{font-size:.85rem;opacity:.9;margin:0}.group-section{margin-bottom:24px}.group-section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-sub);letter-spacing:1px;margin:0 0 12px 4px}.group-current-user-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--color-bg-card);border-radius:var(--radius-m);box-shadow:var(--shadow-card)}.group-user-avatar{width:44px;height:44px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.group-current-name{flex:1;font-weight:700;font-size:1.1rem;color:var(--color-text-main)}.group-change-user-btn{padding:8px 16px;border:1.5px solid var(--color-primary);border-radius:20px;background:transparent;color:var(--color-primary-variant);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.group-change-user-btn:active{background:#75d3bd1a}.group-members-list{display:flex;flex-direction:column;gap:6px}.group-member-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-card);border-radius:var(--radius-m);box-shadow:var(--shadow-card)}.group-member-avatar{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;flex-shrink:0}.group-member-name{flex:1;font-weight:600;color:var(--color-text-main)}.group-you-badge{font-size:.75rem;color:var(--color-primary-variant);background:#75d3bd1f;padding:3px 10px;border-radius:12px;font-weight:600}.share-highlight-section{padding:24px;background:#75d3bd14;border:2px dashed rgba(117,211,189,.4);border-radius:var(--radius-l);margin-bottom:32px}.highlight-title{color:var(--color-primary-variant)!important;font-size:1rem!important;text-align:center;margin-bottom:16px!important}.highlight-card{background:#fff;border-radius:var(--radius-m);padding:16px;box-shadow:0 4px 16px #75d3bd26;margin-bottom:20px}.group-share-card{background:var(--color-bg-card);border-radius:var(--radius-m);padding:16px}.group-url-display{font-size:.8rem;color:var(--color-text-sub);word-break:break-all;padding:10px 12px;background:#1f29370a;border-radius:var(--radius-s);margin-bottom:12px;line-height:1.5}.group-copy-btn{width:100%;padding:12px;border:none;border-radius:12px;background:var(--color-primary);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #75d3bd40}.btn-highlight{background:#ffd228;color:#111;box-shadow:0 4px 12px #ffd2284d}.group-copy-btn:active{transform:scale(.98)}.group-qr-section{text-align:center}.group-qr-container{display:inline-block;background:#fff;border-radius:var(--radius-m);padding:8px;box-shadow:var(--shadow-card)}.group-qr-label{margin:8px 0 0;font-size:.85rem;color:var(--color-text-muted)}.group-add-member-wrapper{margin-top:24px;padding-top:24px;border-top:1px dashed rgba(31,41,55,.15);text-align:center}.group-add-member-trigger{width:100%;background:#fff;border:2px dashed rgba(31,41,55,.2);border-radius:var(--radius-l);padding:16px;color:var(--color-text-sub);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.group-add-member-trigger:active{transform:scale(.98);background:#1f293705}.add-icon{font-size:1.4rem;font-weight:400}.group-add-modal-body{padding:0 0 16px;display:flex;flex-direction:column;gap:20px}.group-add-modal-input{width:100%;padding:16px;border:1.5px solid rgba(31,41,55,.15);border-radius:var(--radius-m);font-size:1.1rem;outline:none;transition:all .2s;background:var(--color-bg-base)}.group-add-modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #75d3bd33;background:#fff}.center-modal-overlay{position:fixed;inset:0;background-color:#1f293780;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out;padding:20px}.center-modal-content{background:var(--color-bg-card);width:100%;max-width:400px;border-radius:var(--radius-l);padding:24px;box-shadow:0 10px 40px #1f293733;animation:modalScaleUp .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-select-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-base);padding:24px;animation:contentFadeIn .5s ease-out}.user-select-container{width:100%;max-width:400px;text-align:center}.user-select-logo{height:64px;max-width:100%;width:auto;object-fit:contain;margin-bottom:12px}.user-select-title{font-size:1.6rem;font-weight:900;color:var(--color-text-main);margin:0 0 8px}.user-select-subtitle{font-size:.95rem;color:var(--color-text-sub);margin:0 0 32px;line-height:1.5}.user-select-list{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.user-select-item{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-m);background:var(--color-bg-card);border:2px solid rgba(31,41,55,.08);cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-card);text-align:left;font-size:1rem;color:var(--color-text-main)}.user-select-item:active{transform:scale(.98)}.user-select-item.selected{border-color:var(--color-primary);background:#75d3bd14;box-shadow:0 4px 16px #75d3bd33}.user-select-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-variant));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.user-select-item.selected .user-select-avatar{background:linear-gradient(135deg,var(--color-primary),#3EAF92);box-shadow:0 2px 10px #75d3bd66}.user-select-name{flex:1;font-weight:600}.user-select-check{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.user-select-confirm{width:100%;padding:16px;border:none;border-radius:16px;background:var(--color-primary);color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .25s;box-shadow:0 4px 16px #75d3bd4d}.user-select-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #75d3bd66}.user-select-confirm:active:not(:disabled){transform:scale(.98)}.user-select-confirm:disabled{background:#1f29371a;color:var(--color-text-muted);box-shadow:none;cursor:default}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.user-select-add-row{display:flex;gap:8px;margin-top:8px;padding-top:16px;border-top:1px dashed rgba(31,41,55,.15)}.user-select-add-row input{flex:1;padding:12px 16px;border:1.5px solid rgba(31,41,55,.15);border-radius:var(--radius-m);font-size:.95rem;outline:none;transition:all .2s}.user-select-add-row input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #75d3bd33}.user-select-add-btn{padding:0 20px;border:none;border-radius:var(--radius-m);background:var(--color-text-main);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.user-select-add-btn:active{transform:scale(.95)}.user-select-add-btn:disabled{background:#1f29371a;color:var(--color-text-muted);cursor:not-allowed;transform:none}.app-main-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-base);padding-bottom:72px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:16px}.loading-logo{height:64px;max-width:80vw;width:auto;object-fit:contain;opacity:.9}.loading-text{color:var(--color-text-muted);font-size:.95rem}.main-header{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-base);border-bottom:1px solid rgba(31,41,55,.08);position:sticky;top:0;z-index:80}.app-logo{height:36px;width:auto;object-fit:contain}.header-event-name{font-size:.9rem;font-weight:700;color:var(--color-text-sub);background:#1f29370d;padding:6px 14px;border-radius:20px;letter-spacing:.3px}.main-content{flex:1;padding:0 16px 200px;max-width:600px;width:100%;margin:0 auto}.section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-sub);letter-spacing:1px;margin:24px 0 12px;padding-left:4px}.section-title-muted{color:var(--color-text-muted);opacity:.6}.empty-state{padding:60px 20px;text-align:center;color:var(--color-text-muted);font-size:1.1rem}.fab-settle{position:fixed;right:20px;bottom:calc(85px + env(safe-area-inset-bottom,0px));z-index:290;background:#ffd228;color:#111;border:none;border-radius:28px;padding:14px 22px;font-size:1rem;font-weight:800;display:flex;align-items:center;gap:6px;box-shadow:0 6px 20px #ffd22866;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;animation:fabPopIn .4s cubic-bezier(.34,1.56,.64,1)}.fab-settle:active{transform:scale(.92)}.fab-icon-img{width:24px;height:24px;object-fit:contain}.fab-text{font-size:.95rem;letter-spacing:.3px}@keyframes fabPopIn{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.1) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.toast-notification{position:fixed;bottom:150px;left:50%;transform:translate(-50%);background:var(--color-text-main);color:#fff;padding:12px 24px;border-radius:30px;display:flex;align-items:center;gap:16px;z-index:1000;box-shadow:0 4px 12px #1f293733;border:none;animation:toastSlideUp .3s cubic-bezier(.2,.8,.2,1);min-width:280px;justify-content:space-between}.toast-message{font-size:.95rem}.toast-undo-btn{background:transparent;border:none;color:var(--color-primary);font-weight:700;cursor:pointer;padding:4px 8px;font-size:.95rem}@keyframes toastSlideUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.legal-page{background-color:var(--color-bg-base);min-height:100vh;padding-bottom:60px;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--color-text-main);line-height:1.6}.legal-header{background:#fff;padding:16px 24px;border-bottom:1px solid rgba(31,41,55,.06);text-align:center}.legal-logo{height:32px}.legal-content{max-width:800px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 4px 16px #1f29370a;padding:40px}.legal-content h1{font-size:1.8rem;font-weight:800;margin-bottom:24px;color:var(--color-text-main);text-align:center}.legal-content h2{font-size:1.2rem;font-weight:700;margin-top:40px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(117,211,189,.3);color:var(--color-text-main)}.legal-intro{font-size:1rem;color:var(--color-text-sub);margin-bottom:40px}.legal-content p{margin-bottom:16px;font-size:.95rem;color:var(--color-text-sub)}.legal-content ul,.legal-content ol{margin-bottom:24px;padding-left:24px;color:var(--color-text-sub);font-size:.95rem}.legal-content li{margin-bottom:8px}.legal-date{margin-top:60px;text-align:right;font-weight:600}.legal-footer{text-align:center;margin-top:40px}.legal-footer a{display:inline-block;padding:12px 32px;background:var(--color-primary);color:#fff;border-radius:24px;text-decoration:none;font-weight:700;transition:background .2s}.legal-footer a:hover{background:var(--color-primary-variant)}@media(max-width:768px){.legal-content{margin:20px;padding:24px 20px}.legal-content h1{font-size:1.5rem}}