*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #0D7377;--color-primary-light: #E6F4F5;--color-danger: #D93F0B;--color-success: #0E8A16;--color-text: #1A1A2E;--color-muted: #555555;--color-border: #CCCCCC;--color-bg: #FFFFFF;--color-bg-subtle: #F0F2F5;--radius: 8px;--shadow: 0 2px 8px rgba(0,0,0,.08);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.12);--max-width: 640px;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--touch-min: 44px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg-subtle);min-height:100vh}#app{min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-md)}.card{background:var(--color-bg);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl);font-weight:700}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.section-heading{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:.6rem 1.2rem;border-radius:var(--radius);border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:opacity .15s}.btn:hover{opacity:.85}.btn:active{opacity:.7}.btn-primary{background:var(--color-primary);color:#fff}.btn-danger{background:var(--color-danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-ghost{background:transparent;border:none;color:var(--color-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:.35rem;color:var(--color-muted)}.form-group input,.form-group select{width:100%;min-height:var(--touch-min);padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.error-msg{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:.35rem}.success-msg{color:var(--color-success);font-size:var(--font-size-sm);margin-top:.35rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:99px;font-size:var(--font-size-xs);font-weight:600}.badge-draft{background:#e4e669;color:#333}.badge-finalized{background:var(--color-success);color:#fff}.badge-expired{background:var(--color-danger);color:#fff}header.app-header{background:var(--color-primary);color:#fff;padding:var(--spacing-md);text-align:center}header.app-header h1{font-size:var(--font-size-xl);font-weight:700}header.app-header p{font-size:var(--font-size-sm);opacity:.85}.participant-row,.item-row{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-min);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.total-row{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-min);padding:.75rem 0;font-weight:600;border-top:2px solid var(--color-primary)}.split-row{display:flex;align-items:center;gap:var(--spacing-sm);min-height:var(--touch-min);margin-bottom:var(--spacing-sm)}.split-row label{flex:1;margin:0;font-size:var(--font-size-sm)}.split-input{width:90px;min-height:var(--touch-min);padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-sm);text-align:right;color:var(--color-text);background:var(--color-bg)}.split-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.split-unit{font-size:var(--font-size-sm);color:var(--color-muted)}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.loading-spinner:after{content:"";width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-line{height:1rem;margin-bottom:var(--spacing-sm);border-radius:4px;background:var(--color-border);animation:pulse 1.5s ease-in-out infinite}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}.skeleton-line.full{width:100%}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-bg);border-radius:var(--radius);padding:var(--spacing-lg);width:min(90vw,400px);box-shadow:var(--shadow-lg)}.modal h2{margin-bottom:var(--spacing-md)}.share-modal{width:min(92vw,420px)}.share-option-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.share-option-btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);text-align:center;min-height:var(--touch-min);font-size:var(--font-size-sm)}.share-option-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-primary)}.toast{position:fixed;left:50%;bottom:var(--spacing-md);transform:translate(-50%) translateY(8px);background:var(--color-text);color:#fff;border-radius:var(--radius);padding:.55rem .8rem;font-size:var(--font-size-sm);z-index:200;opacity:0;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-hide{opacity:0}@media (min-width: 640px){.share-option-grid{grid-template-columns:repeat(3,1fr)}.toast{left:auto;right:var(--spacing-md);bottom:var(--spacing-md);transform:translateY(8px)}.toast-visible{transform:translateY(0)}}.participant-badge{display:inline-block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs, .25rem)}.status-pill{display:inline-block;padding:.15rem .55rem;border-radius:99px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em;margin-top:var(--spacing-xs, .25rem)}.status-pill--active{background:var(--color-success);color:#fff}.status-pill--finalized{background:var(--color-text-muted);color:#fff}