@import "https://fonts.googleapis.com/css2?family=LINE+Seed+JP:wght@100;400;700&display=swap";:root{color:#2f2722;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff9f2;font-family:LINE Seed JP,Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 100% 100%,#fde6cb 0,#0000 25%),#fff9f2;min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8f0e6;border-bottom:1px solid #e7ddd1;justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 34px;display:flex;position:sticky;top:0}.brand{align-items:center;text-decoration:none;display:inline-flex}.brand img{width:auto;height:42px;display:block}.top-actions{color:#766b63;align-items:center;gap:20px;font-size:12px;display:flex}.status-dot{color:#d22c49;font-size:14px}.share-button{color:#fff;background:#ed8f31;border:1px solid #d8c8ba;border-radius:8px;padding:10px 14px;font-weight:700}.share-button span{margin-left:2px}main{max-width:1112px;margin:auto;padding:60px 34px 86px}.intro{justify-content:space-between;align-items:end;margin-bottom:52px;display:flex}.eyebrow,.step{color:#7d7067;letter-spacing:1.5px;margin:0 0 14px;font-size:11px;font-weight:700}h1{letter-spacing:-2px;margin:0 0 21px;font-size:clamp(38px,5vw,67px);font-weight:400;line-height:1.1}h1 em{color:#d97820;font-style:normal}.lead{color:#766b63;font-size:15px;line-height:1.8}.total-block{text-align:right;padding-bottom:8px}.total-block span,.total-block small{color:#887b71;font-size:12px;display:block}.total-block strong{color:#332a25;margin:3px 0;font-size:40px;display:block}.workspace{grid-template-columns:1fr 1.55fr;align-items:start;gap:20px;display:grid}.panel{background:#fffffcd6;border:1px solid #e7ddd1;border-radius:12px;box-shadow:0 12px 28px #48301e0b}.input-panel{min-height:218px;padding:25px 24px 23px}.panel-heading{justify-content:space-between;align-items:start;margin-bottom:22px;display:flex}h2{color:#332a25;margin:0;font-size:25px;font-weight:400}.step{color:#d22c49;margin-bottom:8px;font-size:10px;display:block}.member-count,.tip{color:#91847a;padding-top:18px;font-size:12px}.member-form{gap:8px;margin-bottom:17px;display:flex}input,select,textarea{color:#332a25;background:#fffaf4;border:1px solid #e1d5c9;border-radius:7px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#f0ae6c;box-shadow:0 0 0 3px #ed8f3133}.member-form button{color:#fff;background:#d22c49;border:0;border-radius:7px;width:44px;font-size:22px}.member-list{flex-wrap:wrap;gap:8px;display:flex}.member-chip{background:#fff2e4;border-radius:20px;align-items:center;gap:7px;padding:7px 8px 7px 10px;font-size:13px;display:inline-flex}.color-0{--member-dot:#ed8f31;--member-bg:#fff0df;--member-ink:#94501b}.color-1{--member-dot:#2878c8;--member-bg:#e7f1fc;--member-ink:#225a92}.color-2{--member-dot:#2a9255;--member-bg:#e7f5eb;--member-ink:#246a40}.color-3{--member-dot:#d22c49;--member-bg:#fce9ed;--member-ink:#a2243b}.color-4{--member-dot:#8651b5;--member-bg:#f1eafa;--member-ink:#68408d}.color-5{--member-dot:#168b98;--member-bg:#e3f4f5;--member-ink:#176670}.member-chip i{background:var(--member-dot,#ed8f31);border-radius:50%;width:7px;height:7px}.member-chip button,.delete-button{color:#95a19b;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.expense-input{padding-bottom:27px}.expense-input .panel-heading{margin-bottom:16px}.form-grid{grid-template-columns:1.3fr 1fr .8fr;gap:10px;display:grid}label,.who-pays>span{color:#887b71;font-size:11px;font-weight:700}label input,label select,label textarea{margin-top:7px;display:block}.expense-note-field{margin-top:16px;display:block}.expense-note-field textarea{resize:vertical;min-height:80px;line-height:1.6}.amount-input{color:#9ba69f;background:#fffaf4;border:1px solid #e1d5c9;border-radius:7px;align-items:center;gap:2px;margin-top:7px;padding-left:11px;display:flex}.amount-input input{border:0;padding-left:3px}.amount-input:focus-within{border-color:#f0ae6c}.who-pays{align-items:center;gap:18px;margin:18px 0;display:flex}.who-pays>div{flex-wrap:wrap;gap:8px;display:flex}.who-pays button{color:#756960;background:#fff;border:1px solid #e1d5c9;border-radius:20px;padding:7px 11px;font-size:12px}.who-pays button.selected{border-color:var(--member-dot);color:var(--member-ink);background:var(--member-bg)}.who-pays button span{vertical-align:-3px;border:1px solid #d8c8ba;border-radius:50%;width:15px;height:15px;margin-right:4px;display:inline-block}.who-pays button.selected span{background:var(--member-ink);color:#fff;border:0;line-height:15px}.who-pays button:focus-visible{outline:2px solid var(--member-ink);outline-offset:3px}.primary-button{color:#fff;background:#ed8f31;border:0;border-radius:7px;width:100%;padding:12px 16px;font-size:13px;font-weight:700}.primary-button span{margin-left:8px;font-size:16px}.lower-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.expense-list,.settlement{min-height:275px;padding:25px 24px}.expense-list .panel-heading,.settlement .panel-heading{margin-bottom:7px}.expense-row{border-top:1px solid #eee5dc;align-items:center;gap:12px;padding:15px 0;display:flex}.expense-icon{color:#d97820;background:#fff3e6;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.expense-detail{flex:1;min-width:0}.expense-detail strong,.expense-detail span{display:block}.expense-detail strong{font-size:13px;font-weight:700}.expense-detail span{color:#8a948d;margin-top:3px;font-size:11px;line-height:1.5}.expense-detail .expense-note{color:#766b63;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}.expense-amount{flex-shrink:0;font-size:16px;font-weight:400}.delete-button{margin-left:3px}.empty{color:#98a29c;padding-top:30px;font-size:13px}.spark{color:#d22c49;padding-top:18px;font-size:11px}.settlement-list{margin-top:16px}.settlement-row{border-top:1px solid #eee5dc;align-items:center;gap:8px;padding:12px 0;font-size:13px;display:flex}.settlement-row b{color:#d97820;margin-left:auto;font-size:17px;font-weight:400}.avatar{color:#b85e18;background:#ffe3c7;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.avatar,.expense-icon{background:var(--member-bg,#fff0df);color:var(--member-ink,#94501b)}.arrow{color:#a8b1aa;padding:0 4px}.settlement-note{color:#7d8982;border-top:1px dashed #e5d9cc;margin:14px 0 0;padding-top:13px;font-size:11px}.retention-notice{color:#777;margin:16px 0 0;font-size:11px;line-height:1.6}.faq-shell{flex-direction:column;min-height:100dvh;display:flex}.faq-main{flex:1;width:100%;max-width:840px}.faq-intro{margin:48px 0 36px}.faq-intro h1{font-size:clamp(28px,5vw,42px)}.faq-back,.faq-contact a{color:#99541f;text-underline-offset:4px}.faq-back{font-size:13px;display:inline-block}.faq-bottom-links{flex-wrap:wrap;justify-content:center;gap:16px 32px;margin-top:36px;display:flex}.faq-section{margin-bottom:30px}.faq-section h2{margin:0 0 14px;font-size:18px}.faq-list{padding:0 22px}.faq-item+.faq-item{border-top:1px solid #eee5dc}.faq-item summary{cursor:pointer;padding:20px 0;font-size:14px;font-weight:600;line-height:1.7}.faq-item summary::marker{color:#d97820}.faq-item summary:focus-visible{outline-offset:4px;outline:2px solid #d97820}.faq-item p{color:#6d6056;overflow-wrap:anywhere;white-space:pre-line;margin:0;padding:0 0 22px;font-size:14px;line-height:1.9}.faq-contact{margin:32px 0;font-size:13px;line-height:1.8}.footer-meta{flex-wrap:wrap}.receipts{margin-top:10px}.expense-fields{border:0;min-width:0;margin:0;padding:0}.edit-button{color:#554638;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8c9ba;border-radius:6px;padding:7px 10px}.expense-editor{background:#fff8ef;border:1px solid #eee5dc;border-radius:8px;margin-bottom:16px;padding:16px}.expense-editor h3{margin:0 0 16px}.expense-edit-actions{flex-wrap:wrap;gap:10px;display:flex}.receipt-picker{margin-bottom:16px}.receipt-draft{align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.receipt-draft span{overflow-wrap:anywhere;min-width:0}.receipt-draft button{cursor:pointer;background:0 0;border:0}.receipt-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.receipt-actions button{color:#765b44;cursor:pointer;background:#fffaf5;border:1px solid #e5d9cc;border-radius:6px;padding:5px 8px;font-size:11px}.receipt-actions button:disabled{opacity:.5;cursor:default}.receipt-item{gap:2px;display:flex}.receipt-help,.receipt-message{color:#777;margin:6px 0 0;font-size:11px;line-height:1.6}.receipt-message{color:#974719}.receipt-dialog{background:#fffaf5;border:0;border-radius:12px;width:min(900px,94vw);max-height:90dvh;padding:16px}.receipt-dialog::backdrop{background:#000000a6}.receipt-dialog img{width:100%;height:auto;display:block}.receipt-dialog-close{cursor:pointer;background:#fff;border:1px solid #e5d9cc;border-radius:8px;margin:0 0 12px auto;padding:8px 16px;display:block;position:sticky;top:0}.settled{color:#d22c49;place-items:center;padding:36px 0;display:grid}.settled div{border:1px solid #f0ae6c;border-radius:50%;place-items:center;width:35px;height:35px;margin-bottom:8px;display:grid}.settled strong{font-size:20px;font-weight:400}.settled span{color:#87938a;margin-top:5px;font-size:11px}.toast{color:#fff;background:#3a2c24;border-radius:8px;padding:12px 18px;font-size:13px;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.app-shell footer:not(.landing-footer){color:#392e28;letter-spacing:1px;border-top:1px solid #e7ddd1;max-width:1180px;margin:auto;padding:22px 34px;font-size:13px}.site-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-brand span{color:#96a099;margin-left:12px;font-size:11px}.footer-meta{color:#7d8982;align-items:center;gap:18px;font-size:11px;display:flex}.footer-meta a{color:#6f6259;text-underline-offset:3px}.share-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18211f61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.share-dialog{background:#fffffc;border:1px solid #e7ddd1;border-radius:14px;width:min(500px,100%);padding:30px;position:relative;box-shadow:0 24px 70px #18211f33}.share-dialog h2{margin-bottom:8px}.share-dialog>p{color:#7d8982;margin:0 0 20px;font-size:13px}.share-close{color:#89938d;background:0 0;border:0;font-size:23px;position:absolute;top:15px;right:16px}.share-url{gap:8px;display:flex}.share-url input{min-width:0;font-size:12px}.share-url button{color:#fff;background:#ed8f31;border:0;border-radius:7px;flex:none;padding:0 17px;font-size:13px;font-weight:700}.social-share{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.social-share a{color:#fff;text-align:center;border-radius:7px;padding:12px;font-size:13px;font-weight:700;text-decoration:none}.line-share{background:#06c755}.x-share{background:#111}@media (width<=760px){.topbar{height:65px;padding:0 18px}.brand img{height:32px}.top-actions{gap:8px}.top-actions>span:not(.status-dot){display:none}.share-button{padding:8px 10px}main{padding:38px 18px 55px}.intro{margin-bottom:35px;display:block}.total-block{text-align:left;margin-top:28px}.total-block strong{font-size:32px}.workspace,.lower-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.form-grid label:first-child{grid-column:1/-1}.who-pays{display:block}.who-pays>div{margin-top:9px}.expense-list,.settlement{min-height:auto}h1{letter-spacing:-1px}}.landing-shell{background:radial-gradient(circle at 100% 100%,#fde6cb 0,#0000 27%),#fff9f2;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.landing-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8f0e6;border-bottom:1px solid #e7ddd1;align-items:center;width:min(1180px,100%);height:76px;margin:auto;padding:0 34px;display:flex;position:sticky;top:0}.landing{place-items:center start;width:100%;max-width:none;min-height:0;margin:0;padding:34px max(34px,50vw - 556px);display:grid}.landing-content{padding-bottom:5vh}.landing-content h1{margin-bottom:25px;font-size:clamp(48px,8vw,92px)}.start-button{color:#fff;letter-spacing:2px;background:#ed8f31;border:0;border-radius:8px;margin-top:20px;padding:16px 21px;font-size:16px;box-shadow:0 9px 16px #c6665426}.start-button span{margin-left:25px;font-size:18px}.landing-footer{color:#392e28;border-top:1px solid #e7ddd1;width:min(1180px,100%);margin:auto;padding:22px 34px;font-size:13px}.landing-footer .footer-brand span{color:#96a099;margin-left:12px;font-size:11px}@media (width<=760px){.landing-header{height:65px;padding:0 18px}.landing{padding-inline:18px}.landing-footer{padding:20px 18px}.site-footer{align-items:flex-start;gap:10px}.footer-brand span{display:inline}}@media (width<=480px){.site-footer{flex-direction:column}}.split-title-field{max-width:640px;margin-bottom:24px;display:block}.split-title-field small{color:#6d6056;margin-top:6px;font-size:12px;font-weight:400;display:block}.intro>div:first-child{min-width:0}.intro h1{overflow-wrap:anywhere}