*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;color:#1a1712;background:#fbfaf8;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{display:flex;flex-direction:column;height:100%;position:relative}#screens{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.screen{display:none;flex:1;flex-direction:column;overflow:hidden}.screen.active{display:flex}.app-header{padding:calc(env(safe-area-inset-top,20px) + 20px) 22px 14px;display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0}.header-meta{font-family:Space Grotesk,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#a39c90;margin-bottom:5px}.header-title{font-size:28px;font-weight:800;letter-spacing:-.02em}.btn-add{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid rgba(26,23,18,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.content-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 18px 16px;display:flex;flex-direction:column;gap:13px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 24px;text-align:center}.empty-title{font-size:20px;font-weight:700}.empty-sub{font-size:15px;color:#9a9387;line-height:1.5}.tab-nav{display:flex;justify-content:space-around;align-items:center;padding:10px 18px calc(env(safe-area-inset-bottom,16px) + 8px);background:#fbfaf8f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(26,23,18,.07);flex-shrink:0}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:#b5aea2;padding:4px 10px}.tab-item.active{color:#1a1712}.tab-label{font-size:10.5px;font-weight:600}.tab-item.active .tab-label{font-weight:700}.goal-card{background:#fff;border:1px solid rgba(26,23,18,.08);border-radius:20px;padding:17px 17px 15px}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.card-top-right{display:flex;align-items:flex-start;gap:10px}.btn-delete-goal{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:none;background:none;cursor:pointer;flex-shrink:0;opacity:.5;transition:opacity .1s,background .1s}.btn-delete-goal:active{opacity:.9;background:#b23b3b1a}.card-name-row{display:flex;align-items:center;gap:9px}.card-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.card-name{font-size:17px;font-weight:700}.card-sub{font-size:12.5px;color:#9a9387;margin-top:5px}.card-streak{text-align:right;line-height:.9;flex-shrink:0}.streak-num{font-family:Space Grotesk,monospace;font-size:40px;font-weight:700;display:block}.streak-label{font-size:10.5px;color:#a39c90;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;display:block}.card-progress{margin-top:14px}.progress-meta{display:flex;justify-content:space-between;font-size:11.5px;color:#9a9387;margin-bottom:6px}.progress-track{height:6px;border-radius:999px;background:#1a171212;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.card-stats{display:flex;gap:18px;margin-top:14px}.stat-val{font-size:16px;font-weight:700}.stat-key{font-size:10px;color:#a39c90;text-transform:uppercase;letter-spacing:.06em}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid rgba(26,23,18,.06)}.freeze-tokens{display:flex;align-items:center;gap:6px}.freeze-dots{display:flex;gap:4px}.freeze-dot{width:6px;height:6px;border-radius:50%}.freeze-dot.filled{background:#6e8ca8}.freeze-dot.empty{border:1px solid rgba(110,140,168,.4)}.btn-mark-done{margin-left:auto;border:1.5px solid #1a1712;color:#1a1712;font-size:14px;font-weight:700;padding:8px 17px;border-radius:999px;background:none;cursor:pointer;font-family:inherit;transition:opacity .1s}.btn-mark-done:active{opacity:.6}.btn-done-today{display:flex;align-items:center;gap:7px;margin-left:auto;background:#e5f0e8;color:#2f6b4f;font-size:14px;font-weight:700;padding:9px 16px;border-radius:999px;border:none;font-family:inherit}.stats-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 18px 16px;display:flex;flex-direction:column;gap:16px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:#fff;border:1px solid rgba(26,23,18,.08);border-radius:18px;padding:16px}.stat-card-val{font-family:Space Grotesk,monospace;font-size:32px;font-weight:700;margin-bottom:4px;line-height:1}.stat-card-label{font-size:12px;color:#9a9387;font-weight:500}.goal-stat-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;cursor:default}.goal-stat-row+.goal-stat-row{border-top:1px solid rgba(26,23,18,.06)}.goal-stat-left{display:flex;align-items:center;gap:10px}.goal-stat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.goal-stat-name{font-size:16px;font-weight:600}.goal-stat-sub{font-size:12px;color:#9a9387;margin-top:2px}.goal-stat-num{font-family:Space Grotesk,monospace;font-size:26px;font-weight:700}.settings-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 18px 16px;display:flex;flex-direction:column;gap:24px}.section-header{font-family:Space Grotesk,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a39c90;padding:0 4px 9px}.settings-group{background:#fff;border:1px solid rgba(26,23,18,.08);border-radius:18px;overflow:hidden}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;cursor:pointer}.settings-row+.settings-row{border-top:1px solid rgba(26,23,18,.06)}.settings-row.no-cursor{cursor:default}.settings-row:active{background:#1a171208}.settings-row.no-cursor:active{background:none}.row-title{font-size:16px;font-weight:600}.row-sub{font-size:12.5px;color:#9a9387;margin-top:2px}.row-value{font-size:14px;color:#9a9387}.settings-row-lang{flex-direction:column;align-items:stretch;gap:12px}.settings-row-lang .segment-group{margin-top:0}.settings-row-lang .segment-btn{padding:9px 0;font-size:12.5px}.form-label{font-size:12.5px;font-weight:600;color:#8a8377;margin-bottom:8px}.goal-name-field{display:flex;align-items:center;gap:11px;border:1px solid rgba(26,23,18,.14);border-radius:14px;padding:13px 14px}.goal-name-field:focus-within{border-color:#1a17124d}.new-goal-dot{width:13px;height:13px;border-radius:50%;flex-shrink:0;cursor:pointer}.goal-name-input{font-size:16px;font-weight:500;font-family:inherit;border:none;outline:none;background:none;flex:1;color:#1a1712}.goal-name-input::placeholder{color:#b5aea2}.segment-group{display:flex;gap:8px}.segment-btn{flex:1;text-align:center;font-size:13.5px;font-weight:600;padding:10px 0;border-radius:11px;border:1px solid rgba(26,23,18,.14);cursor:pointer;font-family:inherit;background:none;color:#1a1712;transition:background .1s,color .1s}.segment-btn.active{background:#1a1712;color:#fff;border-color:#1a1712;font-weight:700}.color-picker{display:flex;gap:10px;flex-wrap:wrap}.color-swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2.5px solid transparent;transition:transform .15s;outline:none}.color-swatch.selected{transform:scale(1.18);border-color:#1a1712}.color-swatch.custom-swatch{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:conic-gradient(from 0deg,#d43535,#d4d435,#35d435,#35d4d4,#3535d4,#d435d4,#d43535)}.color-swatch.custom-swatch:after{content:"+";color:#fff;font-size:16px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.35)}.color-swatch.custom-swatch.picked:after{content:none}.custom-swatch-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-target-wrap{display:none;margin-top:10px}.custom-target-wrap.visible{display:block}.custom-target-input{width:100%;font-size:15px;font-weight:500;font-family:inherit;border:1px solid rgba(26,23,18,.14);border-radius:11px;padding:10px 14px;outline:none;color:#1a1712;background:none}.custom-target-input:focus{border-color:#1a17124d}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.toggle-title{font-size:15px;font-weight:700}.toggle-sub{font-size:12.5px;color:#9a9387;margin-top:2px}.toggle{width:48px;height:28px;border-radius:999px;position:relative;flex-shrink:0;cursor:pointer;transition:background .2s}.toggle.on{background:#2f6b4f}.toggle.off{background:#1a171226}.toggle-knob{position:absolute;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}.toggle.on .toggle-knob{left:23px}.toggle.off .toggle-knob{left:3px}.sheet-actions{display:flex;gap:12px;flex-shrink:0}.btn-cancel{flex:1;text-align:center;color:#6f695e;font-size:15px;font-weight:700;padding:14px 0;border-radius:14px;border:1px solid rgba(26,23,18,.12);cursor:pointer;font-family:inherit;background:none}.btn-create{flex:1.7;text-align:center;background:#1a1712;color:#fff;font-size:15px;font-weight:700;padding:14px 0;border-radius:14px;border:none;cursor:pointer;font-family:inherit}.btn-create:active{opacity:.8}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;opacity:0;transition:opacity .2s ease}.overlay.open{pointer-events:all;opacity:1}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a171261}.bottom-sheet{position:absolute;left:0;right:0;bottom:0;background:#fbfaf8;border-radius:28px 28px 0 0;padding:14px 22px calc(env(safe-area-inset-bottom,16px) + 16px);box-shadow:0 -12px 44px #0000002e;display:flex;flex-direction:column;gap:20px;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);max-height:90vh;overflow-y:auto}.overlay.open .bottom-sheet{transform:translateY(0)}.sheet-handle{width:40px;height:4px;border-radius:999px;background:#1a171229;align-self:center;flex-shrink:0}.sheet-title{font-size:22px;font-weight:800;letter-spacing:-.01em;flex-shrink:0}.dialog-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:30px}.dialog{background:#fff;border-radius:22px;padding:26px 22px 18px;box-shadow:0 20px 60px #00000047;text-align:center;max-width:300px;width:100%;transform:scale(.92);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.overlay.open .dialog{transform:scale(1)}.dialog-icon{width:46px;height:46px;border-radius:50%;background:#fbeae7;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.dialog-title{font-size:19px;font-weight:800;margin:0 0 8px}.dialog-body{font-size:13.5px;color:#6f695e;line-height:1.5;margin:0 0 20px}.dialog-actions{display:flex;gap:10px}.btn-dialog-cancel{flex:1;text-align:center;color:#6f695e;font-size:14.5px;font-weight:700;padding:12px 0;border-radius:13px;border:1px solid rgba(26,23,18,.12);cursor:pointer;font-family:inherit;background:none}.btn-dialog-confirm{flex:1;text-align:center;background:#b23b3b;color:#fff;font-size:14.5px;font-weight:700;padding:12px 0;border-radius:13px;border:none;cursor:pointer;font-family:inherit}.header-with-back{display:flex;align-items:center;gap:12px}.btn-back{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid rgba(26,23,18,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.btn-back:active{background:#1a17120d}.changelog-timeline{position:relative;padding-left:20px}.changelog-timeline:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:#1a171214}.changelog-item{position:relative;padding-bottom:22px}.changelog-item:last-child{padding-bottom:0}.changelog-dot{position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid #fbfaf8}.changelog-dot.feature{background:#2f6b4f}.changelog-dot.fix{background:#b23b3b}.changelog-dot.improvement{background:#6e8ca8}.changelog-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.changelog-version{font-family:Space Grotesk,monospace;font-size:12px;font-weight:700}.changelog-badge{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:999px}.changelog-badge.feature{background:#2f6b4f1f;color:#2f6b4f}.changelog-badge.fix{background:#b23b3b1a;color:#b23b3b}.changelog-badge.improvement{background:#6e8ca824;color:#4d6d87}.changelog-date{font-size:11px;color:#a39c90;margin-left:auto}.changelog-title{font-size:15px;font-weight:700}.changelog-desc{font-size:13px;color:#9a9387;margin-top:3px;line-height:1.4}