.m-app{--m-bg: #faf9f7;--m-surface: #ffffff;--m-surface-2: #f5f2ec;--m-text: #2d2a26;--m-muted: #6f6a62;--m-subtle: #b7b1a7;--m-border: #ede9e3;--m-border-soft: #f5f2ec;--m-primary: #855a2c;--m-primary-soft: #f5ebe0;--m-primary-fg: #ffffff;--m-peach: #fde8d3;--m-peach-fg: #c2602f;--m-sage: #dcebd9;--m-sage-fg: #4d7a48;--m-sky: #d8e7f3;--m-sky-fg: #4a7299;--m-lilac: #e6dff0;--m-lilac-fg: #6a4c93;--m-rose: #fad8d8;--m-rose-fg: #b54545;--m-sand: #f3e6cf;--m-sand-fg: #8a6a2a;--m-success-bg: #dcebd9;--m-success-fg: #2c5e2a;--m-warning-bg: #fdf0c8;--m-warning-fg: #856517;--m-danger-bg: #fad8d8;--m-danger-fg: #9c2f2f;--m-info-bg: #d8e7f3;--m-info-fg: #2f4d77;--m-neutral-bg: #ede9e3;--m-neutral-fg: #57534e;--m-shadow-sm: 0 1px 2px rgba(45,42,38,.04);--m-shadow: 0 1px 2px rgba(45,42,38,.04), 0 4px 12px rgba(45,42,38,.05);--m-shadow-lg: 0 8px 24px rgba(45,42,38,.1);--m-shadow-xl: 0 16px 40px rgba(45,42,38,.14);--m-radius-sm: 8px;--m-radius: 12px;--m-radius-lg: 16px;--m-radius-xl: 20px;--m-bottom-nav-h: 64px;--m-header-h: 56px;--m-safe-bottom: env(safe-area-inset-bottom, 0px);--m-safe-top: env(safe-area-inset-top, 0px);--m-font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}.m-app{min-height:100vh;min-height:100dvh;background:var(--m-bg);color:var(--m-text);font-family:var(--m-font);font-size:14px;letter-spacing:-.005em;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.m-app *{box-sizing:border-box}.m-app *:focus-visible{outline:2px solid var(--m-primary);outline-offset:2px;border-radius:8px}.m-header{position:sticky;top:0;z-index:50;height:calc(var(--m-header-h) + var(--m-safe-top));padding-top:var(--m-safe-top);padding-inline:16px;background:#faf9f7d9;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid var(--m-border);display:flex;align-items:center;gap:10px}.m-header__brand{width:30px;height:30px;border-radius:8px;background:var(--m-primary-soft);color:var(--m-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.m-header__title{flex:1;font-weight:700;font-size:14px;color:var(--m-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-header__btn{width:36px;height:36px;border-radius:10px;border:none;background:var(--m-surface-2);color:var(--m-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .12s}.m-header__btn:active{background:var(--m-border);transform:scale(.97)}.m-header__avatar{width:32px;height:32px;border-radius:50%;background:var(--m-primary);color:var(--m-primary-fg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;cursor:pointer;border:none;flex-shrink:0;transition:transform .12s}.m-header__avatar:active{transform:scale(.95)}.m-header__back{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--m-text);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:-8px;flex-shrink:0}.m-header__back:active{background:var(--m-surface-2)}.m-page{min-height:calc(100dvh - var(--m-bottom-nav-h) - var(--m-header-h) - var(--m-safe-top) - var(--m-safe-bottom));padding:12px 16px calc(24px + var(--m-bottom-nav-h) + var(--m-safe-bottom))}.m-page--no-tabs{padding-bottom:calc(16px + var(--m-safe-bottom))}.m-tabs{position:fixed;left:50%;bottom:calc(12px + var(--m-safe-bottom));transform:translate(-50%);z-index:40;padding:8px;background:var(--m-surface);border-radius:22px;box-shadow:var(--m-shadow-lg);display:flex;gap:4px;transition:transform .25s ease,opacity .2s ease}.m-tabs--hidden{transform:translate(-50%) translateY(120%);opacity:0;pointer-events:none}.m-tab{position:relative;width:56px;height:44px;background:transparent;border:none;border-radius:12px;color:var(--m-muted);font-family:inherit;font-size:9px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background .18s,color .18s}.m-tab--active{background:var(--m-primary-soft);color:var(--m-primary)}.m-tab__label{letter-spacing:.01em}.m-tab__badge{position:absolute;top:4px;right:calc(50% - 18px);min-width:16px;height:16px;padding:0 4px;background:var(--m-primary);color:var(--m-primary-fg);border-radius:8px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.m-card{background:var(--m-surface);border-radius:var(--m-radius-lg);box-shadow:var(--m-shadow);padding:14px;margin-bottom:8px}.m-card--quiet{background:var(--m-surface-2);box-shadow:none}.m-card--soft{background:var(--m-primary-soft);box-shadow:none;color:var(--m-primary)}.m-card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--m-muted);margin-bottom:10px;padding:0 4px}.m-tile{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--m-surface);border-radius:var(--m-radius);box-shadow:var(--m-shadow);cursor:pointer;width:100%;text-align:left;font-family:inherit;color:var(--m-text);border:none;transition:transform .12s}.m-tile:active{transform:scale(.985)}.m-tile__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.m-tile__icon--peach{background:var(--m-peach);color:var(--m-peach-fg)}.m-tile__icon--sage{background:var(--m-sage);color:var(--m-sage-fg)}.m-tile__icon--sky{background:var(--m-sky);color:var(--m-sky-fg)}.m-tile__icon--lilac{background:var(--m-lilac);color:var(--m-lilac-fg)}.m-tile__icon--rose{background:var(--m-rose);color:var(--m-rose-fg)}.m-tile__icon--sand{background:var(--m-sand);color:var(--m-sand-fg)}.m-tile__body{flex:1;min-width:0}.m-tile__label{font-size:13px;font-weight:600;color:var(--m-text);margin-bottom:2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.m-tile__count{font-size:11px;color:var(--m-muted)}.m-tile__chev{color:var(--m-subtle);flex-shrink:0}.m-input,.m-select,.m-textarea{width:100%;height:44px;padding:0 14px;border:1px solid var(--m-border);border-radius:var(--m-radius);background:var(--m-surface);font-size:16px;font-family:inherit;color:var(--m-text);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.m-textarea{height:auto;min-height:80px;padding:12px 14px;resize:vertical;line-height:1.5}.m-input:focus,.m-select:focus,.m-textarea:focus{border-color:var(--m-primary);box-shadow:0 0 0 3px #855a2c1f}.m-input::placeholder,.m-textarea::placeholder{color:var(--m-subtle)}.m-input:disabled,.m-select:disabled,.m-textarea:disabled{opacity:.6}.m-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6a62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.m-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--m-muted);margin-bottom:6px}.m-label__optional{font-weight:500;text-transform:none;letter-spacing:0;color:var(--m-subtle);margin-left:4px}.m-btn{width:100%;height:46px;padding:0 20px;border:none;border-radius:var(--m-radius);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .12s,background .15s;letter-spacing:-.005em}.m-btn:active:not(:disabled){transform:scale(.985)}.m-btn:disabled{opacity:.55;cursor:not-allowed}.m-btn--primary{background:var(--m-primary);color:var(--m-primary-fg);box-shadow:0 2px 8px #855a2c40}.m-btn--primary:active:not(:disabled){background:#6f4a23}.m-btn--ghost{background:var(--m-surface);color:var(--m-text);box-shadow:var(--m-shadow-sm)}.m-btn--soft{background:var(--m-primary-soft);color:var(--m-primary)}.m-btn--danger{background:var(--m-danger-bg);color:var(--m-danger-fg)}.m-btn--sm{height:36px;font-size:12px;padding:0 14px;border-radius:var(--m-radius-sm)}.m-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.4;white-space:nowrap}.m-pill--success{background:var(--m-success-bg);color:var(--m-success-fg)}.m-pill--warning{background:var(--m-warning-bg);color:var(--m-warning-fg)}.m-pill--danger{background:var(--m-danger-bg);color:var(--m-danger-fg)}.m-pill--info{background:var(--m-info-bg);color:var(--m-info-fg)}.m-pill--neutral{background:var(--m-neutral-bg);color:var(--m-neutral-fg)}.m-chip{flex-shrink:0;padding:7px 14px;border-radius:999px;border:1px solid var(--m-border);background:var(--m-surface);color:var(--m-muted);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s}.m-chip:active{transform:scale(.95)}.m-chip--active{background:var(--m-primary);color:var(--m-primary-fg);border-color:var(--m-primary)}.m-chip-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:12px;scrollbar-width:none}.m-chip-row::-webkit-scrollbar{display:none}.m-fab{position:fixed;right:20px;bottom:calc(var(--m-bottom-nav-h) + 28px + var(--m-safe-bottom));width:56px;height:56px;border-radius:18px;background:var(--m-primary);color:var(--m-primary-fg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #855a2c4d,0 2px 6px #855a2c33;z-index:30;transition:transform .15s}.m-fab:active{transform:scale(.94)}.m-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d2a2673;z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:m-fade-in .2s ease-out}.m-sheet{width:100%;max-width:540px;background:var(--m-surface);border-radius:20px 20px 0 0;padding:8px 16px calc(20px + var(--m-safe-bottom));animation:m-slide-up .28s cubic-bezier(.2,.9,.3,1);max-height:80vh;overflow-y:auto;box-shadow:0 -8px 32px #2d2a2633}.m-sheet--full{max-height:95vh;min-height:60vh;display:flex;flex-direction:column}.m-sheet__handle{width:38px;height:4px;background:var(--m-border);border-radius:2px;margin:6px auto 14px}.m-sheet__title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--m-muted);padding:0 4px 8px}.m-sheet__row{display:flex;align-items:center;gap:12px;padding:12px 8px;width:100%;background:none;border:none;font-family:inherit;font-size:14px;color:var(--m-text);cursor:pointer;text-align:left;border-bottom:1px solid var(--m-border-soft)}.m-sheet__row:last-child{border-bottom:none}.m-sheet__row:active{background:var(--m-surface-2)}.m-sheet__row--danger{color:var(--m-danger-fg)}.m-sheet__row__icon{width:28px;flex-shrink:0;display:flex;justify-content:center;color:var(--m-muted)}.m-sheet__row--danger .m-sheet__row__icon{color:var(--m-danger-fg)}.m-sheet__row__label{flex:1;font-weight:500}.m-sheet__row__hint{font-size:11px;color:var(--m-muted);margin-top:2px}.m-empty{text-align:center;padding:56px 24px}.m-empty__icon{width:56px;height:56px;border-radius:50%;background:var(--m-surface-2);color:var(--m-muted);display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px}.m-empty__title{font-size:15px;font-weight:700;color:var(--m-text);margin-bottom:4px}.m-empty__hint{font-size:12px;color:var(--m-muted);line-height:1.55;max-width:280px;margin:0 auto}.m-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:80px 24px;color:var(--m-muted);font-size:13px}.m-spinner{width:30px;height:30px;border:3px solid var(--m-border);border-top-color:var(--m-primary);border-radius:50%;animation:m-spin .85s linear infinite}.m-banner{padding:12px 14px;border-radius:var(--m-radius);font-size:12px;margin-bottom:12px;display:flex;align-items:flex-start;gap:10px}.m-banner--error{background:var(--m-danger-bg);color:var(--m-danger-fg)}.m-banner--info{background:var(--m-info-bg);color:var(--m-info-fg)}.m-banner__title{font-weight:700;margin-bottom:2px}.m-toast{position:fixed;left:16px;right:16px;bottom:calc(var(--m-bottom-nav-h) + 28px + var(--m-safe-bottom));background:var(--m-text);color:#fff;padding:12px 16px;border-radius:var(--m-radius);font-size:13px;font-weight:500;z-index:200;box-shadow:var(--m-shadow-xl);animation:m-slide-up .25s cubic-bezier(.2,.9,.3,1);max-width:540px;margin:0 auto}.m-toast--success{background:var(--m-success-fg)}.m-toast--error{background:var(--m-danger-fg)}.m-skeleton{background:linear-gradient(90deg,var(--m-surface-2),var(--m-border-soft),var(--m-surface-2));background-size:200% 100%;animation:m-skel 1.2s linear infinite;border-radius:6px}@keyframes m-fade-in{0%{opacity:0}to{opacity:1}}@keyframes m-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes m-spin{to{transform:rotate(360deg)}}@keyframes m-skel{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.m-tabs,.m-sheet,.m-toast,.m-fab,.m-tile,.m-btn,.m-chip,.m-skeleton,.m-spinner{animation:none!important;transition:none!important}}