@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{width:100%;height:100%;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--content-max: 1200px;--primary: #7C4DFD;--primary-dark: #5E35B1;--primary-light: #B39DDB;--secondary: #EDE7F6;--background: #FAFAFF;--text-main: #1F1A35;--text-muted: #4B5563;--card-border: #E4E1F4;--success: #0A8A50;--danger: #C0392B}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--text-main);margin:0;padding:0;min-height:100vh;overflow-x:hidden}html{height:100%;overflow-x:hidden}.page-container{width:min(var(--content-max),100% - 32px);margin:0 auto;padding:16px 12px 24px;box-sizing:border-box}.page-title{text-align:center;margin:20px 0 18px;color:var(--text-main)}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--background);overflow-x:hidden}.app-content{flex:1;padding:0 12px 90px;min-height:calc(100vh - 64px);overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.app-header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--card-border);box-shadow:0 6px 20px #7c4dfd0d;position:sticky;top:0;z-index:150}.app-header img{height:32px;width:32px}.app-title{font-weight:700;font-size:18px;color:var(--primary-dark)}h1{text-align:center;margin-top:20px;color:var(--text-main)}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(760px,100% - 24px);margin:0 auto;padding:16px 12px;box-sizing:border-box}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--card-border);display:flex;justify-content:space-around;align-items:center;padding:8px 12px;box-sizing:border-box;z-index:200}.bottom-nav-item{flex:1;text-align:center;text-decoration:none;color:var(--text-muted);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:transparent;cursor:pointer;padding:6px 0}.bottom-nav-item.active{color:var(--primary-dark);font-weight:600}.nav-icon{font-size:18px}.nav-label{line-height:1}.fab-add-expense{position:fixed;right:20px;bottom:100px;width:56px;height:56px;border-radius:28px;background:var(--primary);color:#fff;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:28px;box-shadow:0 8px 18px #0003;z-index:210;transition:transform .15s ease}.fab-add-expense:hover{transform:scale(1.06);background:var(--primary);color:#fff}.footer{text-align:center;margin-top:20px;padding:10px;background:var(--primary);color:#fff}.expense-list{display:flex;flex-direction:column;gap:12px;margin-top:16px;width:100%;max-width:var(--content-max);margin-left:auto;margin-right:auto;padding:0 8px;box-sizing:border-box}.expense-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid var(--card-border);text-decoration:none;color:var(--text-main);transition:all .15s ease;width:100%;text-align:left;box-sizing:border-box;max-width:var(--content-max);margin:0 auto}.expense-date{text-align:center;color:var(--text-muted);font-weight:600;min-width:48px}.expense-month{text-transform:uppercase;font-size:12px;letter-spacing:1px}.expense-day{font-size:20px}.expense-main{display:flex;flex-direction:column;gap:4px}.expense-title{font-size:18px;font-weight:700;color:var(--text-main)}.expense-sub{font-size:14px;color:var(--text-muted)}.expense-amount{font-weight:700;color:var(--text-main);display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.status-text{font-size:12px;font-weight:600}.status-text.lent{color:var(--success)}.status-text.borrowed{color:var(--danger)}.status-amount{font-size:16px}.expense-row:hover{border-color:var(--primary);box-shadow:0 6px 14px #7c4dfd1f;background:#efe8ff}.expense-row:hover .expense-title,.expense-row:hover .expense-sub,.expense-row:hover .expense-amount,.expense-row:hover .status-amount{color:var(--primary)}.expense-row .keep-color{color:inherit}.status-text.keep-color.lent{color:var(--success)}.status-text.keep-color.borrowed{color:var(--danger)}.expense-detail{max-width:var(--content-max);margin:0 auto;padding:20px 12px 32px;text-align:center}.expense-detail h2{text-align:center}.expense-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;background:#fff;border:1px solid var(--card-border);border-radius:8px;padding:12px;margin:12px auto 16px;text-align:left;width:100%;box-sizing:border-box}.split-table{width:100%;box-sizing:border-box;border-collapse:collapse;background:#fff;border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.split-table-wrapper{width:100%;overflow-x:auto;margin-top:8px;box-sizing:border-box}.split-table{min-width:320px}.split-table th,.split-table td{padding:10px;text-align:left;border-bottom:1px solid var(--card-border);word-break:break-word;font-size:14px}.split-table th{background:var(--secondary)}.split-table th:not(:last-child),.split-table td:not(:last-child){border-right:1px solid var(--card-border)}.split-table td.name-cell{white-space:normal;line-height:1.2}.split-table tr:last-child td{border-bottom:none}.split-table .balance-positive,.split-table .balance-negative{white-space:nowrap}@media(max-width:520px){.split-table{min-width:280px}.split-table th,.split-table td{padding:6px;font-size:12px}.split-table td.name-cell{font-size:12px}}.activities{width:100%;margin:0 auto;padding:0;background:transparent;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.activity-list{list-style:none;padding:0 8px;margin:0;display:flex;flex-direction:column;gap:10px;width:100%;max-width:var(--content-max)}.spending-container{max-width:760px;margin-left:auto;margin-right:auto}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;width:100%;margin:12px auto}.summary-cards.two-cols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{background:#fff;border:1px solid var(--card-border);border-radius:10px;padding:12px;text-align:center;box-shadow:0 4px 8px #00000008}.summary-card.link-card{text-decoration:none;color:inherit;cursor:pointer}.summary-card.link-card:hover{border-color:var(--primary);box-shadow:0 8px 18px #7c4dfd14}.summary-card .label{margin:0;color:var(--text-muted);font-weight:600}.summary-card .value{margin:4px 0 0;font-size:20px;font-weight:700}.summary-card .hint{margin:2px 0 0;color:var(--text-muted);font-size:12px}.spending-link{display:block;text-decoration:none;color:inherit;border:1px solid var(--card-border);border-radius:10px;background:#fff;padding:12px;margin:8px auto;box-shadow:0 4px 8px #00000008;width:100%;max-width:720px;box-sizing:border-box}.spending-link:hover{border-color:var(--primary);box-shadow:0 8px 18px #7c4dfd14}.spending-link-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.spending-link .label.strong{font-weight:700;margin:0}.spending-link .hint{color:var(--text-muted);margin:2px 0 0;font-size:12px}.spending-link .value{font-weight:700}.spending-shared-list{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:6px;padding:0 12px;box-sizing:border-box}.expense-list.compact{gap:8px}.expense-row.compact-row{grid-template-columns:1fr auto;padding:10px}.activity-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--card-border);border-radius:8px;padding:12px;transition:all .15s ease;box-sizing:border-box;width:100%;max-width:var(--content-max);margin:0 auto}.activity-link{display:flex;justify-content:space-between;align-items:center;width:100%;text-decoration:none;color:inherit;transition:all .15s ease;background:transparent;padding:6px;border-radius:6px;box-sizing:border-box;height:100%;gap:12px;flex-wrap:nowrap}.activity-link>div:first-child{min-width:0}.activity-link.disabled{cursor:default}.activity-title{font-weight:700;color:var(--text-main)}.activity-meta{font-size:12px;color:var(--text-muted);margin-top:4px}.activity-amount{font-weight:700;white-space:nowrap;margin-left:auto}.activity-link:hover{color:var(--primary);background:#efe8ff}.activity-item:hover .activity-title,.activity-item:hover .activity-meta,.activity-item:hover .activity-amount{color:var(--primary)}.activity-item:hover .activity-link *:not(.keep-color){color:var(--primary)}.activity-link:hover .activity-title,.activity-link:hover .activity-meta,.activity-link:hover .activity-amount:not(.keep-color){color:var(--primary)}.danger-button{padding:10px 16px;font-size:14px;color:#fff;background-color:var(--danger);border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;white-space:normal}.danger-button:disabled{opacity:.7;cursor:not-allowed}.danger-button,.danger-button *{color:#fff!important}@media(max-width:768px){.page-container{width:calc(100% - 20px);padding:12px 10px 20px}.expense-detail-meta{grid-template-columns:1fr}.expense-detail{padding:12px 8px 24px}.page-actions{flex-wrap:wrap;flex-direction:row;align-items:center}.expense-row,.activity-item,.user-pill{max-width:100%}.activity-link{flex-wrap:wrap;align-items:flex-start;gap:8px}.activity-amount{align-self:flex-start;margin-left:0}.user-pill-column .user-pill-header{grid-template-columns:1fr auto}}.login-form{width:100%;max-width:380px;margin:0 auto;padding:24px 20px;box-sizing:border-box;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.login-hero{display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0 10px}.login-logo{width:64px;height:64px}.login-title{font-size:24px;font-weight:700;color:var(--primary-dark)}.login-subtitle{color:var(--text-muted);margin:0}.login-form div{margin-bottom:15px}.login-form label{display:block;margin-bottom:5px;color:var(--text-main)}.login-form input{width:100%;padding:8px;border:1px solid var(--card-border);border-radius:4px;box-sizing:border-box;background:#fff;color:var(--text-main);font-size:16px}.login-form button{width:100%;padding:10px;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.login-form button:hover{background-color:var(--primary-dark)}@media(max-width:768px){.main-container{padding:10px}.expense-container,.login-form{max-width:100%}.expense-form{max-width:100%;padding:0 10px}}.expense-form-container{margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:600px}.form-card{background:#fff;border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 6px #00000014;padding:12px 12px 16px;width:100%;box-sizing:border-box;margin:0 auto;max-width:640px}.profile-card{margin-top:12px;padding:0;background:transparent!important;border:none!important;box-shadow:none!important;max-width:var(--content-max);text-align:center}.add-expense-screen{background:transparent!important;border:none!important;box-shadow:none!important;padding-left:0;padding-right:0;display:flex;flex-direction:column;align-items:stretch}.add-expense-top{width:100%;max-width:1100px;margin:0 auto 10px}.add-expense-top .search-row,.add-expense-top .search-results,.add-expense-top .chip-list{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;text-align:left}.add-expense-top .with-label{margin-bottom:4px;width:auto}.add-expense-top .search-row{margin-top:4px}.with-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}.inline-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:auto;flex:0 1 auto;min-width:0;margin:0}.with-row .with-label{margin:0;white-space:nowrap}.add-expense-title{text-align:center}.profile-page{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(720px,100%);margin:0 auto}.profile-section{width:100%;max-width:520px;margin-left:auto;margin-right:auto;text-align:center;display:flex;flex-direction:column;align-items:center}.full-height-card{min-height:calc(100vh - 140px);display:flex;flex-direction:column;justify-content:flex-start}.profile-form .form-row{margin-bottom:22px;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-actions{justify-content:center;gap:12px}.logout-block{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#fff}.profile-avatar.large{width:96px;height:96px}.profile-identity h2{margin:0}.profile-identity .subtle{margin:4px 0 0}.profile-tabs{display:flex;gap:6px;margin:12px 0 8px;flex-wrap:nowrap;justify-content:center;overflow-x:auto}.tab-button{padding:8px 12px;border-radius:8px;border:1px solid var(--card-border);background:#fff;cursor:pointer;color:var(--text-main);font-weight:600}.tab-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.profile-content{width:100%;display:flex;flex-direction:column;gap:14px}.avatar-row{display:grid;grid-template-columns:auto auto;column-gap:14px;row-gap:8px;align-items:center;justify-content:center;width:100%;margin-bottom:12px}.avatar-frame{--avatar-border: 2px;width:96px;height:96px;border-radius:50%;overflow:hidden;border:var(--avatar-border) solid var(--card-border);background:#fff;position:relative;box-sizing:border-box}.avatar-frame.large{width:112px;height:112px}.avatar-frame img.profile-avatar{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;transition:transform .1s ease;display:block;border-radius:50%}.avatar-actions{display:flex;flex-direction:column;gap:8px;align-items:center}.avatar-block{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.file-button input{display:none}.avatar-sliders{display:flex;flex-direction:column;gap:6px;margin-top:4px}.avatar-sliders label{font-size:12px;color:var(--text-muted);display:flex;flex-direction:column;gap:2px}.avatar-sliders input[type=range]{width:180px}.crop-backdrop{z-index:1200}.crop-modal{background:#fff;border-radius:12px;padding:12px;width:min(420px,90vw);display:flex;flex-direction:column;gap:10px;align-items:center}.cropper{position:relative;width:320px;height:320px;overflow:hidden;background:#111;border-radius:50%;touch-action:none}.cropper .crop-image{position:absolute;top:50%;left:50%;transform-origin:center center;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle 50% at 50% 50%,transparent 55%,rgba(0,0,0,.6) 70%);pointer-events:none}.profile-footer{display:flex;flex-direction:column;align-items:center;gap:6px;margin:18px 0 10px}.footer-logo{width:40px;height:40px}.status-message{margin-top:8px;color:#2f3a4a;text-align:center}.profile-page h2,.profile-page h3,.profile-page p.subtle{text-align:center}.profile-page .profile-form{align-items:center}.profile-page .form-actions{justify-content:center}.profile-form input{background:#fff;color:#000;margin-top:10px;max-width:320px;width:100%;padding:14px 12px;font-size:16px;border:1px solid var(--card-border)}.password-block{margin-top:24px;padding-top:8px;border-top:1px solid var(--card-border)}.expense-form-container h2{color:var(--text-main);text-align:center}.expense-form{display:flex;flex-direction:column;width:100%;max-width:1100px;margin:0 auto;padding:0 12px 12px;box-sizing:border-box}.expense-form div{margin-bottom:15px}.expense-form label{display:block;margin-bottom:5px;color:var(--text-main)}.expense-form input,.expense-form select{width:100%;padding:10px;border:1px solid var(--card-border);border-radius:6px;background-color:#fff;color:var(--text-main);box-sizing:border-box;font-size:16px}.expense-form button{padding:10px;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.expense-form button:hover{background-color:var(--primary-dark)}.form-actions{display:flex;gap:10px;align-items:center}.centered-actions{justify-content:center}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;width:100%}.chip{padding:8px 12px;border-radius:16px;border:1px solid var(--card-border);background:var(--secondary);cursor:pointer;font-size:14px;color:#000}.chip-active{background:#efe8ff;border-color:var(--primary);color:var(--primary-dark)}.self-chip{background:#e8f7f0;border:1px solid #b2e1c8}.search-results{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.search-row{display:flex;align-items:center;gap:6px}.clear-button{border:1px solid var(--card-border);background:var(--secondary);color:var(--text-main);border-radius:6px;padding:8px 10px;cursor:pointer;line-height:1}.clear-button:hover{background:#e3dcf7}.user-result{padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}.user-result:hover{background:var(--secondary)}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pill{padding:6px 10px;border-radius:14px;background:var(--secondary);border:1px solid var(--card-border);font-size:13px}.row-space{display:flex;align-items:center;justify-content:space-between;gap:12px}.small-button{padding:6px 10px;min-width:80px}.small{font-size:12px;margin-left:6px}.full-width-item{width:100%}.no-contacts-block{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.center-text{text-align:center}.self-pill{background:#e8f7f0;border:1px solid #b2e1c8}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.split-quick{margin:16px 0}.split-buttons{display:flex;flex-wrap:wrap;gap:8px}.split-btn{padding:8px 10px;border:1px solid var(--card-border);background:var(--secondary);border-radius:8px;cursor:pointer;font-size:13px}.split-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.currency-button{width:100%;padding:10px;border:1px solid var(--card-border);border-radius:6px;background-color:#fff;color:var(--text-main);cursor:pointer}.amount-row{display:flex;gap:10px;align-items:flex-end}.amount-field{flex:1}.currency-field{width:140px}.primary-button{padding:10px 14px;background-color:var(--primary);color:#fff!important;border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;flex-direction:column;text-align:center;white-space:normal}.primary-button:hover{background-color:var(--primary-dark)}.secondary-button{padding:10px 14px;background-color:#ded9f0;color:var(--text-main);border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;flex-direction:column;text-align:center;white-space:normal}.secondary-button:hover{background-color:#cbc4e3}.primary-link{color:var(--primary);text-decoration:none;font-weight:600}.primary-link:hover{text-decoration:underline}.user-list{display:flex;flex-direction:column;gap:12px;padding:12px 0 24px;width:100%;box-sizing:border-box;margin:0 auto;align-items:center}.user-list-items{display:flex;flex-direction:column;gap:12px;width:100%;max-width:540px;margin:0 auto;padding:0;align-items:center}.user-pill{display:block;padding:12px 14px;background-color:var(--secondary);border-radius:8px;text-decoration:none;color:var(--text-main);font-size:18px;font-weight:600;border:1px solid var(--card-border);display:flex;flex-direction:column;gap:8px;transition:all .15s ease;width:100%;text-align:left;box-sizing:border-box;align-items:flex-start;max-width:520px;margin:0 auto;cursor:pointer}.user-pill:hover{background-color:#e4dbff;border-color:var(--primary);color:var(--primary);box-shadow:0 6px 14px #7c4dfd1f}.activity-item:hover{background:#efe8ff;border-color:var(--primary);box-shadow:0 6px 14px #7c4dfd1f}.user-pill-name{flex:1}.user-pill-balance{font-weight:700}.draggable-pill{cursor:grab}.draggable-pill:active{cursor:grabbing}.reorder-mode .draggable-pill{touch-action:none}.reorder-mode{touch-action:pan-y}.user-pill-link{flex:1;display:block;text-decoration:none;color:inherit;width:100%;height:100%}.balance-positive{color:var(--success)}.balance-negative{color:var(--danger)}.balance-actions{display:flex;gap:6px;flex-wrap:wrap}.currency-options{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px;flex:1;min-height:0;max-height:60vh}.currency-pill{padding:12px;border:1px solid var(--card-border);border-radius:8px;background:var(--secondary);text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:8px}.currency-options+.form-actions{margin-top:12px}.currency-left{font-weight:600}.currency-right{color:#555;font-size:12px}.search-input{width:100%;max-width:100%;display:block;padding:10px;border:1px solid var(--card-border);border-radius:6px;box-sizing:border-box;margin:8px 0;background:#fff;color:#000;font-size:16px}.user-pill-link{flex:1;display:block;text-decoration:none;color:inherit}.user-pill-column .user-pill-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;box-sizing:border-box;text-align:left}.user-pill-column .secondary-button{align-self:center}.user-balance-lines{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:500;text-align:left;align-items:flex-start;width:100%}.balance-line.positive{color:var(--success)}.balance-line.negative{color:var(--danger)}.settled-users{margin-top:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.modal-card{background:#fff;border-radius:10px;padding:16px;max-width:320px;width:100%;box-shadow:0 10px 30px #00000026;max-height:80vh;display:flex;flex-direction:column}.modal-card button{color:#000}.modal-card h3{text-align:center}.modal-card .danger-button{color:#fff!important}.modal-card .form-actions{justify-content:center}.modal-card .form-actions button{min-width:110px}.page-actions{display:flex;justify-content:center;padding:10px 20px;gap:10px;flex-wrap:nowrap}.page-actions .primary-button,.page-actions .secondary-button,.page-actions .danger-button,.page-actions a.primary-button{white-space:nowrap}.success-message{color:green;margin-bottom:10px}.error-message{color:red;font-weight:700}.split-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.split-input-wrap{display:flex;align-items:center;gap:8px}.split-input-wrap input{flex:1}