.bt-preview-page{background:#17201f;justify-content:center;min-height:100svh;padding:24px 20px;display:flex}.bt-preview-layout{flex-direction:column;gap:12px;width:100%;max-width:390px;display:flex}.bt-preview-meta{color:#f4f7f2;font-size:12px;line-height:18px}.bt-preview-meta a{text-underline-offset:3px;padding:4px 0;font-weight:700;text-decoration:underline;display:inline-block}.bt-preview-meta p{color:#aab6b1;margin:4px 0 0}.bt-app{--bt-paper:#f7f8f4;--bt-card:#fff;--bt-ink:#17201f;--bt-muted:#5f6c67;--bt-line:#e5e9e5;background:var(--bt-paper);color:var(--bt-ink);border-radius:26px;flex-direction:column;width:100%;height:844px;padding:20px 0 16px;display:flex;position:relative;overflow:hidden}.bt-theme-dark{--bt-paper:#0f1614;--bt-card:#17201f;--bt-ink:#f4f7f2;--bt-muted:#aab6b1;--bt-line:#35423e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.bt-screen{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.bt-screen::-webkit-scrollbar{display:none}.bt-view{flex-direction:column;gap:16px;padding:12px 20px 16px;display:flex}.bt-view h1{letter-spacing:0;margin:0;font-size:28px;font-weight:800;line-height:34px}.bt-view h2{letter-spacing:0;margin:0;font-size:20px;font-weight:700;line-height:27px}.bt-page-heading{flex-direction:column;gap:4px;display:flex}.bt-page-heading p,.bt-subtitle{color:var(--bt-muted);margin:0;font-size:15px;font-weight:400;line-height:22px}.bt-card{background:var(--bt-card);border:1px solid var(--bt-line);border-radius:18px;flex-direction:column;gap:8px;padding:19px;display:flex}.bt-card small{color:var(--bt-muted);font-size:12px;font-weight:500;line-height:18px}.bt-time-value{font-family:var(--font-space-mono), monospace;font-size:32px;font-weight:700;line-height:40px}.bt-accent-card{color:#f4f7f2;background:#253b34;border-color:#253b34}.bt-accent-card small{color:#aab6b1}.bt-accent-card .bt-time-value{color:#dfff45}.bt-accent-card p{margin:0;font-size:15px;font-weight:400;line-height:22px}.bt-primary-button,.bt-secondary-button,.bt-text-button{cursor:pointer;border:1px solid #0000;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;min-height:52px;padding:8px 16px;font-size:14px;font-weight:700;line-height:20px;display:flex}.bt-primary-button{color:#17201f;background:#dfff45}.bt-primary-button:hover{background:#cbed24}.bt-secondary-button{background:var(--bt-card);border-color:var(--bt-line);color:var(--bt-ink)}.bt-text-button{color:var(--bt-ink);background:0 0}.bt-secondary-button:hover,.bt-text-button:hover{border-color:var(--bt-muted)}.bt-inline-back{align-self:flex-start;width:90px;min-height:48px}.bt-row{background:var(--bt-card);border:1px solid var(--bt-line);color:var(--bt-ink);text-align:left;border-radius:18px;flex-direction:column;justify-content:center;gap:2px;min-height:68px;padding:8px 16px;display:flex}button.bt-row{cursor:pointer}button.bt-row:hover{border-color:var(--bt-muted)}.bt-row strong{font-size:14px;font-weight:700;line-height:20px}.bt-row small{color:var(--bt-muted);font-size:12px;font-weight:500;line-height:18px}.bt-fields-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.bt-field{background:var(--bt-card);border:1px solid var(--bt-line);border-radius:14px;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:76px;padding:8px 16px;display:flex}.bt-field>span{color:var(--bt-muted);font-size:12px;font-weight:500;line-height:18px}.bt-field input,.bt-field select{appearance:none;color:var(--bt-ink);font-family:var(--font-space-mono), monospace;background:0 0;border:0;width:100%;min-width:0;padding:0;font-size:16px;font-weight:400;line-height:24px}.bt-field input:focus,.bt-field select:focus{outline:0}.bt-field:focus-within{border-color:var(--bt-ink);outline-offset:2px;outline:2px solid #dfff45}.bt-field input::placeholder{color:var(--bt-muted)}.bt-extra-fields{flex-direction:column;gap:12px;display:flex}.bt-checkbox{align-items:center;gap:10px;min-height:48px;font-size:14px;display:flex}.bt-checkbox input{accent-color:#dfff45;width:20px;height:20px}.bt-form-error{color:#b94212;margin:0;font-size:14px;line-height:20px}.bt-small-copy{color:var(--bt-muted);margin:0;font-size:12px;line-height:18px}.bt-month-view{gap:12px}.bt-month-picker{grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;display:grid}.bt-month-picker button{cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;height:48px;padding:0;display:flex}.bt-month-picker button:hover{background:var(--bt-card)}.bt-month-picker button:disabled{cursor:default;opacity:.35}.bt-month-picker img{width:18px;height:18px}.bt-theme-dark .bt-month-picker img{filter:invert()}.bt-month-picker strong{text-align:center;font-size:14px;font-weight:700;line-height:20px}.bt-month-metrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.bt-month-metrics>div{flex-direction:column;gap:4px;display:flex}.bt-month-metrics span,.bt-formula-row strong{font-family:var(--font-space-mono), monospace;font-size:16px;font-weight:400;line-height:24px}.bt-formula-row{justify-content:space-between;gap:12px;font-size:15px;line-height:22px;display:flex}.bt-bottom-nav{background:var(--bt-card);flex:0 0 74px;gap:4px;padding:12px 12px 10px;display:flex}.bt-bottom-nav button{color:var(--bt-ink);cursor:pointer;background:0 0;border:0;border-radius:14px;flex:0 0 106px;min-width:0;min-height:52px;padding:8px 6px;font-size:14px;font-weight:700;line-height:20px}.bt-bottom-nav .active{color:#17201f;background:#dfff45}.bt-toast{color:#f4f7f2;text-align:center;z-index:50;background:#17201f;border:1px solid #35423e;border-radius:14px;width:350px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:12px;line-height:18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000040}@media (prefers-color-scheme:dark){.bt-theme-system{--bt-paper:#0f1614;--bt-card:#17201f;--bt-ink:#f4f7f2;--bt-muted:#aab6b1;--bt-line:#35423e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.bt-theme-system .bt-month-picker img{filter:invert()}}@media (width<=430px){.bt-preview-page{padding:0;display:block}.bt-preview-layout{gap:0;max-width:none}.bt-preview-meta{padding:8px 16px;font-size:11px;line-height:16px}.bt-preview-meta a{padding:0}.bt-preview-meta p{margin-top:2px}.bt-app{border-radius:0;height:calc(100svh - 66px);min-height:640px}}@media (width<=389px){.bt-bottom-nav button{flex:1;font-size:12px}}
