:root{--color-bg:#f4f1e8;--color-surface:#fff;--color-ink:#111;--color-ink-soft:#3a3a3a;--color-accent-yellow:#ffe14d;--color-accent-pink:#ff8cc6;--color-accent-blue:#8fb2ff;--color-accent-green:#c5f27a;--color-accent-red:#ff5252;--color-accent-red-soft:#ffb3b3;--font-display:"Black Han Sans", sans-serif;--font-sans:"IBM Plex Sans KR", system-ui, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--border-width:2.5px;--radius-sm:12px;--radius-md:14px;--radius-lg:16px;--radius-pill:999px;--shadow-hard-sm:3px 3px 0 var(--color-ink);--shadow-hard-md:4px 4px 0 var(--color-ink);--shadow-hard-lg:5px 5px 0 var(--color-ink);--shadow-hard-xl:6px 6px 0 var(--color-ink)}*{box-sizing:border-box}body{font:16px/1.5 var(--font-sans);color:var(--color-ink);background:var(--color-bg);margin:0}button,input{font-family:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}#root{background:var(--color-bg);max-width:480px;min-height:100svh;margin:0 auto}.global-loading-bar{top:env(safe-area-inset-top,0px);background:var(--color-bg);z-index:999;pointer-events:none;height:4px;position:fixed;left:0;right:0;overflow:hidden}.global-loading-bar-fill{background:var(--color-ink);width:40%;height:100%;animation:1s ease-in-out infinite global-loading-slide;position:absolute;top:0;left:-40%}@keyframes global-loading-slide{0%{left:-40%}to{left:100%}}.modal-backdrop{z-index:200;background:#11111180;justify-content:center;align-items:center;padding:0 22px;display:flex;position:fixed;inset:0}.modal-panel{box-sizing:border-box;width:100%;max-width:380px;max-height:85svh;padding:var(--space-lg);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-ink);box-shadow:var(--shadow-hard-xl);flex-direction:column;gap:14px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);margin:0;font-size:22px;font-weight:400}.modal-close-btn{border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);width:36px;height:36px;color:var(--color-ink);flex-shrink:0;justify-content:center;align-items:center;transition:filter .12s;display:flex}@media (hover:hover){.modal-close-btn:hover{filter:brightness(.92)}}.modal-body{flex-direction:column;gap:12px;display:flex}.my-rooms-status{text-align:center;color:var(--color-ink-soft);padding:40px 0;font-size:15px;font-weight:700}.my-rooms-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.my-rooms-item{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);width:100%;box-shadow:var(--shadow-hard-sm);text-align:left;color:var(--color-ink);flex-direction:column;gap:6px;padding:14px;transition:transform .12s,box-shadow .12s;display:flex}@media (hover:hover){.my-rooms-item:hover{box-shadow:none;transform:translate(3px,3px)}}.my-rooms-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.my-rooms-item-name{font-family:var(--font-display);font-size:18px}.my-rooms-owner-badge{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-yellow);flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.my-rooms-item-meta{color:var(--color-ink-soft);flex-wrap:wrap;gap:8px;font-size:13px;font-weight:500;display:flex}.home-page{box-sizing:border-box;min-height:100svh;padding:var(--space-lg) 22px var(--space-xl);background:var(--color-bg);color:var(--color-ink);flex-direction:column;gap:20px;display:flex}.home-header{justify-content:space-between;align-items:center;display:flex}.home-logo{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-yellow);box-shadow:var(--shadow-hard-sm);font-family:var(--font-display);padding:6px 12px;font-size:20px}.home-my-rooms-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);height:44px;color:var(--color-ink);padding:0 14px;font-size:14px;font-weight:700;transition:filter .12s}@media (hover:hover){.home-my-rooms-btn:hover{filter:brightness(.92)}}.home-hero{margin-top:28px;padding-top:18px;position:relative}.home-hero h1{font-family:var(--font-display);letter-spacing:-1px;white-space:pre-line;margin:0;font-size:56px;font-weight:400;line-height:1.05}.home-badge-group{flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:-4px;right:0}.home-badge{border:var(--border-width) solid var(--color-ink);font-family:var(--font-display);padding:8px 14px;font-size:16px}.home-badge--pink{border-radius:var(--radius-pill);background:var(--color-accent-pink);margin-right:6px;transform:rotate(8deg)}.home-badge--blue{border-radius:var(--radius-sm);background:var(--color-accent-blue);font-family:var(--font-sans);margin-top:6px;font-size:13px;font-weight:700;transform:rotate(-5deg)}.home-lead{color:var(--color-ink-soft);margin:0;font-size:16px;font-weight:500;line-height:1.6}.home-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home-step{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard-md);align-items:center;gap:12px;padding:12px 14px;font-size:16px;font-weight:700;display:flex}.home-step--green{background:var(--color-accent-green);transform:rotate(-1deg)}.home-step-number{background:var(--color-ink);width:36px;height:36px;font-family:var(--font-display);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.home-step--yellow .home-step-number{color:var(--color-accent-yellow)}.home-step--green .home-step-number{color:var(--color-accent-green)}.home-step--pink .home-step-number{color:var(--color-accent-pink)}.home-cta-group{flex-direction:column;gap:12px;margin-top:auto;display:flex}.home-cta-primary,.home-cta-secondary{border:var(--border-width) solid var(--color-ink);color:var(--color-ink);justify-content:center;align-items:center;text-decoration:none;display:flex}.home-cta-primary{border-radius:var(--radius-lg);background:var(--color-accent-yellow);height:62px;box-shadow:var(--shadow-hard-lg);font-family:var(--font-display);font-size:22px;transition:transform .12s,box-shadow .12s}.home-cta-secondary{border-radius:var(--radius-lg);background:var(--color-surface);height:48px;font-size:15px;font-weight:700;transition:filter .12s}@media (hover:hover){.home-cta-primary:hover{box-shadow:none;transform:translate(5px,5px)}.home-cta-secondary:hover{filter:brightness(.92)}}.home-invite-input{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);height:52px;color:var(--color-ink);background:var(--color-surface);padding:0 14px;font-size:16px}.home-invite-error{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-pink);padding:10px 14px;font-size:13px;font-weight:700}.home-invite-submit-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-yellow);height:52px;box-shadow:var(--shadow-hard-sm);color:var(--color-ink);font-size:15px;font-weight:700;transition:filter .12s}@media (hover:hover){.home-invite-submit-btn:not(:disabled):hover{filter:brightness(.92)}}.confirm-modal-backdrop{z-index:200;background:#11111180;justify-content:center;align-items:center;padding:0 22px;display:flex;position:fixed;inset:0}.confirm-modal-panel{box-sizing:border-box;width:100%;max-width:340px;padding:var(--space-lg);border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-ink);box-shadow:var(--shadow-hard-xl);flex-direction:column;gap:10px;display:flex}.confirm-modal-title{font-family:var(--font-display);font-size:20px}.confirm-modal-message{color:var(--color-ink-soft);margin:0;font-size:15px;font-weight:500;line-height:1.5}.confirm-modal-actions{gap:10px;margin-top:8px;display:flex}.confirm-modal-cancel-btn,.confirm-modal-confirm-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);height:48px;color:var(--color-ink);flex:1;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s}.confirm-modal-cancel-btn{background:var(--color-surface)}.confirm-modal-confirm-btn{background:var(--color-accent-blue);box-shadow:var(--shadow-hard-sm)}.confirm-modal-confirm-btn--danger{background:var(--color-accent-pink)}@media (hover:hover){.confirm-modal-cancel-btn:hover{filter:brightness(.92)}.confirm-modal-confirm-btn:hover{box-shadow:none;transform:translate(3px,3px)}}.date-calendar{flex-direction:column;gap:14px;display:flex}.date-calendar-nav{justify-content:space-between;align-items:center;display:flex}.date-calendar-nav-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);width:36px;height:36px;color:var(--color-ink);justify-content:center;align-items:center;transition:filter .12s;display:flex}@media (hover:hover){.date-calendar-nav-btn:hover{filter:brightness(.92)}}.date-calendar-label{align-items:center;gap:6px;display:flex}.date-calendar-dropdown{position:relative}.date-calendar-label-btn{border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-yellow);color:var(--color-ink);font-family:var(--font-display);box-shadow:var(--shadow-hard-sm);padding:6px 10px;font-size:15px;transition:transform .12s,box-shadow .12s}@media (hover:hover){.date-calendar-label-btn:hover{box-shadow:none;transform:translate(2px,2px)}}.date-calendar-dropdown-panel{z-index:10;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);min-width:90px;max-height:220px;box-shadow:var(--shadow-hard-md);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.date-calendar-dropdown-panel--month{grid-template-columns:repeat(3,1fr);gap:4px;min-width:170px;max-height:none;display:grid}.date-calendar-dropdown-item{border-radius:var(--radius-sm);color:var(--color-ink);text-align:center;white-space:nowrap;background:0 0;border:none;padding:8px 10px;font-size:14px;font-weight:700}@media (hover:hover){.date-calendar-dropdown-item:hover{background:var(--color-accent-green)}}.date-calendar-dropdown-item--active{background:var(--color-accent-yellow)}.date-calendar-weekdays,.date-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.date-calendar-weekday{text-align:center;color:var(--color-ink-soft);font-size:12px;font-weight:700}.date-calendar-cell{aspect-ratio:1;width:100%;color:var(--color-ink);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:transform .12s,background .12s;display:flex}.date-calendar-cell--empty{pointer-events:none}.date-calendar-cell--today{border:2px solid var(--color-ink)}.date-calendar-cell--selected{background:var(--color-accent-yellow);border:2px solid var(--color-ink);box-shadow:var(--shadow-hard-sm)}@media (hover:hover){.date-calendar-cell:not(.date-calendar-cell--empty):hover{background:var(--color-accent-green);transform:scale(1.08)}}.date-calendar-clear-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);height:44px;color:var(--color-ink-soft);font-size:14px;font-weight:700;transition:filter .12s}@media (hover:hover){.date-calendar-clear-btn:hover{filter:brightness(.94)}}.step-indicator{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.step-indicator-item{align-items:center;gap:6px;display:flex}.step-indicator-pill{border:2px solid var(--color-ink-soft);border-radius:var(--radius-pill);background:var(--color-surface);height:34px;color:var(--color-ink-soft);padding:0 14px;font-size:12px;font-weight:700;transition:filter .12s}.step-indicator-pill[data-status=current]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-accent-yellow)}.step-indicator-pill[data-status=done]{border-color:var(--color-ink);background:var(--color-accent-green);color:var(--color-ink)}.step-indicator-pill:not(:disabled){cursor:pointer}@media (hover:hover){.step-indicator-pill:not(:disabled):hover{filter:brightness(.92)}}.step-indicator-arrow{color:var(--color-ink-soft);font-size:13px}.station-autocomplete{position:relative}.station-autocomplete-input{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);width:100%;height:52px;color:var(--color-ink);background:var(--color-surface);padding:0 14px;font-size:17px;font-weight:500}.station-autocomplete-suggestions{z-index:10;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);max-height:220px;box-shadow:var(--shadow-hard-sm);flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.station-autocomplete-suggestions--portal{z-index:300;position:fixed;right:auto}.station-autocomplete-suggestion-btn{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--color-ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:15px;font-weight:500;transition:background .1s;display:flex}@media (hover:hover){.station-autocomplete-suggestion-btn:hover{background:var(--color-accent-yellow)}}.station-autocomplete-suggestion-lines{flex-shrink:0;gap:4px;display:flex}.station-autocomplete-badge{border-radius:var(--radius-pill);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex}.join-page{box-sizing:border-box;min-height:100svh;padding:var(--space-lg) 22px var(--space-xl);background:var(--color-bg);color:var(--color-ink);flex-direction:column;gap:16px;display:flex}.join-header{justify-content:space-between;align-items:center;display:flex}.join-back-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink);justify-content:center;align-items:center;transition:filter .12s;display:flex}@media (hover:hover){.join-back-btn:hover{filter:brightness(.92)}}.join-header-actions{align-items:center;gap:8px;display:flex}.join-refresh-btn,.join-delete-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink);justify-content:center;align-items:center;transition:filter .12s;display:flex}.join-lasttrain-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-red-soft);height:44px;box-shadow:var(--shadow-hard-sm);color:var(--color-ink);padding:0 14px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s}.join-copy-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-blue);height:44px;box-shadow:var(--shadow-hard-sm);color:var(--color-ink);padding:0 14px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s}@media (hover:hover){.join-refresh-btn:not(:disabled):hover,.join-delete-btn:hover{filter:brightness(.92)}.join-copy-btn:hover,.join-lasttrain-btn:hover{box-shadow:none;transform:translate(3px,3px)}}.join-refresh-icon--spinning{animation:.6s linear infinite join-refresh-spin}@keyframes join-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.join-status{text-align:center;margin-top:40px;font-size:16px;font-weight:700}.join-error{color:var(--color-ink);font-size:14px;font-weight:700}.join-title-block{flex-direction:column;gap:8px;display:flex}.join-title-block h1{font-family:var(--font-display);margin:0;font-size:32px;font-weight:400;line-height:1.1}.join-progress-row{align-items:center;gap:8px;display:flex}.join-progress-badge{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-green);padding:4px 10px;font-size:13px;font-weight:700}.join-progress-hint{color:var(--color-ink-soft);font-size:14px;font-weight:500}.join-meeting-date-row{align-items:center;gap:8px;display:flex}.join-meeting-date-text{font-size:14px;font-weight:700}.join-meeting-date-edit-btn{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;transition:filter .12s;display:flex}@media (hover:hover){.join-meeting-date-edit-btn:hover{filter:brightness(.92)}}.join-fairness-row{align-items:center;gap:8px;display:flex}.join-fairness-label{color:var(--color-ink-soft);flex-shrink:0;font-size:13px;font-weight:700}.join-fairness-toggle{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);display:flex;overflow:hidden}.join-fairness-btn{background:var(--color-surface);color:var(--color-ink);border:none;padding:7px 12px;font-size:12px;font-weight:700;transition:filter .12s}.join-fairness-btn+.join-fairness-btn{border-left:var(--border-width) solid var(--color-ink)}.join-fairness-btn[aria-pressed=true]{background:var(--color-ink);color:var(--color-accent-yellow)}@media (hover:hover){.join-fairness-btn:not(:disabled):hover{filter:brightness(.92)}}.join-participant-scroll{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.join-participant-chip{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);min-width:108px;box-shadow:var(--shadow-hard-sm);flex-direction:column;flex:none;gap:4px;padding:10px 14px;display:flex}.join-participant-chip-name{font-family:var(--font-display);white-space:nowrap;font-size:16px}.join-participant-chip-station{white-space:nowrap;font-size:13px;font-weight:700}.join-my-turn-card{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-accent-yellow);box-shadow:var(--shadow-hard-xl);flex-direction:column;gap:12px;padding:18px;display:flex}.join-my-turn-title{font-family:var(--font-display);font-size:22px}.join-field-label{font-size:14px;font-weight:700}.join-station-input{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);width:100%;height:52px;color:var(--color-ink);background:var(--color-surface);padding:0 14px;font-size:17px;font-weight:500}.join-line-badge{border-radius:var(--radius-pill);color:#fff;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex}.join-submit-cta{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-accent-pink);height:62px;box-shadow:var(--shadow-hard-lg);color:var(--color-ink);font-family:var(--font-display);margin-top:auto;font-size:22px;transition:transform .12s,box-shadow .12s}.join-submit-cta:disabled{background:var(--color-surface);color:var(--color-ink-soft);box-shadow:none}@media (hover:hover){.join-submit-cta:not(:disabled):hover{box-shadow:none;transform:translate(5px,5px)}}.join-midpoint-list{flex-direction:column;gap:10px;display:flex}.join-midpoint-card{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard-sm);flex-direction:column;gap:8px;padding:16px;display:flex}.join-midpoint-list>.join-midpoint-card:first-child{background:var(--color-accent-yellow);box-shadow:var(--shadow-hard-md)}.join-midpoint-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.join-midpoint-lines{flex-shrink:0;gap:4px;display:flex}.join-midpoint-rank{font-family:var(--font-display);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-bg);padding:3px 9px;font-size:13px}.join-midpoint-name{font-family:var(--font-display);font-size:20px}.join-midpoint-fairness{color:var(--color-ink-soft);margin-left:auto;font-size:12px;font-weight:700}.join-midpoint-summary{font-size:14px;font-weight:700}.join-midpoint-times{flex-wrap:wrap;gap:6px;display:flex}.join-midpoint-time-chip{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-bg);padding:4px 10px;font-size:12px;font-weight:700}.join-midpoint-time-chip--me{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-accent-yellow)}.join-midpoint-disclaimer{color:var(--color-ink-soft);margin:0;padding:0 2px;font-size:12px;font-weight:500}.join-midpoint-empty{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);padding:18px 16px;font-size:14px;font-weight:700;line-height:1.5}.join-my-turn-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.join-my-station-card{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-accent-yellow);box-shadow:var(--shadow-hard-md);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.join-edit-station-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);height:30px;color:var(--color-ink);padding:0 12px;font-size:13px;font-weight:700;transition:filter .12s}.join-edit-cancel-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);height:48px;color:var(--color-ink);font-size:15px;font-weight:700;transition:filter .12s}@media (hover:hover){.join-edit-station-btn:hover,.join-edit-cancel-btn:hover{filter:brightness(.92)}}.join-vote-start-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-accent-yellow);height:52px;box-shadow:var(--shadow-hard-md);color:var(--color-ink);font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s}.join-vote-start-btn:disabled{background:var(--color-surface);color:var(--color-ink-soft);box-shadow:none}@media (hover:hover){.join-vote-start-btn:not(:disabled):hover{box-shadow:none;transform:translate(3px,3px)}}.join-vote-owner-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.join-vote-cancel-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);height:36px;color:var(--color-ink);flex-shrink:0;padding:0 14px;font-size:13px;font-weight:700;transition:filter .12s}@media (hover:hover){.join-vote-cancel-btn:not(:disabled):hover{filter:brightness(.92)}}.join-vote-card--winner{background:var(--color-accent-yellow);box-shadow:var(--shadow-hard-md)}.join-vote-actions{gap:8px;display:flex}.join-vote-confirm-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-pink);height:44px;color:var(--color-ink);flex:1;font-size:14px;font-weight:700;transition:filter .12s}@media (hover:hover){.join-vote-confirm-btn:hover{filter:brightness(.92)}}.join-vote-check-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);height:44px;color:var(--color-ink);flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;transition:filter .12s,color .12s,border-color .12s;display:flex}.join-vote-check-btn[aria-pressed=true]{color:var(--color-accent-red);border-color:var(--color-accent-red)}@media (hover:hover){.join-vote-check-btn:not(:disabled):hover{filter:brightness(.92)}}.join-confirmed-block{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:24px;display:flex}.join-confirmed-badge{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-green);padding:6px 14px;font-size:14px;font-weight:700}.join-confirmed-station{font-family:var(--font-display);margin:0;font-size:44px;font-weight:400;line-height:1.1}.join-unconfirm-zone{border-top:2px dashed var(--color-ink-soft);flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:8px;padding-top:16px;display:flex}.join-unconfirm-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);height:40px;color:var(--color-ink);padding:0 16px;font-size:13px;font-weight:700;transition:filter .12s}@media (hover:hover){.join-unconfirm-btn:not(:disabled):hover{filter:brightness(.92)}}.join-fixed-station-actions{gap:8px;display:flex}.join-unconfirm-hint{color:var(--color-ink-soft);margin:0;font-size:11px;font-weight:500}.join-confirmed-place-section{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.join-place-main-tab-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);height:40px;color:var(--color-ink);padding:0 16px;font-size:14px;font-weight:700;transition:filter .12s}.join-place-main-tab-btn[aria-pressed=true]{background:var(--color-ink);color:var(--color-accent-yellow)}@media (hover:hover){.join-place-main-tab-btn:not([aria-pressed=true]):hover{filter:brightness(.92)}}.join-place-picker{flex-direction:column;gap:12px;width:100%;display:flex}.join-place-tabs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.join-place-sub-tabs{padding-top:2px}.join-place-manage-tabs{margin-top:4px}.join-place-sub-tab-btn{border:2px solid var(--color-ink-soft);border-radius:var(--radius-pill);background:var(--color-surface);height:32px;color:var(--color-ink-soft);padding:0 12px;font-size:12px;font-weight:700;transition:filter .12s}.join-place-sub-tab-btn[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-accent-green);color:var(--color-ink)}@media (hover:hover){.join-place-sub-tab-btn:not([aria-pressed=true]):hover{filter:brightness(.92)}}.join-place-list{text-align:left;flex-direction:column;gap:10px;display:flex}.join-place-card{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard-sm);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.join-place-name-row{align-items:center;gap:6px;display:flex}.join-place-delete-btn{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-red);height:26px;color:var(--color-ink);flex-shrink:0;margin-left:auto;padding:0 10px;font-size:11px;font-weight:700;transition:filter .12s}@media (hover:hover){.join-place-delete-btn:not(:disabled):hover{filter:brightness(.92)}}.join-place-name{font-size:15px;font-weight:700}.join-place-custom-badge{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-blue);color:var(--color-ink);padding:2px 8px;font-size:10px;font-weight:700}.join-place-meta{color:var(--color-ink-soft);font-size:12px;font-weight:500}.join-place-card-actions{flex-wrap:wrap;gap:8px;display:flex}.join-place-like-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);height:36px;color:var(--color-ink);align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:700;transition:filter .12s,color .12s,border-color .12s;display:flex}.join-place-like-btn[aria-pressed=true]{color:var(--color-accent-red);border-color:var(--color-accent-red)}@media (hover:hover){.join-place-like-btn:not(:disabled):hover{filter:brightness(.92)}}.join-place-kakao-link{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-yellow);height:36px;color:var(--color-ink);align-items:center;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;transition:filter .12s;display:flex}@media (hover:hover){.join-place-kakao-link:hover{filter:brightness(.92)}}.join-place-choose-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-pink);height:36px;color:var(--color-ink);flex:100%;padding:0 12px;font-size:12px;font-weight:700;transition:filter .12s}@media (hover:hover){.join-place-choose-btn:not(:disabled):hover{filter:brightness(.92)}}.join-place-search{border-top:2px dashed var(--color-ink-soft);flex-direction:column;gap:10px;margin-top:8px;padding-top:14px;display:flex}.join-place-search-row{gap:8px;display:flex}.join-place-search-input{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);min-width:0;height:44px;color:var(--color-ink);background:var(--color-surface);flex:1;padding:0 14px;font-size:16px;font-weight:500}.join-place-search-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-blue);height:44px;color:var(--color-ink);white-space:nowrap;flex-shrink:0;padding:0 16px;font-size:13px;font-weight:700;transition:filter .12s}@media (hover:hover){.join-place-search-btn:not(:disabled):hover{filter:brightness(.92)}}.join-place-search-btn:disabled{background:var(--color-surface);color:var(--color-ink-soft)}.join-place-search-results{flex-direction:column;gap:8px;display:flex}.join-place-search-result-card{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;gap:6px;padding:12px 14px;display:flex;position:relative}.join-place-comment{color:var(--color-ink);align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.join-place-comment svg{color:var(--color-ink-soft);flex-shrink:0}.join-place-comment-input{box-sizing:border-box;border:2px solid var(--color-ink);border-radius:var(--radius-sm);height:36px;color:var(--color-ink);background:var(--color-bg);padding:0 10px;font-size:16px;font-weight:500}.join-add-comment-place-name{margin:0;font-size:16px;font-weight:700}.join-add-comment-confirm-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-green);height:48px;color:var(--color-ink);font-size:15px;font-weight:700;transition:filter .12s}@media (hover:hover){.join-add-comment-confirm-btn:not(:disabled):hover{filter:brightness(.92)}}.join-place-search-add-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-green);height:34px;color:var(--color-ink);padding:0 12px;font-size:12px;font-weight:700;transition:filter .12s}@media (hover:hover){.join-place-search-add-btn:not(:disabled):hover{filter:brightness(.92)}}.join-settlement-link-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-green);height:52px;box-shadow:var(--shadow-hard-md);color:var(--color-ink);margin-top:8px;padding:0 28px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s}@media (hover:hover){.join-settlement-link-btn:hover{box-shadow:none;transform:translate(3px,3px)}}.join-confirmed-summary{flex-direction:column;gap:12px;width:100%;display:flex}.join-confirmed-summary-card{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);width:100%;box-shadow:var(--shadow-hard-sm);text-align:left;border-left-width:8px;flex-direction:column;gap:10px;padding:16px;display:flex}.join-confirmed-summary-card--food{border-left-color:var(--color-accent-pink)}.join-confirmed-summary-card--cafe{border-left-color:var(--color-accent-blue)}.join-confirmed-summary-head{flex-direction:column;gap:4px;display:flex}.join-confirmed-summary-head-top{justify-content:space-between;align-items:center;display:flex}.join-confirmed-summary-label{color:var(--color-ink-soft);font-size:12px;font-weight:700}.join-confirmed-summary-badge{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-pink);color:var(--color-ink);box-shadow:var(--shadow-hard-sm);padding:4px 12px;font-size:12px;font-weight:700}.join-confirmed-summary-name{font-family:var(--font-display);font-size:22px;font-weight:400;line-height:1.2}.join-confirmed-summary-actions{flex-wrap:wrap;gap:8px;display:flex}.join-confirmed-summary-link{border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-yellow);height:38px;color:var(--color-ink);justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:700;text-decoration:none;transition:filter .12s;display:flex}.join-confirmed-summary-clear{border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);height:38px;color:var(--color-ink);padding:0 14px;font-size:12px;font-weight:700;transition:filter .12s}@media (hover:hover){.join-confirmed-summary-link:hover,.join-confirmed-summary-clear:not(:disabled):hover{filter:brightness(.92)}}.join-lasttrain-field{flex-direction:column;gap:6px;display:flex}.join-lasttrain-badge{border:2px solid var(--color-ink);border-radius:var(--radius-pill);color:var(--color-ink);align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:700}.join-lasttrain-badge--from{background:var(--color-accent-blue)}.join-lasttrain-badge--to{background:var(--color-accent-green)}.join-lasttrain-static{box-sizing:border-box;border:var(--border-width) solid var(--color-ink-soft);border-radius:var(--radius-sm);height:48px;color:var(--color-ink);background:var(--color-surface);align-items:center;padding:0 14px;font-size:16px;font-weight:700;display:flex}.join-lasttrain-label{color:var(--color-ink-soft);align-self:flex-start;font-size:12px;font-weight:700}.join-lasttrain-daytype{gap:8px;display:flex}.join-lasttrain-daytype-btn{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);height:40px;color:var(--color-ink-soft);box-shadow:var(--shadow-hard-sm);flex:1;font-size:14px;font-weight:700;transition:background .12s,color .12s,transform .12s,box-shadow .12s;transform:translate(0)}.join-lasttrain-daytype-btn--active{background:var(--color-accent-yellow);color:var(--color-ink);box-shadow:none;transform:translate(3px,3px)}@media (hover:hover){.join-lasttrain-daytype-btn:not(.join-lasttrain-daytype-btn--active):hover{filter:brightness(.96)}}.join-lasttrain-calc-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-red-soft);height:44px;color:var(--color-ink);padding:0 18px;font-size:15px;font-weight:700;transition:filter .12s}.join-lasttrain-calc-btn:disabled{background:var(--color-surface);color:var(--color-ink-soft)}@media (hover:hover){.join-lasttrain-calc-btn:not(:disabled):hover{filter:brightness(.92)}}.join-lasttrain-result{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-accent-green);justify-content:center;align-self:center;align-items:baseline;gap:6px;width:50%;min-width:140px;margin:0;padding:6px 10px;display:flex}.join-lasttrain-result-label{color:var(--color-ink-soft);font-size:12px;font-weight:700}.join-lasttrain-result-time{color:var(--color-ink);letter-spacing:.02em;font-size:16px;font-weight:800}.join-lasttrain-result--muted{background:var(--color-surface);border-color:var(--color-ink-soft);width:100%;min-width:0;color:var(--color-ink-soft);font-size:13px;font-weight:600}.join-lasttrain-caption{color:var(--color-ink-soft);text-align:center;margin:0;font-size:12px}.create-room-page{box-sizing:border-box;min-height:100svh;padding:var(--space-lg) 22px var(--space-xl);background:var(--color-bg);color:var(--color-ink);flex-direction:column;gap:20px;display:flex}.create-room-header{align-items:center;display:flex}.create-room-back-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink);justify-content:center;align-items:center;transition:filter .12s;display:flex}@media (hover:hover){.create-room-back-btn:hover{filter:brightness(.92)}}.create-room-title{font-family:var(--font-display);white-space:pre-line;margin:0;font-size:40px;font-weight:400;line-height:1.1}.create-room-form{flex-direction:column;gap:10px;display:flex}.create-room-field-label{font-size:14px;font-weight:700}.create-room-name-input{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);height:52px;color:var(--color-ink);background:var(--color-surface);padding:0 14px;font-size:17px;font-weight:500}.create-room-date-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);height:52px;color:var(--color-ink);align-items:center;gap:10px;padding:0 14px;font-size:15px;font-weight:700;transition:filter .12s;display:flex}@media (hover:hover){.create-room-date-btn:hover{filter:brightness(.92)}}.create-room-mode-stack{flex-direction:column;gap:10px;display:flex}.create-room-fairness-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.create-room-fairness-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);height:52px;color:var(--color-ink);justify-content:center;align-items:center;padding:8px 10px;transition:filter .12s;display:flex}.create-room-fairness-title{font-size:15px;font-weight:700}.create-room-fairness-btn[aria-pressed=true]{background:var(--color-ink)}.create-room-fairness-btn[aria-pressed=true] .create-room-fairness-title{color:var(--color-accent-yellow)}@media (hover:hover){.create-room-fairness-btn:hover{filter:brightness(.92)}}.create-room-category-row{gap:10px;display:flex}.create-room-category-chip{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);height:48px;color:var(--color-ink);flex:1;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.create-room-category-chip-check{border:var(--border-width) solid var(--color-ink);background:var(--color-surface);width:18px;height:18px;color:var(--color-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.create-room-category-chip--food[aria-pressed=true]{background:var(--color-accent-green);box-shadow:var(--shadow-hard-sm)}.create-room-category-chip--cafe[aria-pressed=true]{background:var(--color-accent-pink);box-shadow:var(--shadow-hard-sm)}.create-room-category-chip[aria-pressed=true] .create-room-category-chip-check{background:var(--color-ink);color:var(--color-accent-yellow)}@media (hover:hover){.create-room-category-chip:hover{transform:translate(2px,2px)}}.create-room-error{color:var(--color-ink);font-size:14px;font-weight:700}.create-room-submit-cta{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-accent-yellow);height:62px;box-shadow:var(--shadow-hard-lg);color:var(--color-ink);font-family:var(--font-display);margin-top:auto;font-size:22px;transition:transform .12s,box-shadow .12s}.create-room-submit-cta:disabled{background:var(--color-surface);color:var(--color-ink-soft);box-shadow:none}@media (hover:hover){.create-room-submit-cta:not(:disabled):hover{box-shadow:none;transform:translate(5px,5px)}}.create-room-success-card{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-accent-green);box-shadow:var(--shadow-hard-xl);flex-direction:column;gap:12px;margin-top:40px;padding:20px;display:flex}.create-room-success-title{font-family:var(--font-display);font-size:24px}.create-room-success-name{font-size:16px;font-weight:700}.create-room-link-row{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);padding:12px 14px}.create-room-link-text{word-break:break-all;font-size:14px}.create-room-success-actions{flex-direction:column;gap:10px;display:flex}.create-room-share-btn,.create-room-enter-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);height:52px;box-shadow:var(--shadow-hard-sm);color:var(--color-ink);justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s;display:flex}.create-room-share-btn{background:var(--color-accent-blue)}.create-room-enter-btn{background:var(--color-accent-yellow)}@media (hover:hover){.create-room-share-btn:hover,.create-room-enter-btn:hover{box-shadow:none;transform:translate(3px,3px)}}.bank-select{position:relative}.bank-select-trigger{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);width:100%;height:48px;color:var(--color-ink);background:var(--color-bg);justify-content:space-between;align-items:center;padding:0 14px;font-size:16px;font-weight:500;display:flex}.bank-select-placeholder{color:var(--color-ink-soft)}.bank-select-arrow{color:var(--color-ink-soft);font-size:11px}.bank-select-list{z-index:10;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);max-height:260px;box-shadow:var(--shadow-hard-sm);flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.bank-select-option-btn{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--color-ink);background:0 0;border:none;padding:10px;font-size:15px;font-weight:500;transition:background .1s}@media (hover:hover){.bank-select-option-btn:hover{background:var(--color-accent-blue)}}.settlement-page{box-sizing:border-box;min-height:100svh;padding:var(--space-lg) 22px var(--space-xl);background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);flex-direction:column;align-items:center;gap:16px;display:flex}.settlement-header{align-items:center;width:100%;display:flex}.settlement-back-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink);justify-content:center;align-items:center;transition:filter .12s;display:flex}@media (hover:hover){.settlement-back-btn:hover{filter:brightness(.92)}}.settlement-status{color:var(--color-ink-soft);margin-top:40px;font-size:15px}.settlement-title{font-family:var(--font-display);margin:0;font-size:34px;font-weight:400;line-height:1.1}.settlement-subtitle{color:var(--color-ink-soft);margin:-8px 0 0;font-size:13px}.settlement-progress-hint{color:var(--color-ink-soft);font-size:13px}.settlement-error{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-accent-pink);width:100%;padding:10px 14px;font-size:13px;font-weight:700}.settlement-start-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-green);height:52px;box-shadow:var(--shadow-hard-md);color:var(--color-ink);padding:0 28px;font-size:16px;font-weight:700;transition:filter .12s}@media (hover:hover){.settlement-start-btn:not(:disabled):hover{filter:brightness(.92)}}.settlement-panel{text-align:left;flex-direction:column;gap:16px;width:100%;display:flex}.settlement-payer-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.settlement-payer-badge{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-yellow);padding:4px 14px;font-size:12px;font-weight:700}.settlement-cancel-btn{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);padding:4px 12px;font-size:11px;font-weight:700;transition:filter .12s}@media (hover:hover){.settlement-cancel-btn:not(:disabled):hover{filter:brightness(.92)}}.settlement-items{flex-direction:column;gap:10px;display:flex}.settlement-item-card{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard-sm);border-left-width:8px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.settlement-item-card:nth-child(4n+1){border-left-color:var(--color-accent-yellow)}.settlement-item-card:nth-child(4n+2){border-left-color:var(--color-accent-pink)}.settlement-item-card:nth-child(4n+3){border-left-color:var(--color-accent-blue)}.settlement-item-card:nth-child(4n+4){border-left-color:var(--color-accent-green)}.settlement-item-top{justify-content:space-between;align-items:center;gap:10px;font-weight:700;display:flex}.settlement-item-members{color:var(--color-ink-soft);font-size:12px}.settlement-item-actions{gap:8px;display:flex}.settlement-item-edit-btn,.settlement-item-delete-btn{border:2px solid var(--color-ink);border-radius:var(--radius-sm);align-items:center;gap:4px;height:34px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.settlement-item-edit-btn{background:var(--color-accent-blue);color:var(--color-ink)}.settlement-item-delete-btn{background:var(--color-accent-red);color:#fff}.settlement-add-item-btn{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-yellow);height:44px;box-shadow:var(--shadow-hard-sm);color:var(--color-ink);align-self:center;padding:0 20px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s}@media (hover:hover){.settlement-add-item-btn:hover{box-shadow:none;transform:translate(2px,2px)}}.settlement-account-form{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard-sm);flex-direction:column;gap:10px;padding:16px;display:flex}.settlement-account-form input{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);height:48px;color:var(--color-ink);background:var(--color-bg);padding:0 14px;font-size:16px}.settlement-modal-input{box-sizing:border-box;border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-sm);height:48px;color:var(--color-ink);background:var(--color-surface);padding:0 14px;font-size:16px}.settlement-amount-input{-moz-appearance:textfield}.settlement-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.settlement-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settlement-member-checks{flex-wrap:wrap;gap:12px;display:flex}.settlement-member-check{align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex}.settlement-item-form-actions{gap:8px;display:flex}.settlement-modal-save-btn,.settlement-account-form>button{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-accent-yellow);height:48px;color:var(--color-ink);flex:1;padding:0 18px;font-size:15px;font-weight:700}.settlement-totals{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard-sm);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.settlement-total-row{justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.settlement-pay-zone{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.settlement-my-total{font-size:16px;font-weight:700}.settlement-pay-links{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.settlement-pay-link{border:var(--border-width) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-accent-blue);height:48px;box-shadow:var(--shadow-hard-sm);color:var(--color-ink);justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}@media (hover:hover){.settlement-pay-link:hover{box-shadow:none;transform:translate(2px,2px)}}