:root{--color-bg: #F5F2EB;--color-surface: #FFFFFF;--color-surface-alt: #F8F6F2;--color-surface-high: #FDFBFC;--color-border: rgba(74, 63, 53, .08);--color-border-strong: rgba(74, 63, 53, .15);--color-primary: #D97A63;--color-primary-dark: #BF6550;--color-primary-light: #EBB0A2;--color-primary-soft: rgba(217, 122, 99, .1);--color-primary-glow: rgba(217, 122, 99, .25);--color-surface-warm: #FFFBF3;--color-border-warm: rgba(58, 48, 40, .055);--color-clay: #A24F33;--color-clay-surface: #BF5B33;--color-clay-ink: #FFF8F0;--color-clay-tint: #F6E7DC;--color-ink: #33291F;--color-ink-soft: #8B7E70;--color-ink-faint: #A79A8C;--shadow-warm: 0 14px 28px -22px rgba(94, 58, 40, .34);--shadow-warm-soft: 0 8px 18px -14px rgba(94, 58, 40, .3);--shadow-clay: inset 0 0 0 1px rgba(255, 240, 225, .13), 0 2px 4px rgba(74, 30, 16, .12), 0 26px 44px -22px rgba(74, 30, 16, .5);--color-terra: #C05A3A;--color-terra-soft: rgba(192, 90, 58, .12);--color-terra-gradient: linear-gradient(135deg, #C05A3A 0%, #D4714A 100%);--color-amber: #C9962E;--color-amber-soft: rgba(201, 150, 46, .15);--color-accent-sage: #839E88;--color-accent-sage-soft: rgba(131, 158, 136, .15);--color-accent-mustard: #E3B660;--color-accent-mustard-soft: rgba(227, 182, 96, .15);--color-accent-navy: #5B7B93;--color-accent-navy-soft: rgba(91, 123, 147, .15);--color-accent-rose: #C77E8E;--color-accent-rose-soft: rgba(199, 126, 142, .15);--color-accent-teal: #4E9A94;--color-accent-teal-soft: rgba(78, 154, 148, .15);--color-accent-plum: #9A6FA6;--color-accent-plum-soft: rgba(154, 111, 166, .15);--color-accent-cocoa: #8A6A52;--color-accent-cocoa-soft: rgba(138, 106, 82, .15);--color-accent-berry: #A85274;--color-accent-berry-soft: rgba(168, 82, 116, .15);--color-accent-olive: #7D8A4F;--color-accent-olive-soft: rgba(125, 138, 79, .15);--color-accent-cobalt: #4A6FA5;--color-accent-cobalt-soft: rgba(74, 111, 165, .15);--color-ai: #9B7FD4;--color-ai-soft: rgba(155, 127, 212, .15);--color-text-primary: #4A3F35;--color-text-secondary: #73675E;--color-text-muted: #7D7268;--color-danger: #C86A6A;--color-danger-soft: rgba(200, 106, 106, .12);--color-success: #6A9C78;--color-success-soft: rgba(106, 156, 120, .12);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(74, 63, 53, .04);--shadow-md: 0 8px 24px rgba(74, 63, 53, .06);--shadow-lg: 0 16px 40px rgba(74, 63, 53, .08);--shadow-glow: 0 8px 32px var(--color-primary-glow);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(74, 63, 53, .03);--font-display: "Lora", Georgia, serif;--font-ui: "DM Sans", system-ui, sans-serif;--font-hand: "Caveat", "Segoe Script", cursive;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3.5rem;--ease-spring: cubic-bezier(.34, 1.48, .64, 1);--ease-snap: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--nav-height: 72px;--app-width: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;position:relative}@keyframes slideUp{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:translate(-50%) scale(.85);opacity:0}60%{transform:translate(-50%) scale(1.06)}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes popCat{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes wave{0%{transform:translate(0) scale(1)}33%{transform:translate(10px,-10px) scale(1.1)}66%{transform:translate(-15px,5px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes quipTrazo{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.quip-trazo path{stroke-dasharray:1;stroke-dashoffset:1;animation:quipTrazo .38s var(--ease-snap) .28s forwards}@media(prefers-reduced-motion:reduce){.quip-trazo path{animation:none;stroke-dashoffset:0}}@keyframes scribbleTrazo{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}img,svg{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.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-display{font-family:var(--font-display)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-family:var(--font-ui);font-weight:600;font-size:var(--font-size-sm);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-soft),background var(--duration-fast) var(--ease-soft),opacity var(--duration-fast) ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:#0000;transition:background var(--duration-fast) ease}.btn:hover:before{background:#00000008}.btn:active{transform:scale(.96)}.btn-primary{background:var(--color-primary);color:#fff;font-weight:600;box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 8px 24px #d97a6366}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-soft)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-border);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 4px 16px #c86a6a4d}.btn-sm{padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-md)}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-md);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;appearance:none;-webkit-appearance:none}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.form-input::placeholder{color:var(--color-text-muted);font-weight:400}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%239A8F85' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;background-size:20px;padding-right:var(--space-2xl)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:600;line-height:1.2}.badge-positive{background:var(--color-success-soft);color:var(--color-success);border:1px solid rgba(106,156,120,.2)}.badge-negative{background:var(--color-terra-soft);color:var(--color-terra);border:1px solid rgba(192,90,58,.2)}.badge-neutral{background:var(--color-border);color:var(--color-text-secondary)}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary-dark);border:1px solid rgba(217,122,99,.2)}#root{display:flex;flex-direction:column;min-height:100dvh;position:relative;z-index:1;width:100%;max-width:var(--app-width);margin:0 auto;background:var(--color-bg);overflow-x:hidden}.page-shell{flex:1;display:flex;flex-direction:column;max-width:var(--app-width);width:100%;margin:0 auto;padding-bottom:var(--nav-height);animation:pageReveal var(--duration-normal) var(--ease-soft) both}.page-header{position:sticky;top:0;z-index:10;background:#f5f2ebd9;padding:var(--space-lg);padding-bottom:var(--space-sm);display:flex;align-items:flex-end;justify-content:space-between;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);margin-bottom:var(--space-sm)}.page-content{padding:0 var(--space-lg) var(--space-lg);flex:1;display:flex;flex-direction:column;gap:var(--space-lg)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:var(--app-width);margin:0 auto;z-index:100;height:var(--nav-height);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border);box-shadow:0 -4px 24px #4a3f350a;display:flex;align-items:center;justify-content:space-around;padding:0 var(--space-md);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;padding:var(--space-xs) 0;color:var(--color-text-muted);font-family:var(--font-ui);font-size:10px;font-weight:500;transition:color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-spring);border-radius:var(--radius-sm)}.bottom-nav__item svg{width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-spring);stroke-width:2px}.bottom-nav__item.active{color:var(--color-primary);font-weight:700}.bottom-nav__item.active svg{transform:scale(1.1) translateY(-2px);stroke-width:2.5px}.bottom-nav__item:active{transform:scale(.92)}.bottom-nav__add{width:54px;height:54px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow),var(--shadow-inner);color:#fff;flex:0 0 auto;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) ease;transform:translateY(-8px)}.bottom-nav__add:active{transform:scale(.92) translateY(-8px);box-shadow:0 4px 12px #d97a634d}.bottom-nav__add svg{width:28px;height:28px;stroke-width:2.5px}.expense-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-border);animation:itemReveal var(--duration-normal) var(--ease-soft) both}.expense-item:last-child{border-bottom:none}.expense-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid rgba(0,0,0,.03);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary);box-shadow:inset 0 2px 4px #00000005}.expense-icon svg{width:22px;height:22px;stroke-width:1.5px}.expense-details{flex:1;min-width:0}.expense-concept{font-family:var(--font-ui);font-weight:500;font-size:var(--font-size-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.expense-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.expense-amount{font-family:var(--font-ui);font-weight:600;font-size:var(--font-size-md);flex-shrink:0}.expense-amount.you-owe{color:var(--color-danger)}.expense-amount.you-paid{color:var(--color-success)}.balance-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);color:var(--color-text-primary);box-shadow:var(--shadow-sm),var(--shadow-inner);position:relative;overflow:hidden;text-align:center}.balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,var(--color-primary-soft) 0%,transparent 100%);pointer-events:none}.balance-card__label{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs);position:relative}.balance-card__amount{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:500;line-height:1;margin-bottom:var(--space-sm);color:var(--color-primary-dark);position:relative}.balance-card__sub{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);position:relative}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm),var(--shadow-inner);text-align:center}.stat-card__label{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--space-xs)}.stat-card__value{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:500;color:var(--color-text-primary)}.month-bars{display:flex;align-items:flex-end;gap:8px;height:100px;padding-top:var(--space-md)}.month-bar__wrap{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.month-bar__fill{width:100%;border-radius:var(--radius-sm);background:var(--color-surface-alt);border:1px solid var(--color-border);transition:scale var(--duration-slow) var(--ease-spring);min-height:6px}.month-bar__fill.current{background:var(--color-primary-soft);border-color:var(--color-primary)}.month-bar__label{font-family:var(--font-ui);font-size:10px;color:var(--color-text-muted);font-weight:500}.spinner{width:32px;height:32px;border:3px solid var(--color-border-strong);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-page{flex:1;display:flex;align-items:center;justify-content:center}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);box-shadow:var(--shadow-sm),var(--shadow-inner);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-normal) ease}.project-card:hover{box-shadow:var(--shadow-md),var(--shadow-inner);transform:translateY(-2px)}.project-card:active{transform:scale(.97);box-shadow:var(--shadow-sm)}.project-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs)}.project-card__icon svg{width:24px;height:24px}.project-card__name{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-lg);color:var(--color-text-primary);line-height:1.2}.project-card__balance{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted)}.ai-tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-size:11px;font-weight:500;color:var(--color-accent-sage);background:var(--color-accent-sage-soft);padding:4px 8px;border-radius:var(--radius-full)}.category-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.category-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) ease}.category-chip svg{width:16px;height:16px;stroke:currentColor;stroke-width:2px}.category-chip:active{transform:scale(.95)}.category-chip.selected{background:var(--color-primary-soft);border-color:#d97a634d;color:var(--color-primary-dark)}.amount-big{display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs);padding:var(--space-xl) 0}.amount-big__currency{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:400;color:var(--color-text-muted)}.amount-big__input{font-family:var(--font-display);font-size:48px;font-weight:500;color:var(--color-text-primary);border:none;background:none;width:auto;min-width:100px;max-width:100%;text-align:center;outline:none}.amount-big__input::placeholder{color:var(--color-border-strong)}.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn var(--duration-fast) ease}.modal-overlay:before{content:"";position:absolute;inset:0;background:#4a3f3566;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-sheet{position:relative;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:var(--app-width);padding:var(--space-xl);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom));animation:sheetUp var(--duration-normal) var(--ease-spring);max-height:90dvh;overflow-y:auto;box-shadow:0 -12px 48px #4a3f3526}.modal-handle{width:40px;height:5px;background:var(--color-border-strong);border-radius:var(--radius-full);margin:0 auto var(--space-lg)}.settle-stripe{display:flex;align-items:center;justify-content:space-between;background:var(--color-success-soft);border:1.5px dashed rgba(106,156,120,.3);border-radius:var(--radius-xl);padding:var(--space-md);gap:var(--space-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl) 0;color:var(--color-text-muted);text-align:center}.empty-state__icon{width:80px;height:80px;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm),var(--shadow-inner);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.empty-state__icon svg{width:40px;height:40px;stroke-width:1.5px}.empty-state__title{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-xl);color:var(--color-text-primary)}.login-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-bg);position:relative;overflow:hidden}.login-logo{width:96px;height:96px;background:var(--color-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);color:#fff;box-shadow:var(--shadow-glow),var(--shadow-inner);animation:scaleIn .8s var(--ease-spring) both}.login-logo svg{width:48px;height:48px;stroke-width:2px}.login-title{font-family:var(--font-display);font-size:var(--font-size-4xl);font-weight:500;color:var(--color-text-primary);animation:revealUp .6s var(--ease-soft) .1s both}.login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);margin-top:var(--space-xs);animation:revealUp .6s var(--ease-soft) .2s both}.login-card{width:100%;max-width:360px;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);animation:revealUp .6s var(--ease-soft) .3s both;margin-top:var(--space-xl)}.page-header__eyebrow{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.page-header__title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);line-height:1.1}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-md)}.section-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes itemReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{0%{stroke-dashoffset:var(--dash, 1000)}to{stroke-dashoffset:0}}@keyframes fadeArea{0%{opacity:0}to{opacity:1}}@keyframes popDot{0%{transform:scale(0);opacity:0}70%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}@keyframes growBarY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes drawRef{0%{opacity:0;transform:translate(-6px)}to{opacity:var(--ref-opacity, .6);transform:translate(0)}}.chart-line{stroke-dasharray:var(--dash, 1000);animation:drawLine var(--duration-slow) var(--ease-snap) both}.chart-area{animation:fadeArea var(--duration-slow) var(--ease-soft) .12s both}.chart-dot{transform-box:fill-box;transform-origin:center;animation:popDot var(--duration-normal) var(--ease-spring) both}.chart-ref{transform-box:fill-box;animation:drawRef var(--duration-normal) var(--ease-soft) .2s both}@media(prefers-reduced-motion:reduce){.chart-line,.chart-area,.chart-dot,.chart-ref{animation:none;stroke-dashoffset:0;opacity:1}}.anim-stagger>*:nth-child(1){animation-delay:0s}.anim-stagger>*:nth-child(2){animation-delay:.05s}.anim-stagger>*:nth-child(3){animation-delay:.1s}.anim-stagger>*:nth-child(4){animation-delay:.15s}.anim-stagger>*:nth-child(5){animation-delay:.2s}.anim-stagger>*:nth-child(6){animation-delay:.25s}.anim-stagger>*:nth-child(7){animation-delay:.3s}.anim-stagger>*:nth-child(8){animation-delay:.35s}@keyframes routeIn{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}.route-anim{flex:1;display:flex;flex-direction:column;animation:routeIn .38s var(--ease-snap) backwards}.stagger-in>*{animation:itemReveal .42s var(--ease-snap) both}.stagger-in>*:nth-child(1){animation-delay:40ms}.stagger-in>*:nth-child(2){animation-delay:90ms}.stagger-in>*:nth-child(3){animation-delay:.14s}.stagger-in>*:nth-child(4){animation-delay:.19s}.stagger-in>*:nth-child(5){animation-delay:.24s}.stagger-in>*:nth-child(6){animation-delay:.29s}.stagger-in>*:nth-child(7){animation-delay:.34s}.stagger-in>*:nth-child(8){animation-delay:.39s}.stagger-in>*:nth-child(9){animation-delay:.44s}.stagger-in>*:nth-child(10){animation-delay:.49s}.stagger-in>*:nth-child(n+11){animation-delay:.54s}.pressable{transition:scale .25s var(--ease-spring),translate .25s var(--ease-spring),box-shadow .25s ease,background .15s ease;will-change:scale}@media(hover:hover){.pressable:hover{translate:0 -2px}}.pressable:active{scale:.96;translate:0 0}button:active{scale:.965}button{transition:scale .22s var(--ease-spring)}@keyframes heroIn{0%{opacity:0;scale:.96;translate:0 12px}60%{scale:1.008;translate:0 -2px}to{opacity:1;scale:1;translate:0 0}}.hero-pop{animation:heroIn .46s var(--ease-snap) 90ms both}@keyframes tapeSettle{0%{opacity:0;scale:.7;translate:0 -9px}55%{opacity:1;scale:1.06}to{opacity:1;scale:1;translate:0 0}}.hero-pop .paper-tape{animation:tapeSettle .24s var(--ease-snap) both}@keyframes navPop{0%{scale:1;rotate:0deg}35%{scale:1.28;rotate:-6deg}65%{scale:.94;rotate:3deg}to{scale:1;rotate:0deg}}.nav-icon{display:flex;transition:scale .2s var(--ease-spring)}.nav-icon--active{animation:navPop .45s var(--ease-snap) both}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.explorer-scroller{mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 28px),transparent 100%)}@media(prefers-reduced-motion:reduce){.route-anim,.stagger-in>*,.hero-pop,.hero-pop .paper-tape,.nav-icon--active{animation:none}.pressable,button,.nav-icon{transition:none}}:root{--paper-cream: #FFFBF3;--paper-cream-deep: #F6F1E4;--paper-tape: rgba(224, 200, 158, .78);--paper-tape-edge: rgba(190, 163, 121, .5);--paper-edge-cream: rgba(58, 48, 40, .1);--paper-shadow-lift: 0 10px 20px -14px rgba(94, 58, 40, .42)}.paper-card{position:relative;isolation:isolate}.paper-card__sheet{position:absolute;inset:0;z-index:0}.paper-card__body{position:relative;z-index:1}.paper-card__sheet--torn{filter:url(#paper-torn)}.paper-card--cream .paper-card__sheet{background:var(--color-surface-warm);box-shadow:var(--shadow-warm),inset 0 0 0 1.2px var(--paper-edge-cream)}.paper-card--white .paper-card__sheet{background:var(--color-surface);box-shadow:var(--paper-shadow-lift),inset 0 0 0 1.2px var(--paper-edge-cream)}.paper-card--clay .paper-card__sheet{background-color:var(--color-clay-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)' opacity='0.42'/%3E%3C/svg%3E");background-blend-mode:overlay;box-shadow:var(--shadow-clay)}@media(prefers-reduced-transparency:reduce){.paper-card--clay .paper-card__sheet{background-image:none}}.paper-card--clay{color:var(--color-clay-ink)}@supports not (filter: url(#paper-torn)){.paper-card__sheet--torn{filter:none}}.paper-tape{display:block;position:absolute;background:var(--paper-tape);border-left:1px solid var(--paper-tape-edge);border-right:1px solid var(--paper-tape-edge);filter:url(#paper-torn-fine);pointer-events:none}.paper-tape--clay{background:#f3e7cfd1;border-color:#fff6e447}.paper-polaroid{position:relative;display:inline-block;flex-shrink:0;padding:7px 7px 20px;background:var(--paper-cream);border-radius:3px;box-shadow:var(--paper-shadow-lift),inset 0 0 0 1px #78604612}.paper-polaroid__tape{top:-9px;left:50%;margin-left:-26px}.paper-art{display:block;object-fit:cover;border-radius:2px}.paper-sprig{display:block;fill:none;pointer-events:none}.bottom-nav__sheet{position:absolute;inset:0 0 -20px;background:var(--color-surface-warm);box-shadow:0 -10px 30px -20px #5e3a2880;filter:url(#paper-torn-fine);pointer-events:none}@supports not (filter: url(#paper-torn-fine)){.bottom-nav__sheet{filter:none;border-top:1px solid var(--color-border-warm)}}.modal-paper{background:var(--color-surface-warm);border-radius:30px 30px 0 0;box-shadow:0 -12px 34px -20px #5e3a2880;filter:url(#paper-torn);pointer-events:none}@supports not (filter: url(#paper-torn)){.modal-paper{filter:none}}.importe-clay::placeholder{color:#fff3e66b;opacity:1}.importe-clay::-webkit-outer-spin-button,.importe-clay::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.importe-clay{-moz-appearance:textfield;appearance:textfield}.data-sheet{display:block;width:100%}.data-sheet__body{padding:var(--space-md)}.stats-lead{display:block;width:100%;padding:var(--space-xs) var(--space-2xs) var(--space-sm);text-align:left;background:none;border:none;cursor:pointer}.stats-lead__label{margin:0 0 var(--space-2xs);font-size:13px;font-weight:600;color:var(--color-ink-soft)}.stats-lead__figure{display:inline-block}.stats-lead__amount{margin:0;font-family:var(--font-display);font-size:44px;font-weight:500;line-height:1;letter-spacing:-1.5px;color:var(--color-ink);font-variant-numeric:tabular-nums}.stats-lead__note{margin:var(--space-sm) 0 0;font-size:13px;line-height:1.4;color:var(--color-ink-soft)}.stats-lead__delta{font-weight:700}.stats-lead__delta--up{color:var(--color-terra)}.stats-lead__delta--down{color:var(--color-success)}.stats-metrics{display:flex;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stats-metric{flex:1;min-width:0;min-height:56px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:var(--space-sm) var(--space-xs);background:none;border:none;border-left:1px solid var(--color-border);text-align:left;cursor:pointer}.stats-metric:first-child{border-left:none;padding-left:var(--space-2xs)}.stats-metrics:has(>:only-child){justify-content:flex-start}.stats-metrics:has(>:only-child) .stats-metric{flex:0 0 auto;min-width:160px}.stats-metric__label{font-size:11.5px;font-weight:600;color:var(--color-ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-metric__value{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums}.stats-fold{background:var(--color-surface-warm);border:1px solid var(--color-border-warm);border-radius:20px;overflow:hidden}.stats-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-height:48px;padding:var(--space-sm) var(--space-md);font-size:13px;font-weight:600;color:var(--color-ink-soft);cursor:pointer;list-style:none}.stats-fold>summary::-webkit-details-marker{display:none}.stats-fold[open]>summary{color:var(--color-ink)}.stats-fold__chevron{display:inline-flex;color:var(--color-ink-faint);rotate:90deg;transition:rotate var(--duration-fast) var(--ease-soft)}.stats-fold[open] .stats-fold__chevron{rotate:270deg}.stats-fold__body{padding:0 var(--space-md) var(--space-md)}@media(prefers-reduced-motion:reduce){.stats-fold__chevron{transition:none}}:root{--nb-paper: #FBF8F1;--nb-tooth: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.36  0 0 0 0 0.27  0 0 0 -0.55 0.33'/%3E%3C/filter%3E%3Crect width='320' height='320' filter='url(%23t)'/%3E%3C/svg%3E");--nb-cloud: url(/assets/cloud-BE9iGN23.webp);--nb-rule: rgba(92, 126, 160, .3);--nb-margin: rgba(206, 98, 90, .5);--nb-desk: #E7DFD0;--ink-pen: #283F6B;--ink-pen-soft: rgba(40, 63, 107, .7);--nb-ledger: #FFFDF8}.paper-pending{opacity:0}body{background:var(--nb-desk)}#root{background-color:var(--nb-paper);background-image:var(--nb-tooth),var(--nb-cloud);background-size:320px 320px,640px 640px;background-blend-mode:multiply,multiply;box-shadow:0 0 0 1px #5e3a280f,0 30px 60px -30px #5e3a2873;overflow-x:clip}::selection{background:#283f6b29;color:inherit}.nb-spiral{display:block;pointer-events:none}.nb-title{margin:0;font-family:var(--font-hand);font-weight:600;font-size:29px;line-height:1;color:var(--ink-pen)}.nb-title--sheet{font-size:25px}.nb-date{margin:0;font-family:var(--font-hand);font-size:21px;font-weight:500;line-height:1;color:var(--ink-pen-soft)}@property --ink{syntax: "<percentage>"; inherits: false; initial-value: 130%;}@keyframes inkWrite{0%{--ink: 0%}to{--ink: 130%}}.ink__word,.ink__line{display:inline-block;padding:.22em .14em .28em;margin:-.22em -.14em -.28em;-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--ink) - 30%),transparent var(--ink));mask-image:linear-gradient(90deg,#000 calc(var(--ink) - 30%),transparent var(--ink));animation:inkWrite var(--ink-dur, .5s) cubic-bezier(.3,.05,.6,1) var(--ink-delay, 0ms) both}.ink--waiting .ink__word,.ink--waiting.ink__line{animation-play-state:paused}.ink-scribble path{stroke-dasharray:1;animation:scribbleTrazo .34s var(--ease-snap) var(--scribble-delay, 0ms) both}@media(prefers-reduced-motion:reduce){.ink__word,.ink__line,.ink-scribble path{animation:none;-webkit-mask-image:none;mask-image:none;stroke-dashoffset:0}}:root{--stamp-grit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -6 4.75'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23g)'/%3E%3C/svg%3E")}.stamp{position:relative;flex-shrink:0;width:var(--stamp-size, 32px);height:var(--stamp-size, 32px);display:grid;place-items:center;border-radius:50%;border:2px solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent);mix-blend-mode:multiply;-webkit-mask-image:var(--stamp-grit);mask-image:var(--stamp-grit);-webkit-mask-size:96px 96px;mask-size:96px 96px;transition:opacity var(--duration-fast) var(--ease-soft)}.stamp:before{content:"";position:absolute;inset:2.5px;border-radius:50%;border:.8px solid currentColor;opacity:.55}.stamp--faded{border-color:transparent;background:none;opacity:.5}.stamp--faded:before{opacity:0}@keyframes stampPress{0%{scale:1.45;opacity:0}45%{scale:.9;opacity:1}70%{scale:1.04}to{scale:1;opacity:1}}.stamp--press{animation:stampPress .32s var(--ease-snap) both}@media(prefers-reduced-motion:reduce){.stamp--press{animation:none}}.paper-card--ledger .paper-card__sheet{background-color:var(--nb-ledger);background-image:linear-gradient(90deg,transparent 55px,var(--nb-margin) 55px 56px,transparent 56px);box-shadow:var(--paper-shadow-lift),inset 0 0 0 1.2px var(--paper-edge-cream)}.ledger{display:block;width:100%}.ledger__rows{padding:10px 0 6px}.ledger-row{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 14px 10px 10px;border-bottom:1px solid var(--nb-rule);transition:background-color var(--duration-fast) var(--ease-soft)}.ledger-row:last-child{border-bottom:none}.ledger-row--editable{cursor:pointer}.ledger-row--editable:focus-visible{outline:2px solid var(--ink-pen);outline-offset:-2px}@media(hover:hover){.ledger-row--editable:hover{background-color:#f6e7dc8c}}.ledger-row--editable:active{background-color:#f6e7dcd9}.ledger-row__mark{flex:0 0 36px;display:flex}.ledger-row__text{flex:1;min-width:0;padding-left:8px}.ledger-row__concept{margin:0 0 3px;font-size:14px;font-weight:600;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-row__meta{margin:0;display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden}.ledger-row__tipo{font-weight:700}.ledger-row__tipo--compartido{color:#8e6818}.ledger-row__tipo--bote{color:#56745c}.ledger-row__tipo--personal{color:var(--color-text-muted)}.ledger-row__figures{flex-shrink:0;text-align:right}.ledger-row__amount{margin:0;font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums}.ledger-row__amount--in{color:#8e6818}.ledger-row__amount--out{color:var(--color-terra)}.ledger-row__total{margin:1px 0 0;font-size:11px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ledger-row__delete{flex-shrink:0;width:40px;height:40px;margin-right:-6px;display:grid;place-items:center;border-radius:50%;color:var(--color-ink-faint);cursor:pointer;transition:color var(--duration-fast) var(--ease-soft),background-color var(--duration-fast) var(--ease-soft)}@media(hover:hover){.ledger-row__delete:hover{color:var(--color-danger);background:var(--color-danger-soft)}}.nb-entry{display:block;width:100%;padding:6px 0;text-align:left;cursor:pointer}.nb-entry__line{display:flex;align-items:baseline;gap:8px}.nb-entry__label{font-size:15px;font-weight:600;color:var(--color-ink);white-space:nowrap}.nb-entry__leader{flex:1;min-width:16px;border-bottom:2px dotted rgba(51,41,31,.3);translate:0 -4px}.nb-entry__amount{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--color-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.nb-entry__sub{margin:3px 0 0;display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-clay)}.nb-rincones{display:flex;gap:16px;overflow-x:auto;padding:20px 30px 18px 26px;margin:-12px -22px 0}.nb-snap{position:relative;flex:0 0 142px;padding:7px 7px 0;background:var(--paper-cream);border-radius:3px;box-shadow:var(--paper-shadow-lift),inset 0 0 0 1px #78604614;text-align:left;cursor:pointer}.nb-snap__caption{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:7px 3px 9px}.nb-snap__name{min-width:0;font-family:var(--font-hand);font-size:22px;font-weight:600;line-height:1.05;color:var(--ink-pen);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-snap__count{flex-shrink:0;font-size:11px;font-weight:600;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.nb-pen-btn{width:38px;height:38px;display:grid;place-items:center;border:1.5px solid var(--ink-pen-soft);border-radius:46% 54% 50% 48%/52% 46% 54% 48%;color:var(--ink-pen);background:transparent;cursor:pointer}.nb-link{font-size:13px;font-weight:600;color:var(--color-clay);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#a24f3366;cursor:pointer;padding:8px 0}.nb-circle{position:relative;background:none;border:none;cursor:pointer;color:var(--color-ink-soft)}.nb-circle--word{padding:8px 12px;font-size:14px;font-weight:600;white-space:nowrap}.nb-circle--on{color:var(--ink-pen)}.nb-circle:after{content:"";position:absolute;inset:2px -1px 1px;pointer-events:none;background:var(--circle-color, var(--ink-pen));-webkit-mask:no-repeat center / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M62 4.5C38 2 9 6.5 5.5 19.5 2.8 30 27 37 54 36c24-1 41-6.5 40.5-17C94 7.5 70 3 43 5.2' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");mask:no-repeat center / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 40' preserveAspectRatio='none'%3E%3Cpath d='M62 4.5C38 2 9 6.5 5.5 19.5 2.8 30 27 37 54 36c24-1 41-6.5 40.5-17C94 7.5 70 3 43 5.2' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");clip-path:inset(0 100% 0 0);opacity:0}.nb-circle--on:after{opacity:.85;animation:penCircle .36s cubic-bezier(.3,.05,.6,1) both}@keyframes penCircle{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.nb-circle--on:after{animation:none;clip-path:none}}.nb-stickybar{position:sticky;top:0;z-index:10;padding:10px 20px 12px 16px;background-color:var(--nb-paper);background-image:var(--nb-tooth),var(--nb-cloud);background-size:320px 320px,640px 640px;background-blend-mode:multiply,multiply;border-bottom:1px solid var(--nb-rule);box-shadow:0 3px 0 -2px var(--nb-rule),0 12px 16px -14px #5e3a2866}.stats-lead__label.nb-title{margin:0 0 8px;font-size:31px;font-weight:600;color:var(--ink-pen)}.stats-lead__amount{font-size:50px;font-weight:500}.stats-metrics{border-top:1px solid var(--nb-rule);border-bottom:1px solid var(--nb-rule)}.stats-metric{border-left:1px dashed var(--nb-rule)}.stats-fold{background:var(--nb-ledger);border:1.5px dashed var(--nb-rule);border-radius:6px}.nb-sep{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;padding:6px 16px 4px;background:none;border:none;cursor:pointer;color:var(--color-ink-soft);isolation:isolate}.nb-sep__tab{position:absolute;inset:4px 0 -6px;z-index:-1;border-radius:12px 12px 0 0;background:var(--paper-cream-deep);box-shadow:inset 0 0 0 1px #3a302812;filter:url(#paper-torn-fine);translate:0 4px;transition:translate var(--duration-normal) var(--ease-spring),background-color var(--duration-fast) var(--ease-soft)}.nb-sep--on{color:var(--ink-pen)}.nb-sep--on .nb-sep__tab{background:var(--color-clay-tint);box-shadow:inset 0 0 0 1px #a24f3329,0 -4px 10px -8px #5e3a2873;translate:0 -4px}.nb-sep__label{font-family:var(--font-hand);font-size:21px;font-weight:600;line-height:1}@media(prefers-reduced-motion:reduce){.nb-sep__tab{transition:none}}.nb-nav{position:relative;display:flex;align-items:center;justify-content:space-evenly;padding:10px 16px 26px}.nb-navtab{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:84px;min-height:52px;padding:6px 14px 9px;background:none;border:none;cursor:pointer;color:var(--color-ink-faint);transition:color var(--duration-fast) var(--ease-soft)}.nb-navtab--on{color:var(--ink-pen)}.nb-navtab:after{content:"";position:absolute;left:22%;right:22%;bottom:2px;height:6px;pointer-events:none;background:currentColor;-webkit-mask:no-repeat center / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M2 3.4C22 2.2 48 2 70 3.2c10 .5 19 1.4 27 2.6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");mask:no-repeat center / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M2 3.4C22 2.2 48 2 70 3.2c10 .5 19 1.4 27 2.6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");clip-path:inset(0 100% 0 0);opacity:0}.nb-navtab--on:after{opacity:.9;animation:penCircle .28s cubic-bezier(.3,.05,.6,1) both}@media(prefers-reduced-motion:reduce){.nb-navtab--on:after{animation:none;clip-path:none}}.nb-navtab__label{font-family:var(--font-hand);font-size:19px;font-weight:600;line-height:1}.nb-add{width:58px;height:58px;margin-top:-22px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:2px solid var(--color-surface-warm);background-color:var(--color-clay-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)' opacity='0.42'/%3E%3C/svg%3E");background-blend-mode:overlay;box-shadow:0 2px 4px #4a1e1024,0 14px 26px -12px #4a1e108c;cursor:pointer}.nb-label{margin:0 0 4px;font-family:var(--font-hand);font-size:21px;font-weight:600;line-height:1.1;color:var(--ink-pen-soft)}.nb-field{width:100%;box-sizing:border-box;padding:8px 2px 9px;background:transparent;border:none;border-bottom:1.5px solid var(--nb-rule);border-radius:0;color:var(--color-ink);font-family:inherit;font-size:16.5px;outline:none;transition:border-color var(--duration-fast) var(--ease-soft);-webkit-appearance:none;appearance:none}.nb-field::placeholder{color:var(--color-text-muted);opacity:1}.nb-field:focus{border-bottom-color:var(--ink-pen)}.nb-field--ai{border-bottom-color:var(--color-ai)}.nb-choice{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 8px 16px;text-align:center}.nb-choice.nb-circle:after{inset:-3px -4px -2px}.nb-choice__title{font-size:13px;font-weight:700;color:var(--color-ink)}.nb-circle--on .nb-choice__title{color:var(--ink-pen)}.nb-choice__sub{font-size:11px;font-weight:500;line-height:1.25;color:var(--color-text-muted)}.nb-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px 4px}.nb-stamp-pick{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:64px;padding:4px 0;background:none;border:none;cursor:pointer}.nb-stamp-pick__label{font-size:11px;font-weight:600;line-height:1.15;text-align:center;color:var(--color-text-muted)}.nb-stamp-pick--on .nb-stamp-pick__label{color:var(--color-ink);font-weight:700}.nb-clay-btn{width:100%;padding:17px;border:none;border-radius:10px;background-color:var(--color-clay-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23f)' opacity='0.42'/%3E%3C/svg%3E");background-blend-mode:overlay;box-shadow:var(--shadow-clay);color:var(--color-clay-ink);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-soft)}.nb-clay-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.nb-note{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px dashed var(--nb-rule);border-radius:8px}.ink-hatch{background:repeating-linear-gradient(-58deg,color-mix(in srgb,var(--hatch) 72%,transparent) 0 1.1px,transparent 1.1px 4.2px),color-mix(in srgb,var(--hatch) 12%,transparent);box-shadow:inset 0 0 0 1.3px var(--hatch);border-radius:3px 3px 1px 1px;filter:url(#pen-wobble)}.ink-hatch--dense{background:repeating-linear-gradient(-58deg,color-mix(in srgb,var(--hatch) 80%,transparent) 0 1.2px,transparent 1.2px 2.8px),color-mix(in srgb,var(--hatch) 20%,transparent)}.ink-hatch--solid{background:repeating-linear-gradient(-58deg,color-mix(in srgb,var(--hatch) 70%,#2a150c) 0 1px,transparent 1px 3.6px),var(--hatch)}@keyframes inkBarUp{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes inkBarRight{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.ink-bar-up{animation:inkBarUp .52s var(--ease-snap) both}.ink-bar-right{animation:inkBarRight .52s var(--ease-snap) both}.ink-wobble{filter:url(#pen-wobble)}.ink-wash{background:var(--wash);box-shadow:inset 0 0 1.5px .6px color-mix(in srgb,var(--wash) 80%,#5a2412);opacity:.92}@media(prefers-reduced-motion:reduce){.ink-bar-up,.ink-bar-right{animation:none}}@supports not (filter: url(#pen-wobble)){.ink-hatch,.ink-wobble{filter:none}}