*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f0f4f8;min-height:100vh;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}#root{min-height:100vh}.btn-primary{color:#fff;cursor:pointer;background:#4f7df0;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:background .2s}.btn-primary:hover{background:#3a68d8}.btn-primary:disabled{cursor:not-allowed;background:#a0aec0}.btn-secondary{color:#4f7df0;cursor:pointer;background:#fff;border:2px solid #4f7df0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ebf0ff}.btn-back{color:#4f7df0;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px}.btn-back:hover{text-decoration:underline}.error-text{color:#e53e3e;margin-top:4px;font-size:14px}.loading,.not-found{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.home-container{flex-direction:column;align-items:center;gap:20px;min-height:100vh;padding:40px 20px;display:flex}.home-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:48px 40px;box-shadow:0 4px 24px #00000014}.home-icon{margin-bottom:16px;font-size:64px}.home-card h1{color:#1a202c;margin-bottom:12px;font-size:28px;font-weight:700}.home-card p{color:#666;margin-bottom:32px;line-height:1.6}.home-card .btn-primary{width:100%;padding:14px;font-size:18px}.sessions-list-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:24px;box-shadow:0 4px 24px #00000014}.sessions-list-card h2{color:#4a5568;margin-bottom:14px;font-size:16px;font-weight:700}.sessions-list{flex-direction:column;gap:8px;list-style:none;display:flex}.session-item{background:#f7fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;text-decoration:none;transition:background .15s;display:flex}.session-item:hover{background:#ebf0ff}.session-members{color:#1a202c;font-size:15px;font-weight:600}.session-expire{color:#a0aec0;white-space:nowrap;margin-left:8px;font-size:12px}.new-session-container{justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;display:flex}.new-session-card{background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:480px;padding:32px;display:flex;box-shadow:0 4px 24px #00000014}.new-session-card h1{color:#1a202c;font-size:24px;font-weight:700}.new-session-card>p{color:#666;font-size:14px}.members-list{flex-direction:column;gap:10px;display:flex}.member-row{align-items:center;gap:8px;display:flex}.member-row input{border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:15px;transition:border-color .2s}.member-row input:focus{border-color:#4f7df0}.btn-remove{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;font-size:16px}.btn-remove:hover{color:#e53e3e;background:#fff5f5}.new-session-card .btn-primary{width:100%;margin-top:4px;padding:14px}.session-container{flex-direction:column;gap:20px;max-width:640px;margin:0 auto;padding:24px 20px 60px;display:flex}.session-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.session-header h1{color:#1a202c;font-size:20px;font-weight:700}.btn-share{color:#fff;cursor:pointer;white-space:nowrap;background:#48bb78;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s}.btn-share:hover{background:#38a169}.url-display{background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;display:flex;box-shadow:0 2px 8px #0000000f}.url-text{color:#4a5568;word-break:break-all;font-size:13px}.members-summary{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #0000000f}.members-summary h2{color:#4a5568;margin-bottom:8px;font-size:16px;font-weight:600}.session-meta{color:#a0aec0;flex-wrap:wrap;gap:16px;margin-bottom:10px;font-size:12px;display:flex}.member-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.btn-remove-member{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;line-height:1}.btn-remove-member:hover{color:#e53e3e}.add-member-row{gap:8px;margin-top:4px;display:flex}.add-member-input{border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:14px}.add-member-input:focus{border-color:#4f7df0}.btn-add-member{color:#fff;cursor:pointer;white-space:nowrap;background:#4f7df0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.btn-add-member:hover{background:#3a6de0}.btn-add-member:disabled{opacity:.6;cursor:default}.chip{color:#4f7df0;background:#ebf0ff;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:14px;font-weight:500;display:inline-flex}.section{background:#fff;border-radius:12px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000f}.section-header{justify-content:space-between;align-items:center;display:flex}.btn-list-edit{color:#4f7df0;cursor:pointer;background:0 0;border:1px solid #4f7df0;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:600;transition:background .15s}.btn-list-edit:hover{background:#ebf0ff}.btn-list-edit-done{color:#fff;cursor:pointer;background:#4f7df0;border:none;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:600;transition:background .15s}.btn-list-edit-done:hover{background:#3a6de0}.section h2{color:#1a202c;font-size:18px;font-weight:700}.payment-form{background:#f7fafc;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.payment-form select,.payment-form input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:15px}.payment-form select:focus,.payment-form input:focus{border-color:#4f7df0}.payment-form .btn-primary{padding:10px}.empty-text{color:#a0aec0;text-align:center;padding:12px 0;font-size:14px}.payments-table,.summary-table{border-collapse:collapse;width:100%;font-size:14px}.payments-table th,.summary-table th{text-align:left;color:#718096;background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-weight:600}.payments-table td,.summary-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:10px}.payments-table tr:last-child td,.summary-table tr:last-child td{border-bottom:none}td.amount{text-align:right;font-weight:600}td.positive{color:#38a169;text-align:right;font-weight:600}td.negative{color:#e53e3e;text-align:right;font-weight:600}.row-actions{white-space:nowrap;gap:4px;display:flex}.btn-edit{color:#4f7df0;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px}.btn-edit:hover{background:#ebf0ff;border-color:#4f7df0}.btn-delete{color:#999;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:12px}.btn-delete:hover{color:#e53e3e;background:#fff5f5;border-color:#e53e3e}.edit-select,.edit-input{border:1.5px solid #4f7df0;border-radius:6px;outline:none;width:100%;padding:4px 8px;font-size:13px}.edit-amount{width:80px}.edit-actions{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.btn-save{color:#fff;cursor:pointer;background:#4f7df0;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.btn-save:hover{background:#3a6de0}.btn-save:disabled{opacity:.6;cursor:default}.btn-cancel-edit{color:#999;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:12px}.btn-cancel-edit:hover{color:#e53e3e;border-color:#e53e3e}.total-label{color:#555;font-size:15px}.settlements-list{flex-direction:column;gap:10px;list-style:none;display:flex}.settlement-item{background:#f7fafc;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.debtor{color:#e53e3e;font-weight:600}.arrow{color:#a0aec0}.creditor{color:#38a169;font-weight:600}.settlement-amount{color:#1a202c;margin-left:auto;font-size:16px;font-weight:700}.btn-paypay{color:#fff;white-space:nowrap;background:#eb0000;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.btn-paypay:hover{background:#c50000}.image-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.image-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:100%;max-height:90dvh;display:flex;overflow:hidden}.image-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.image-modal-title{color:#4a5568;font-size:14px;font-weight:600}.image-modal-close{cursor:pointer;color:#4a5568;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.image-modal-close:hover{background:#e2e8f0}.image-modal-img{width:100%;height:auto;display:block;overflow-y:auto}.capture-area{flex-direction:column;gap:20px;display:flex}.save-image-row{justify-content:center;display:flex}.btn-save-image{color:#fff;cursor:pointer;touch-action:manipulation;background:#805ad5;border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:700;transition:background .2s}.btn-save-image:hover{background:#6b46c1}.btn-save-image:disabled{opacity:.6;cursor:default}.section-delete{justify-content:center;padding:8px 0 16px;display:flex}.btn-delete-session{color:#a0aec0;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:10px 24px;font-size:14px;transition:all .2s}.btn-delete-session:hover{color:#e53e3e;background:#fff5f5;border-color:#e53e3e}.advance-checkbox-label{color:#4a5568;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:14px;display:flex}.advance-checkbox-label input[type=checkbox]{accent-color:#f6ad55;cursor:pointer;width:16px;height:16px}.advance-checkbox-small{font-size:12px}.advance-description{color:#a0aec0;margin:0;font-size:12px}.advance-badge{color:#b7791f;white-space:nowrap;background:#fefcbf;border:1px solid #f6e05e;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.payment-description-cell{flex-direction:column;gap:3px;display:flex}.edit-description-cell{flex-direction:column;gap:4px;display:flex}.amount-row{align-items:stretch;gap:8px;display:flex}.amount-row input{flex:1}.btn-calc{color:#fff;cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#4f7df0;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s}.btn-calc:hover{background:#3a6de0}.calc-expr-preview{color:#718096;background:#edf2ff;border-radius:6px;padding:4px 10px;font-size:12px}.btn-show-expr{color:#4f7df0;cursor:pointer;text-align:right;background:0 0;border:none;width:100%;padding:2px 0;font-size:11px;text-decoration:underline;display:block}.btn-show-expr:hover{color:#3a6de0}.expr-detail{color:#718096;text-align:right;word-break:break-all;background:#edf2ff;border-radius:4px;margin-top:2px;padding:3px 6px;font-size:11px}.calc-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.calc-modal{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:400px;padding:20px 16px 32px;animation:.2s slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.calc-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calc-title{color:#1a202c;font-size:16px;font-weight:700}.calc-close{cursor:pointer;color:#4a5568;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.calc-close:hover{background:#e2e8f0}.calc-display{background:#f7fafc;border-radius:12px;flex-direction:column;align-items:flex-end;gap:4px;min-height:64px;margin-bottom:12px;padding:14px 16px;display:flex}.calc-base-expr{color:#a0aec0;text-align:right;word-break:break-all;font-size:13px}.calc-expr{color:#1a202c;word-break:break-all;text-align:right;font-size:20px;font-weight:500}.calc-result{color:#4f7df0;min-height:20px;font-size:14px;font-weight:600}.calc-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.calc-btn{cursor:pointer;color:#1a202c;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#f7fafc;border:none;border-radius:10px;height:56px;font-size:18px;font-weight:500;transition:background .1s}.calc-btn:hover{background:#e2e8f0}.calc-btn:active{background:#cbd5e0}.calc-btn-wide{grid-column:span 2}.calc-btn-func{color:#4f7df0;background:#edf2ff;font-size:16px}.calc-btn-func:hover{background:#dbe6ff}.calc-btn-op{color:#3182ce;background:#ebf8ff}.calc-btn-op:hover{background:#bee3f8}.calc-btn-paren{color:#276749;background:#f0fff4}.calc-btn-paren:hover{background:#c6f6d5}.calc-btn-eval{color:#319795;background:#e6fffa}.calc-btn-eval:hover{background:#b2f5ea}.calc-btn-confirm{color:#fff;background:#4f7df0;font-size:14px;font-weight:700}.calc-btn-confirm:hover:not(:disabled){background:#3a6de0}.calc-btn-confirm:disabled{opacity:.4;cursor:default}