:root{--gaudi-primary: #2563eb;--gaudi-secondary: #3b82f6;--gaudi-cta: #f97316;--gaudi-bg: #f8fafc;--gaudi-surface: #ffffff;--gaudi-text: #1e293b;--gaudi-muted: #64748b;--gaudi-border: #e2e8f0;--gaudi-danger: #dc2626;--gaudi-success: #16a34a;--gaudi-warning: #d97706;--gaudi-radius: 16px;--gaudi-radius-sm: 10px;--gaudi-touch: 44px;--gaudi-space: 4px;--gaudi-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--gaudi-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--gaudi-bg);color:var(--gaudi-text);font-family:var(--gaudi-font);-webkit-tap-highlight-color:transparent}.gaudi-app{max-width:430px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--gaudi-bg);padding:16px;display:flex;flex-direction:column;gap:16px}.gaudi-app--center{justify-content:center;align-items:center}.gaudi-app h1{font-size:22px;font-weight:700;margin:0}.gaudi-app h2{font-size:18px;font-weight:600;margin:0}.gaudi-app h3{font-size:15px;font-weight:600;margin:0}.gaudi-app p{font-size:14px;line-height:1.5;margin:0}.gaudi-muted{color:var(--gaudi-muted)}.gaudi-hint{font-size:12px;margin:4px 0 0}.gaudi-error{font-size:13px;color:var(--gaudi-danger);margin:4px 0 0}.gaudi-btn{font-family:inherit;font-size:15px;font-weight:600;height:var(--gaudi-touch);padding:0 18px;border:1px solid transparent;border-radius:12px;background:var(--gaudi-surface);color:var(--gaudi-text);cursor:pointer;transition:transform .12s ease,opacity .15s ease,background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.gaudi-btn:active{transform:scale(.97)}.gaudi-btn:disabled{opacity:.4;cursor:not-allowed}.gaudi-btn--primary{background:var(--gaudi-primary);color:#fff}.gaudi-btn--cta{background:var(--gaudi-cta);color:#fff}.gaudi-btn--ghost{background:transparent;color:var(--gaudi-secondary);border-color:var(--gaudi-border)}.gaudi-btn--danger{background:transparent;color:var(--gaudi-danger);border-color:var(--gaudi-danger)}.gaudi-btn--block{width:100%}.gaudi-btn .gaudi-spinner{margin-right:2px}.gaudi-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--gaudi-touch);height:var(--gaudi-touch);padding:0;border:none;border-radius:12px;background:transparent;color:var(--gaudi-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .12s ease}.gaudi-icon-btn:active{transform:scale(.94)}.gaudi-icon-btn:hover{background:#2563eb14;color:var(--gaudi-text)}.gaudi-icon-btn--danger:hover{background:#dc26261a;color:var(--gaudi-danger)}.gaudi-field{display:grid;gap:6px}.gaudi-field label{font-size:13px;font-weight:600;color:var(--gaudi-text)}.gaudi-input{font-family:inherit;font-size:16px;color:var(--gaudi-text);background:var(--gaudi-surface);border:1px solid var(--gaudi-border);border-radius:var(--gaudi-radius-sm);padding:0 14px;width:100%;height:var(--gaudi-touch)}textarea.gaudi-input{padding:12px 14px;resize:vertical;min-height:72px;height:auto;line-height:1.5}.gaudi-input:focus,textarea.gaudi-input:focus{outline:2px solid var(--gaudi-primary);outline-offset:1px;border-color:transparent}.gaudi-card{background:var(--gaudi-surface);border:1px solid var(--gaudi-border);border-radius:var(--gaudi-radius);padding:14px}.gaudi-stack{display:grid;gap:10px}.gaudi-list-item{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid var(--gaudi-border)}.gaudi-list-item:last-child{border-bottom:none}.gaudi-list-item--clickable{cursor:pointer}.gaudi-list-item__main{flex:1;display:grid;gap:2px;min-width:0}.gaudi-list-item__title{font-size:14px;font-weight:600;color:var(--gaudi-text)}.gaudi-list-item__desc{font-size:12px;color:var(--gaudi-muted);line-height:1.4}.gaudi-list-item__meta{display:flex;align-items:center;gap:6px}.gaudi-list-item__actions{display:flex;align-items:center;gap:2px}.gaudi-tabs{display:flex;gap:6px;background:var(--gaudi-surface);border:1px solid var(--gaudi-border);border-radius:12px;padding:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.gaudi-tabs::-webkit-scrollbar{display:none}.gaudi-tab{font-family:inherit;font-size:14px;font-weight:600;height:40px;flex:1 1 0%;min-width:max-content;padding:0 16px;white-space:nowrap;scroll-snap-align:start;border:none;border-radius:8px;background:transparent;color:var(--gaudi-muted);cursor:pointer;transition:background-color .2s ease,color .2s ease}.gaudi-tab--active{background:var(--gaudi-primary);color:#fff}.gaudi-search{position:relative;display:flex;align-items:center}.gaudi-search__icon{position:absolute;left:12px;display:flex;color:var(--gaudi-muted);pointer-events:none}.gaudi-search__input{padding:0 46px 0 40px}.gaudi-search__clear{position:absolute;right:4px}.gaudi-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.gaudi-badge--success{background:#16a34a24;color:var(--gaudi-success)}.gaudi-badge--danger{background:#dc26261f;color:var(--gaudi-danger)}.gaudi-badge--muted{background:#64748b1f;color:var(--gaudi-muted)}.gaudi-badge--accent{background:#2563eb1f;color:var(--gaudi-primary)}.gaudi-toast{padding:12px 14px;border-radius:var(--gaudi-radius-sm);font-size:14px;font-weight:500}.gaudi-toast--ok{background:var(--gaudi-success);color:#fff}.gaudi-toast--error{background:var(--gaudi-danger);color:#fff}.gaudi-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--gaudi-muted);font-size:14px;padding:32px 0}.gaudi-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:gaudi-fade .15s ease}.gaudi-modal{background:var(--gaudi-surface);border-radius:var(--gaudi-radius) var(--gaudi-radius) 0 0;padding:16px;width:100%;max-width:430px;display:grid;gap:14px;animation:gaudi-sheet-up .18s ease}.gaudi-modal__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.gaudi-modal__body{display:grid;gap:8px}.gaudi-modal__footer{display:flex;justify-content:flex-end;gap:8px}@media (min-width: 768px){.gaudi-modal-backdrop{align-items:center}.gaudi-modal{border-radius:var(--gaudi-radius);max-width:420px}}@keyframes gaudi-fade{0%{opacity:0}to{opacity:1}}@keyframes gaudi-sheet-up{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.gaudi-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:gaudi-spin .6s linear infinite;flex-shrink:0}@keyframes gaudi-spin{to{transform:rotate(360deg)}}:focus-visible{outline:2px solid var(--gaudi-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}