*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;background:#f0ede6;color:#2c2c2a}.container,body{min-height:100dvh}.container{max-width:480px;margin:0 auto;padding:16px;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1d9e75,#0f6e56);color:#fff;border-radius:20px;padding:24px 20px 20px;text-align:center;margin-bottom:16px}.header-admin{background:linear-gradient(135deg,#534AB7,#3C3489)}.header h1{font-size:20px;font-weight:900}.header-date{font-size:22px;font-weight:900;margin-top:4px}.header-sub{font-size:13px;opacity:.8;margin-top:4px}.header{position:relative}.reload-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,.2);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.reload-btn:active{transform:scale(.9)}.reload-btn:disabled{opacity:.5}.reload-btn.spinning{animation:spin .8s linear infinite}.section{background:#fff;border-radius:16px;padding:20px;margin-bottom:12px}.section-title{font-size:15px;font-weight:700;color:#5f5e5a;margin-bottom:12px}.name-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:8px}.name-btn{position:relative;padding:14px 10px;background:#fff;border:2px solid #e8e5dc;border-radius:14px;font-size:15px;font-weight:700;font-family:inherit;color:#2c2c2a;cursor:pointer;transition:all .2s;text-align:center;-webkit-tap-highlight-color:transparent}.name-btn:active{transform:scale(.97)}.name-btn.selected{border-color:#1d9e75;background:#e1f5ee;color:#0f6e56}.date-card{background:#f7f6f2;border:2px solid #e8e5dc;border-radius:14px;padding:16px;margin-bottom:10px;transition:all .2s}.date-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.date-card-date{font-size:16px;font-weight:900}.date-card-info{font-size:12px;color:#888780}.date-card-btns{display:flex;gap:8px}.date-card-btns .btn{flex:1 1}.date-card.answered{border-color:#5dcaa5;background:#e1f5ee}.date-card.answered-late{border-color:#fac775;background:#faeeda}.btn{padding:12px 16px;border:none;border-radius:12px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;text-align:center}.btn:active{transform:scale(.97)}.btn-join{background:#1d9e75;color:#fff;box-shadow:0 3px 12px rgba(29,158,117,.25)}.btn-late{background:#faeeda;color:#854f0b;border:1.5px solid #fac775}.btn-primary{background:#534AB7;color:#fff;box-shadow:0 3px 12px rgba(83,74,183,.25)}.btn-danger{background:#fdf0ed;color:#993c1d;border:1.5px solid #f0997b}.btn-ghost{background:#f7f6f2;color:#888780}.btn-line{background:#06C755;color:#fff;box-shadow:0 3px 12px rgba(6,199,85,.25)}.btn-sm{padding:8px 12px;font-size:13px;border-radius:8px}.btn:disabled{opacity:.5;pointer-events:none}.btn-block{width:100%}.submit-bar{position:-webkit-sticky;position:sticky;bottom:0;background:#f0ede6;padding:12px 0 20px;margin-top:auto}.submit-bar .btn{font-size:17px;padding:16px;border-radius:16px}.confirm-screen{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.confirm-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:16px;background:#e1f5ee}.confirm-screen h2{font-size:20px;font-weight:900;color:#0f6e56;margin-bottom:8px}.confirm-screen p{font-size:14px;color:#888780;line-height:1.6}.confirm-sub{margin-top:24px;font-size:12px;color:#b4b2a9}.sched-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f7f6f2;border-radius:12px;margin-bottom:8px}.sched-item.sent{opacity:.6}.sched-date{font-size:15px;font-weight:900;min-width:90px}.sched-detail{flex:1 1;font-size:12px;color:#888780;line-height:1.5}.sched-check{width:24px;height:24px;border:2px solid #e8e5dc;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.sched-check.checked{background:#534AB7;border-color:#534AB7;color:#fff;font-size:14px}.resp-row{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid #f0ede6;font-size:13px}.resp-name{flex:1 1;font-weight:700}.resp-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.resp-status.join{background:#e1f5ee;color:#0f6e56}.resp-status.late{background:#faeeda;color:#854f0b}.resp-status.none{background:#f7f6f2;color:#b4b2a9}.resp-status.absent{background:#fdf0ed;color:#993c1d}.pay-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #f0ede6;transition:background .15s}.pay-row.pay-changed{background:#fffde8}.pay-name{flex:1 1;font-size:14px;font-weight:700}.pay-amount{font-size:14px;font-weight:900;color:#0f6e56;min-width:60px;text-align:right}.pay-btns{display:flex;gap:4px}.pay-btn{font-size:11px;padding:4px 10px;border-radius:6px;font-weight:700;cursor:pointer;border:1.5px solid #e8e5dc;font-family:inherit;background:#f7f6f2;color:#888780;transition:all .15s;-webkit-tap-highlight-color:transparent}.pay-btn:active{transform:scale(.95)}.pay-btn.paypay{background:#eeedfe;color:#534AB7;border-color:#afa9ec}.pay-btn.cash{background:#faeeda;color:#854f0b;border-color:#fac775}.tabs{display:flex;gap:4px;background:#e8e5dc;border-radius:12px;padding:3px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 1;min-width:0;padding:8px 6px;border-radius:10px;font-size:12px;font-weight:700;font-family:inherit;border:none;cursor:pointer;white-space:nowrap;background:transparent;color:#888780;transition:all .15s;text-align:center}.tab.active{background:#fff;color:#2c2c2a;box-shadow:0 1px 3px rgba(0,0,0,.08)}.pin-screen{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.pin-input,.pin-screen .btn{width:200px}.pin-input{font-size:32px;text-align:center;padding:12px;border:2px solid #e8e5dc;border-radius:12px;font-family:inherit;letter-spacing:12px;background:#fff}.pin-input:focus{outline:none;border-color:#534AB7}.input{width:100%;padding:10px 14px;border:2px solid #e8e5dc;border-radius:10px;font-size:14px;font-family:inherit;background:#fff}.input:focus{outline:none;border-color:#534AB7}.form-row{display:flex;gap:8px;margin-bottom:10px}.form-row>*{flex:1 1}.form-label{font-size:12px;font-weight:500;color:#888780;margin-bottom:4px;display:block}.report-box{background:#f7f6f2;border-radius:12px;padding:16px;font-size:13px;line-height:1.8;white-space:pre-wrap;margin-bottom:12px}.text-center{text-align:center}.text-muted{color:#888780}.text-sm{font-size:12px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.gap-8{gap:8px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.loading{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#888780;font-size:14px}.spinner{width:32px;height:32px;border:3px solid #e8e5dc;border-top-color:#1d9e75;border-radius:50%;animation:spin .8s linear infinite}.spinner-admin{border-top-color:#534AB7}@keyframes spin{to{transform:rotate(1turn)}}.error-box{background:#fdf0ed;border:1.5px solid #f0997b;border-radius:14px;color:#993c1d}.error-box,.success-box{padding:16px;text-align:center;font-size:13px;line-height:1.6}.success-box{background:#e1f5ee;border:1.5px solid #5dcaa5;border-radius:14px;color:#0f6e56}.schedule-loading{display:flex;flex-direction:column;align-items:center;padding:30px 20px}.schedule-loading-track{width:100%;height:40px;position:relative;margin-bottom:16px}.schedule-loading-ball{font-size:32px;position:absolute;top:0;animation:volleyBounce 1.8s ease-in-out infinite}@keyframes volleyBounce{0%{left:0;transform:translateY(0) rotate(0deg)}25%{transform:translateY(-12px) rotate(90deg)}50%{left:calc(100% - 36px);transform:translateY(0) rotate(180deg)}75%{transform:translateY(-12px) rotate(270deg)}to{left:0;transform:translateY(0) rotate(1turn)}}.schedule-loading-bar{width:100%;height:6px;background:#e8e5dc;border-radius:3px;overflow:hidden;margin-bottom:12px}.schedule-loading-fill{height:100%;width:40%;background:linear-gradient(90deg,#1d9e75,#5dcaa5);border-radius:3px;animation:barSlide 1.8s ease-in-out infinite}@keyframes barSlide{0%{margin-left:0}50%{margin-left:60%}to{margin-left:0}}.schedule-loading-text{font-size:13px;color:#888780;font-weight:500}.footer{text-align:center;padding:20px 0;font-size:11px;color:#b4b2a9;margin-top:auto}.demo-badge{background:#faeeda;color:#854f0b;font-size:11px;padding:4px 12px;border-radius:8px;margin-top:12px}.change-badge,.demo-badge{display:inline-block;font-weight:700}.change-badge{font-size:10px;color:#534AB7;background:#eeedfe;padding:2px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}.btn-expense{background:#f0997b;color:#fff}.fin-balance-card{background:linear-gradient(135deg,#1d9e75,#0f6e56);border-radius:16px;padding:20px;text-align:center;margin-bottom:12px;color:#fff}.fin-balance-label{font-size:13px;opacity:.8}.fin-balance-amount{font-size:32px;font-weight:900;margin-top:4px}.fin-month-summary{display:flex;justify-content:center;gap:16px;padding:10px;background:#f7f6f2;border-radius:10px;font-size:13px;font-weight:700}.fin-income{color:#0f6e56}.fin-expense{color:#993c1d}.fin-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #f0ede6}.fin-date{font-size:12px;color:#888780;min-width:70px}.fin-item{font-size:14px;font-weight:700}.fin-note{font-size:11px;color:#b4b2a9;margin-top:2px}.fin-amount{font-size:14px;font-weight:900;min-width:80px;text-align:right;white-space:nowrap}.fin-amount.income{color:#0f6e56}.fin-amount.expense{color:#993c1d}