@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;700&family=Karla:ital,wght@0,400;0,500;0,700;1,400&family=Passion+One:wght@400;700&display=swap";:root{--font-body: "Karla", sans-serif;--font-display: "Passion One", sans-serif;--font-script: "Dancing Script", cursive;--font-weight: 400;--font-size: 32px;--line-height: 37px;--brand-primary: #591727;--brand-secondary: #f5eeda;--brand-accent: #e1ab7b;--brand-dark: #87674a;--brand-light-1: #c8a2ab;--brand-light-2: #d7b6be;--tb-burgundy: var(--brand-primary);--tb-burgundy-hover: var(--brand-light-1);--tb-cream: var(--brand-secondary);--tb-wheat: #e8c4a0;--tb-gold: var(--brand-accent);--tb-orange: var(--brand-accent);--tb-card: #fffdf8;--tb-ink: #3a241a;--tb-ink-soft: color-mix(in srgb, var(--brand-dark) 85%, #000);--tb-muted: color-mix(in srgb, var(--brand-dark) 70%, var(--brand-secondary));--tb-accent: var(--brand-dark);--tb-footer-text: #e9c9a5;--burgundy: var(--brand-primary);--cream: var(--brand-secondary);--sand: var(--brand-accent);--brown: var(--brand-dark);--bg: var(--brand-secondary);--bg-2: color-mix(in srgb, var(--brand-secondary) 88%, var(--brand-dark));--paper: var(--tb-card);--ink: var(--brand-primary);--ink-2: var(--tb-ink-soft);--muted: var(--tb-muted);--crust: var(--brand-dark);--crust-dark: var(--brand-primary);--yeast: var(--tb-wheat);--rye: var(--brand-primary);--accent: var(--brand-accent);--green: color-mix(in srgb, var(--brand-dark) 55%, #4a6b42);--red: color-mix(in srgb, var(--brand-primary) 70%, #c44);--line: color-mix(in srgb, var(--brand-primary) 15%, transparent);--shadow: 0 8px 24px color-mix(in srgb, var(--brand-primary) 8%, transparent);--shadow-lg: 0 20px 60px color-mix(in srgb, var(--brand-primary) 18%, transparent);--page-pad-x: 16px;--nav-inset-x: 8px;--nav-inset-bottom: 12px;--nav-height: 68px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;font-family:var(--font-body);font-weight:var(--font-weight);font-size:16px;line-height:1.5;background:var(--bg);color:var(--ink);overscroll-behavior:none}button,input,textarea,select,option,label,a,p,span,li,h1,h2,h3,h4,h5,h6{font-family:inherit}button,input,textarea,select{font-family:var(--font-body)}.display,.serif,.head-name,.page-title,.section-title,h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-weight);letter-spacing:.02em}.head-name,.page-title,.section-title{font-size:var(--font-size);line-height:var(--line-height)}.script{font-family:var(--font-script)}.app{height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-height) + var(--nav-inset-bottom) + 16px + env(safe-area-inset-bottom,0px));scroll-behavior:smooth;max-width:480px;margin:0 auto;position:relative}.app.no-pad{padding-bottom:0}.app.with-header{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.app::-webkit-scrollbar{display:none}.bottom-nav{position:fixed;bottom:calc(var(--nav-inset-bottom) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - var(--nav-inset-x) * 2);max-width:calc(480px - var(--nav-inset-x) * 2);height:var(--nav-height);background:color-mix(in srgb,var(--brand-secondary) 94%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid color-mix(in srgb,var(--brand-primary) 12%,transparent);border-radius:999px;box-shadow:0 4px 6px color-mix(in srgb,var(--brand-primary) 4%,transparent),0 16px 40px color-mix(in srgb,var(--brand-primary) 14%,transparent);display:flex;justify-content:space-around;align-items:center;padding:0 6px;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:8px 4px;text-decoration:none;color:var(--tb-muted);font-size:11px;font-weight:700;border-radius:999px;transition:background .2s,color .2s}.nav-item:active{background:color-mix(in srgb,var(--brand-primary) 6%,transparent)}.nav-icon{width:20px;height:20px;color:currentColor}.nav-label{font-size:10px;color:currentColor;font-weight:700;letter-spacing:0}.nav-item.active{color:var(--tb-burgundy);position:relative;background:color-mix(in srgb,var(--brand-accent) 22%,transparent)}.nav-item.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:18px;height:3px;background:var(--brand-accent);border-radius:100px}.head{padding:8px var(--page-pad-x) 16px;display:flex;justify-content:space-between;align-items:center}.head-greet{font-size:13px;color:var(--muted);font-weight:var(--font-weight)}.head-name{color:var(--ink);margin-bottom:0}.head-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--crust));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);color:#fff;font-weight:var(--font-weight);font-size:18px;line-height:1;box-shadow:var(--shadow);cursor:pointer;text-decoration:none}.page-head{padding:8px var(--page-pad-x) 24px}.page-back{width:40px;height:40px;background:var(--paper);border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;margin-bottom:16px;text-decoration:none;color:var(--ink)}.page-title{color:var(--ink);margin-bottom:8px}.page-sub{font-size:14px;color:var(--ink-2);line-height:1.5;font-weight:var(--font-weight)}.section-head{display:flex;justify-content:space-between;align-items:baseline;padding:0 var(--page-pad-x);margin-bottom:14px}.section-title{color:var(--ink)}.section-link{font-size:13px;color:var(--accent);font-weight:var(--font-weight);cursor:pointer;text-decoration:none}.chip{padding:8px 16px;background:var(--paper);border:1px solid var(--line);border-radius:100px;font-size:12px;font-weight:var(--font-weight);color:var(--ink-2);white-space:nowrap;cursor:pointer;transition:all .2s;text-decoration:none;font-family:inherit}button.chip{appearance:none;-webkit-appearance:none}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.is-hidden{display:none!important}.list-empty{margin:8px var(--page-pad-x) 24px;padding:24px var(--page-pad-x);text-align:center;font-size:14px;color:var(--muted);background:var(--paper);border:1px dashed var(--line);border-radius:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .35s ease}