:root{--navy: #002D5D;--navy-dark: #001E3E;--navy-light: #003D7A;--sky: #52C9E8;--sky-light: #E0F5FB;--sky-dark: #3AB0D0;--bg: #F2F8FB;--card-bg: #FFFFFF;--border: #D0E4EE;--text-primary: #0D1F30;--text-secondary: #4D6A80;--text-muted: #8EAABB;--text-inverse: #FFFFFF;--accent: var(--navy);--accent-light: #D6EEF7;--success: #4CAF6A;--success-light: #E4F2E7;--danger: #D9534F;--shadow-sm: 0 1px 4px rgba(0, 45, 93, .05);--shadow: 0 2px 12px rgba(0, 45, 93, .06);--shadow-lg: 0 8px 32px rgba(0, 45, 93, .1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-heading: "DM Serif Display", serif;--font-body: "Inter", -apple-system, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 17px;--text-xl: 22px;--text-2xl: 28px;--radius: 16px;--radius-sm: 10px;--radius-xs: 8px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--z-screen: 1;--z-sticky: 50;--z-nav: 100;--z-modal-overlay: 200;--z-modal: 300}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tile-color-1{background:#d6eef7}.tile-color-2{background:#c2e4f0}.tile-color-3{background:#cce8ee}.tile-color-4{background:#bddae8}.tile-color-5{background:#d0ecf5}.tile-color-6{background:#c6e0ed}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.header.svelte-vapykl{padding:56px var(--space-lg) var(--space-md);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--bg);z-index:var(--z-sticky)}.logo.svelte-vapykl{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);text-decoration:none}.logo.svelte-vapykl span:where(.svelte-vapykl){color:var(--navy)}.avatar.svelte-vapykl{width:40px;height:40px;border-radius:var(--radius-full);background:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--text-inverse);flex-shrink:0;text-decoration:none}.bottom-nav.svelte-10y6tvy{flex-shrink:0;background:#f2f8fbeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:flex-start;padding:10px 0 env(safe-area-inset-bottom,20px);z-index:var(--z-nav)}.nav-item.svelte-10y6tvy{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--text-muted);cursor:pointer;background:none;border:none;font-family:var(--font-body);text-decoration:none;transition:color var(--transition-fast)}.nav-item.active.svelte-10y6tvy{color:var(--navy)}.nav-item.svelte-10y6tvy svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item.active.svelte-10y6tvy svg{stroke-width:2.2}.nav-add.svelte-10y6tvy{width:52px;height:52px;background:var(--navy);border-radius:var(--radius-full);border:none;display:flex;align-items:center;justify-content:center;margin-top:-26px;box-shadow:0 4px 16px #002d5d59;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.nav-add.svelte-10y6tvy:hover{transform:scale(1.08);background:var(--navy-dark)}.nav-add.svelte-10y6tvy:active{transform:scale(.95)}.nav-add.svelte-10y6tvy svg{width:26px;height:26px;stroke:var(--text-inverse);fill:none;stroke-width:2.5}.modal-overlay.svelte-1kfjba1{position:fixed;inset:0;z-index:var(--z-modal-overlay);background:#0006;display:flex;align-items:flex-end;justify-content:center}.modal-sheet.svelte-1kfjba1{width:100%;max-width:430px;max-height:88%;background:var(--card-bg);border-radius:24px 24px 0 0;overflow-y:auto;padding:0 var(--space-lg) var(--space-2xl);animation:svelte-1kfjba1-slideUp .3s ease}@keyframes svelte-1kfjba1-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.photo-placeholder.svelte-1q14kut{width:100%;height:180px;border:2px dashed var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-muted);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);margin-bottom:var(--space-md);background:transparent}.photo-placeholder.svelte-1q14kut:hover{border-color:var(--sky);background:var(--sky-light)}.photo-placeholder.svelte-1q14kut svg{width:32px;height:32px;stroke:var(--text-muted);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.photo-preview.svelte-1q14kut{width:100%;height:180px;border-radius:var(--radius);overflow:hidden;position:relative;cursor:pointer;border:none;padding:0;margin-bottom:var(--space-md);background:transparent}.photo-preview__img.svelte-1q14kut{width:100%;height:100%;object-fit:cover}.photo-preview__change.svelte-1q14kut{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xs) 0;background:#00000080;color:#fff;font-size:var(--text-xs);font-family:var(--font-body);text-align:center}.photo-input.svelte-1q14kut{display:none}.form-field.svelte-1tlkwn0{margin-bottom:var(--space-md)}.form-field__label.svelte-1tlkwn0{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-field__hint.svelte-1tlkwn0{color:var(--text-muted);font-weight:400}.form-field__input.svelte-1tlkwn0,.form-field__select.svelte-1tlkwn0,.form-field__textarea.svelte-1tlkwn0{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:14px;font-family:var(--font-body);background:var(--card-bg);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.form-field__input.svelte-1tlkwn0:focus,.form-field__select.svelte-1tlkwn0:focus,.form-field__textarea.svelte-1tlkwn0:focus{border-color:var(--sky)}.form-field__input.svelte-1tlkwn0::placeholder,.form-field__textarea.svelte-1tlkwn0::placeholder{color:var(--text-muted)}.form-field__textarea.svelte-1tlkwn0{resize:none;min-height:72px}.form-field__select.svelte-1tlkwn0{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238EAABB' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-field.svelte-13covij{margin-bottom:var(--space-md)}.form-field__label.svelte-13covij{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:6px}.chip-group.svelte-13covij{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.chip-group__chip.svelte-13covij{padding:8px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;font-family:var(--font-body);border:1px solid var(--border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chip-group__chip.svelte-13covij:active{transform:scale(.96)}.chip-group__chip.selected.svelte-13covij{background:var(--sky-light);color:var(--navy);border-color:var(--sky)}.modal-sheet__handle.svelte-1ix97e9{width:36px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 0}.modal-sheet__header.svelte-1ix97e9{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0 var(--space-lg);position:sticky;top:0;background:var(--card-bg);z-index:1}.modal-sheet__title.svelte-1ix97e9{font-family:var(--font-heading);font-size:20px}.modal-sheet__close.svelte-1ix97e9{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.modal-sheet__close.svelte-1ix97e9:hover{background:var(--border)}.modal-sheet__close.svelte-1ix97e9 svg{width:18px;height:18px;stroke:var(--text-secondary);fill:none;stroke-width:2;stroke-linecap:round}.modal-sheet__handle.svelte-1t32eu9{width:36px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 0}.modal-sheet__header.svelte-1t32eu9{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0 var(--space-lg);position:sticky;top:0;background:var(--card-bg);z-index:1}.modal-sheet__title.svelte-1t32eu9{font-family:var(--font-heading);font-size:20px}.modal-sheet__close.svelte-1t32eu9{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.modal-sheet__close.svelte-1t32eu9:hover{background:var(--border)}.modal-sheet__close.svelte-1t32eu9 svg{width:18px;height:18px;stroke:var(--text-secondary);fill:none;stroke-width:2;stroke-linecap:round}.detail-sheet__photo.svelte-1t32eu9{width:100%;height:220px;border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-lg)}.detail-sheet__photo.svelte-1t32eu9 img:where(.svelte-1t32eu9){width:100%;height:100%;object-fit:cover}.detail-sheet__icon-placeholder.svelte-1t32eu9{width:100%;height:140px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg)}.detail-sheet__icon-placeholder.svelte-1t32eu9 span:where(.svelte-1t32eu9){font-size:48px}.detail-sheet__name.svelte-1t32eu9{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-sm)}.detail-sheet__meta.svelte-1t32eu9{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.detail-sheet__badge.svelte-1t32eu9{background:var(--sky-light);color:var(--navy);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.detail-sheet__separator.svelte-1t32eu9{color:var(--text-muted)}.detail-sheet__notes.svelte-1t32eu9{margin-bottom:var(--space-lg)}.detail-sheet__notes-label.svelte-1t32eu9{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:6px}.detail-sheet__notes.svelte-1t32eu9 p:where(.svelte-1t32eu9){font-size:var(--text-base);color:var(--text-primary);line-height:1.5;margin:0}.detail-sheet__actions.svelte-1t32eu9{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.detail-sheet__confirm-text.svelte-1t32eu9{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin:0 0 var(--space-sm)}.modal-sheet__handle.svelte-lf8ikc{width:36px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 0}.modal-sheet__header.svelte-lf8ikc{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0 var(--space-lg);position:sticky;top:0;background:var(--card-bg);z-index:1}.modal-sheet__title.svelte-lf8ikc{font-family:var(--font-heading);font-size:20px}.modal-sheet__close.svelte-lf8ikc{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.modal-sheet__close.svelte-lf8ikc:hover{background:var(--border)}.modal-sheet__close.svelte-lf8ikc svg{width:18px;height:18px;stroke:var(--text-secondary);fill:none;stroke-width:2;stroke-linecap:round}.modal-sheet__handle.svelte-mtc9ox{width:36px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 0}.modal-sheet__header.svelte-mtc9ox{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0 var(--space-lg);position:sticky;top:0;background:var(--card-bg);z-index:1}.modal-sheet__title.svelte-mtc9ox{font-family:var(--font-heading);font-size:20px}.modal-sheet__close.svelte-mtc9ox{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast)}.modal-sheet__close.svelte-mtc9ox:hover{background:var(--border)}.modal-sheet__close.svelte-mtc9ox svg{width:18px;height:18px;stroke:var(--text-secondary);fill:none;stroke-width:2;stroke-linecap:round}.detail-sheet__badges.svelte-mtc9ox{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg)}.detail-sheet__name.svelte-mtc9ox{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-md)}.detail-sheet__reward.svelte-mtc9ox{background:var(--sky-light);border-radius:var(--radius-xs);padding:12px 14px;margin-bottom:14px;display:flex;align-items:center;gap:var(--space-sm)}.detail-sheet__reward-icon.svelte-mtc9ox{font-size:20px}.detail-sheet__reward-text.svelte-mtc9ox{font-size:var(--text-sm);font-weight:500;color:var(--navy)}.detail-sheet__progress.svelte-mtc9ox{font-size:12px;color:var(--text-secondary);margin-top:var(--space-sm);margin-bottom:var(--space-lg)}.detail-sheet__notes.svelte-mtc9ox{margin-bottom:var(--space-lg)}.detail-sheet__notes-label.svelte-mtc9ox{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:6px}.detail-sheet__notes.svelte-mtc9ox p:where(.svelte-mtc9ox){font-size:var(--text-base);color:var(--text-primary);line-height:1.5;margin:0}.detail-sheet__actions.svelte-mtc9ox{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.detail-sheet__confirm-text.svelte-mtc9ox{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin:0 0 var(--space-sm)}.install-banner.svelte-8qlkvv{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--sky-light);border-bottom:1px solid var(--border);font-size:var(--text-sm);color:var(--text-primary)}.install-banner__text.svelte-8qlkvv{flex:1;line-height:1.4}.install-banner__actions.svelte-8qlkvv{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.install-banner__btn.svelte-8qlkvv{padding:6px 14px;border-radius:var(--radius-full);border:none;background:var(--navy);color:var(--text-inverse);font-size:var(--text-sm);font-weight:600;cursor:pointer}.install-banner__dismiss.svelte-8qlkvv{width:28px;height:28px;border-radius:var(--radius-full);border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.install-banner__dismiss.svelte-8qlkvv:hover{background:var(--border)}.install-banner__dismiss.svelte-8qlkvv svg{width:16px;height:16px;stroke:var(--text-secondary);fill:none;stroke-width:2;stroke-linecap:round}.app-shell.svelte-12qhfyh{display:flex;flex-direction:column;height:100dvh;max-width:430px;margin:0 auto}.screen-scroll.svelte-12qhfyh{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}