:root{--bg:#c4c7ca;--text:#111;--text-soft:#3d3f42;--hint:#5f6266;--grid:#b1b5b9;--teal:#076a65;--orange:#e0602b;--purple:#6a5ae0;--btn:#111;--btn-text:#fff;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}.screen{padding:24px 16px calc(24px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto}h1{margin:0 0 12px;font-size:28px}.hint{color:var(--hint);font-size:14px}.btn-primary{background:var(--btn);width:100%;color:var(--btn-text);font:inherit;cursor:pointer;border:0;border-radius:18px;padding:18px;font-size:18px;font-weight:700}.btn-link{color:var(--text);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin:16px auto 0;padding:4px;font-size:17px;text-decoration:underline;display:block}.welcome{flex-direction:column;min-height:100vh;display:flex}.welcome-logo{width:62%;max-width:260px;margin:8px auto 24px;display:block}.wave-decor{width:calc(100% + 32px);height:130px;margin:0 -16px;display:block}.wave-grid{stroke:var(--grid);stroke-width:1px;vector-effect:non-scaling-stroke}.legend{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px 10px;margin:20px 0 24px;padding:0;font-size:13px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.legend-any{border:1.5px dashed var(--hint);border-radius:12px;padding:3px 8px;font-weight:700}.welcome-title{margin:0 0 12px;font-size:30px;font-weight:800;line-height:1.15}.accent{color:var(--teal)}.welcome-subtitle{color:var(--text-soft);margin:0;font-size:18px;line-height:1.4}.welcome-actions{text-align:center;margin-top:auto;padding-top:32px}.welcome-disclaimer{color:var(--hint);margin:12px 0 0;font-size:12px;line-height:1.4}.raccoon-peek{width:96px;margin:0 12% -6px auto;display:block}.top-bar{justify-content:space-between;align-items:center;min-height:52px;margin-bottom:12px;display:flex}.back-btn{color:var(--text);cursor:pointer;background:0 0;border:0;margin-left:-6px;padding:4px;display:flex}.top-logo{width:56px}:root{--card:#e6e8ea}.how{flex-direction:column;min-height:100vh;display:flex}.how-title{margin:0 0 14px;font-size:28px;font-weight:800}.how-lead{margin:0 0 14px;font-size:19px;font-weight:700;line-height:1.4}.how-text{color:var(--text-soft);margin:0;font-size:16px;line-height:1.5}.how-card{background:var(--card);border-radius:24px;margin-top:52px;padding:22px 20px 8px;position:relative}.how-card-raccoon{width:80px;position:absolute;top:-44px;right:30px}.how-card h2{margin:0 0 18px;font-size:19px}.how-steps{margin:0;padding:0;list-style:none}.how-steps li{gap:16px;margin-bottom:18px;font-size:16px;line-height:1.45;display:flex}.step-num{background:var(--teal);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.how-tip{color:var(--text-soft);gap:14px;margin:22px 0 0;padding:0 4px;font-size:15px;line-height:1.45;display:flex}.how-tip svg{color:var(--teal);flex:none}.how-actions{text-align:center;margin-top:auto;padding-top:28px}.how-cta{margin:0 0 14px;font-size:20px;font-weight:800}.nowrap{white-space:nowrap}.page-title{margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.15}.page-text{color:var(--text-soft);margin:0;font-size:16px;line-height:1.5}.sports{flex-direction:column;min-height:100vh;display:flex}.search{background:var(--card);color:var(--hint);border-radius:18px;align-items:center;gap:12px;margin:22px 0 18px;padding:14px 18px;display:flex}.search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:17px}.chips{flex-wrap:wrap;gap:10px 8px;display:flex}.chip{background:var(--card);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:16px;display:inline-flex}.chip-on{background:var(--btn);color:var(--btn-text);font-weight:700}.chip-add{border:1.5px dashed var(--hint);background:0 0;font-weight:700}.chip-add-form{gap:6px;width:100%;display:flex}.chip-add-form input{border:1.5px dashed var(--hint);background:var(--card);min-width:0;color:var(--text);font:inherit;border-radius:999px;outline:none;flex:1;padding:11px 16px;font-size:16px}.chip-add-form button{background:var(--btn);color:var(--btn-text);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:11px 16px;font-weight:700}.chip-add-form button:disabled,.btn-primary:disabled{opacity:.4;cursor:default}.sports-actions{margin-top:auto;padding-top:40px}.raccoon-left{margin:0 auto -6px 12%}.profile-head{align-items:center;gap:16px;margin:8px 0 32px;display:flex}.avatar{background:var(--card);border-radius:50%;flex:none;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.avatar img{width:66px;margin-top:10px}.profile-hello{flex:1;min-width:0}.profile-hello h1{margin:0 0 4px;font-size:26px;font-weight:800;line-height:1.15}.profile-hello p{color:var(--text-soft);margin:0;font-size:15px}.icon-btn{color:var(--text);cursor:pointer;background:0 0;border:0;flex:none;align-self:flex-start;margin-top:12px;padding:4px}.section-title{margin:0 0 6px;font-size:22px;font-weight:800}.section-hint{color:var(--text-soft);margin:0 0 18px;font-size:16px}.diary-list{flex-direction:column;gap:12px;display:flex}.diary-card{background:var(--card);border-radius:24px;align-items:center;gap:10px;padding:18px 14px 18px 18px;display:flex}.diary-open{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:14px;padding:0;display:flex}.diary-bar{border-radius:3px;flex:none;align-self:stretch;width:5px}.diary-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.diary-name{font-size:20px;font-weight:800}.diary-meta{color:var(--text-soft);font-size:14px}.sparkline{flex:none}.diary-add{color:#fff;width:52px;height:52px;font:inherit;cursor:pointer;border:0;border-radius:50%;flex:none;font-size:30px;line-height:1}.add-sport{border:1.5px dashed var(--hint);width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:24px;margin-top:12px;padding:20px;font-size:17px;font-weight:700}.compare-wrap{margin-top:28px}.compare-card{background:var(--btn);width:100%;color:var(--btn-text);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:24px;align-items:center;gap:16px;padding:18px 20px;display:flex}.compare-text{flex-direction:column;flex:1;gap:4px;display:flex}.compare-title{font-size:18px;font-weight:800}.compare-sub{color:#c9cbce;font-size:14px}.compare-arrow{font-size:28px;line-height:1}.entry{flex-direction:column;min-height:100vh;display:flex}.step-header{margin-bottom:28px}.step-header-row{justify-content:space-between;align-items:center;min-height:44px;display:flex}.step-label{color:var(--text-soft);font-size:15px;font-weight:700}.step-bars{gap:6px;margin-top:12px;display:flex}.step-bars span{background:var(--grid);border-radius:2px;flex:1;height:4px}.step-bars span.on{background:var(--text)}.entry-bottom{margin-top:auto;padding-top:32px}.entry:has(.note textarea:focus) .entry-bottom{bottom:var(--kb-inset,0px);z-index:5;background:var(--bg);margin-left:-16px;margin-right:-16px;padding:10px 16px;position:sticky}.entry:has(.note textarea:focus) .entry-bottom .raccoon-peek{display:none}.tone-card{background:var(--card);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:24px;align-items:center;gap:18px;margin-bottom:12px;padding:20px;display:flex}.tone-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:26px;font-weight:700;line-height:1;display:grid}.tone-title{font-size:21px;font-weight:800;display:block}.tone-sub{color:var(--text-soft);margin-top:4px;font-size:14px;display:block}.option-group{margin-top:22px}.group-head{justify-content:space-between;align-items:center;display:flex}.group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin:0 0 10px;font-size:13px;font-weight:800}.collapse-btn{color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;margin-bottom:10px;padding:0;font-size:14px;font-weight:700}.chips-small .chip{padding:8px 13px;font-size:14px}.text-action{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin-top:18px;padding:4px 2px;font-size:17px;font-weight:700;display:flex}.text-action span{text-align:center;width:18px;font-size:20px}.note{margin-top:20px}.note-head{justify-content:space-between;margin-bottom:8px;font-size:15px;font-weight:700;display:flex}.note-count{color:var(--text-soft);font-weight:400}.note textarea{border:2px solid var(--text);background:var(--card);width:100%;color:var(--text);font:inherit;resize:none;border-radius:16px;outline:none;padding:14px 16px;font-size:16px;line-height:1.4}.note-private{color:var(--text-soft);margin:6px 0 0;font-size:13px}.segmented{background:var(--card);border-radius:20px;gap:4px;margin:22px 0 16px;padding:4px;display:flex}.segmented button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:16px;flex:1;padding:14px 8px;font-size:17px}.segmented button.on{background:var(--btn);color:var(--btn-text);font-weight:700}.date-chip{background:var(--card);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin:0 0 22px;padding:11px 18px;font-size:16px;font-weight:700;display:inline-flex}.sheet-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;max-height:92vh;padding:10px 16px calc(20px + env(safe-area-inset-bottom));background:#f0f1f3;border-radius:28px 28px 0 0;overflow-y:auto}.sheet-handle{background:var(--grid);border-radius:3px;width:44px;height:5px;margin:0 auto 16px;display:block}.sheet-title{margin:0 0 8px;font-size:24px;font-weight:800}.sheet-text{color:var(--text-soft);margin:0 0 18px;font-size:15px;line-height:1.45}.cal-head{justify-content:space-between;align-items:center;margin:22px 0 10px;font-size:17px;font-weight:800;display:flex}.cal-head button{color:var(--text);cursor:pointer;background:0 0;border:0;padding:2px 12px;font-size:26px}.cal-head button:disabled{opacity:.25;cursor:default}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);row-gap:4px;display:grid}.cal-weekday{color:var(--text-soft);padding:6px 0;font-size:13px;font-weight:700}.cal-day{width:44px;height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-self:center;font-size:17px;position:relative}.cal-day:disabled{color:#b5b8bc;cursor:default}.cal-day.on{background:var(--btn);color:var(--btn-text);font-weight:700}.cal-day .cal-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.cal-dot{background:var(--teal);border-radius:50%;width:5px;height:5px;display:inline-block}.cal-legend{color:var(--text-soft);align-items:center;gap:8px;margin:8px 0 18px;font-size:14px;display:flex}.training{flex-direction:column;min-height:100vh;display:flex}.icon-btn-flat{align-self:center;margin-top:0}.training-sport{color:var(--text-soft);margin:0;font-size:16px;font-weight:700}.training-date{margin:2px 0 18px;font-size:28px;font-weight:800}.bag-card{background:var(--card);border-radius:22px;align-items:center;gap:18px;margin-bottom:22px;padding:14px 20px;display:flex}.bag-caption{color:var(--text-soft);margin:0;font-size:14px}.bag-name{margin:2px 0 0;font-size:20px;font-weight:800}.training-section-head{justify-content:space-between;align-items:center;margin:14px 0 10px;display:flex}.training-section-head h2{margin:0;font-size:20px;font-weight:800}.training-section-head span{font-size:15px;font-weight:700}.chip-static{cursor:default}.training-note{color:var(--text-soft);background:#d4d6d9;border-radius:16px;margin:10px 0 0;padding:14px 16px;font-size:15px;line-height:1.45}.training-bottom{margin-top:auto;padding-top:32px}.fear-card{background:var(--card);border-radius:22px;margin-top:24px;padding:16px}.fear-card p{color:var(--text-soft);margin:0 0 14px;font-size:16px;line-height:1.45}.fear-card .article-card{background:#cdd0d3;margin:0}.fear-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.fear-head h2{margin:0;font-size:19px;font-weight:800}.fear-icon{background:var(--orange);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.delete-link{color:var(--hint);margin-top:28px;font-size:15px}.btn-danger{color:#fff;background:#c2481c}.advice-card{background:var(--btn);width:100%;color:var(--btn-text);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:24px;align-items:center;gap:14px;padding:18px;display:flex}.advice-icon{background:#2a2b2e;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.advice-text{flex-direction:column;flex:1;gap:3px;display:flex}.advice-title{font-size:18px;font-weight:800}.advice-sub{color:#c9cbce;font-size:13px}.diary .top-bar .diary-add{width:48px;height:48px;font-size:28px}.diary-title{align-items:center;gap:12px;margin:0 0 16px;font-size:32px;font-weight:800;display:flex}.dot-big{width:14px;height:14px}.diary .segmented{margin:0 0 14px}.segmented button:disabled{color:var(--hint);cursor:default}.chip-sm{padding:8px 14px;font-size:15px}.chart-card{background:var(--card);border-radius:24px;margin-top:16px;padding:18px 16px 16px}.chart-card h2{margin:0 0 12px;font-size:18px;font-weight:800}.segmented-sm{background:#d8dadd;margin:0 0 10px}.segmented-sm button{padding:10px 6px;font-size:15px}.chart-empty{color:var(--text-soft);margin:0;font-size:15px}.axis-plus,.axis-minus{margin:4px 0;font-size:13px;font-weight:700}.axis-plus{color:var(--teal)}.axis-minus{color:#c2481c}.wave-chart{border-radius:6px;width:100%;height:auto;display:block}.band-plus{fill:#d7e8e5}.band-minus{fill:#f1dcd5}.chart-zero{stroke:#9aa0a5;stroke-width:1px}.x-labels{height:20px;color:var(--text-soft);margin:6px 12px 0;font-size:13px;position:relative}.x-labels span{white-space:nowrap;position:absolute;transform:translate(-50%)}.x-caption{text-align:center;color:var(--hint);margin:2px 0 12px;font-size:12px}.chart-legend{border-bottom:1px solid var(--grid);gap:22px;padding-bottom:10px;font-size:15px;display:flex}.chart-legend>span{align-items:center;gap:8px;display:flex}.legend-line{border-radius:2px;width:24px;height:4px}.chart-note{color:var(--text-soft);margin:10px 0 0;font-size:14px;line-height:1.45}.list-head{justify-content:space-between;align-items:baseline;margin:28px 0 12px;display:flex}.link-sm{color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;font-weight:700}.training-list{flex-direction:column;gap:10px;display:flex}.training-row{background:var(--card);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;display:flex}.row-date{flex:none;width:58px;font-size:17px;font-weight:800}.row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-bag{font-size:16px;font-weight:700}.row-emotions{white-space:nowrap;text-overflow:ellipsis;color:var(--text-soft);font-size:14px;overflow:hidden}.row-arrow{color:var(--text-soft);font-size:24px}.catch-title{margin:4px 0;font-size:30px;font-weight:800}.catch-sub{margin-bottom:14px}.catch{margin-top:8px}.catch-scene{padding-top:24px;position:relative}.catch-raccoon{width:100%;display:block}.catch-bags{grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:absolute;bottom:22px;left:22%;right:0}.big-bag{width:100%;height:auto}.big-bag-num{fill:#111;paint-order:stroke;stroke:#f2f2f2;stroke-width:6px;font-size:34px;font-weight:800}.catch-board{width:82%;height:34px;margin:-8px 0 0 auto;display:block}.catch-labels{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;margin:18px 0 0 22%;font-size:13px;display:grid}.catch-labels>div{flex-direction:column;align-items:center;gap:4px;display:flex}.catch-labels strong{line-height:1.2}.catch-labels span:last-child{color:var(--text-soft)}.bag-legend{background:var(--card);border-radius:22px;margin-top:22px;padding:16px 18px}.bag-legend-head{width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;padding:0;font-size:17px;font-weight:800;display:flex}.bag-legend ul{margin:12px 0 0;padding:0;list-style:none}.bag-legend li{gap:10px;margin-bottom:10px;font-size:15px;line-height:1.45;display:flex}.bag-legend li .dot{flex:none;margin-top:6px}.period-fields{gap:12px;margin-bottom:16px;display:flex}.period-fields label{color:var(--text-soft);flex-direction:column;flex:1;gap:6px;font-size:14px;font-weight:700;display:flex}.period-fields input{background:var(--card);color:var(--text);font:inherit;border:0;border-radius:14px;padding:12px;font-size:16px}.period-error{color:#c2481c;margin:-6px 0 12px;font-size:14px}.cmp-sub{margin-bottom:16px}.cmp-card-title{border-bottom:1px solid var(--grid);padding-bottom:12px}.cmp-sport{border-bottom:1px solid var(--grid);padding:12px 0}.cmp-sport:last-child{border-bottom:0;padding-bottom:0}.cmp-sport-head{align-items:center;gap:10px;margin-bottom:8px;font-size:19px;display:flex}.cmp-few{color:var(--text-soft);margin-left:auto;font-size:13px}.cmp-bar-row{grid-template-columns:82px 1fr 64px;align-items:center;gap:10px;margin-top:6px;font-size:14px;display:grid}.cmp-bar-label{color:var(--text-soft);line-height:1.2}.cmp-bar-track{background:#d4d6d9;border-radius:5px;height:10px;overflow:hidden}.cmp-bar-fill{border-radius:5px;height:100%;display:block}.cmp-bar-value{text-align:right;font-weight:800}.cmp-legend{border-bottom:0;flex-wrap:wrap;gap:8px 18px;margin-top:16px}.cmp-raccoon{margin-top:16px}.short-text{margin:0;font-size:16px;line-height:1.45}.short-text+.short-text{border-top:1px solid var(--grid);margin-top:10px;padding-top:10px}.flag-text{margin:0 0 14px;font-size:17px;line-height:1.45}.flag-callout{background:var(--orange);color:#fff;border-radius:18px;margin:0 0 16px;padding:16px;font-size:16px;font-weight:600;line-height:1.45}.article-card{background:var(--card);width:100%;color:var(--text);text-align:left;font:inherit;cursor:pointer;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:16px;display:flex}.short-card .article-card{background:var(--bg);margin:0}.article-card-title{font-size:17px;font-weight:800;display:block}.article-card-label{color:var(--hint);margin-top:2px;font-size:14px;display:block}.article-label{color:var(--teal);margin:8px 0 6px;font-size:14px;font-weight:700}.article-subtitle{color:var(--text-soft);margin:0 0 20px;font-size:18px}.article-h{margin:28px 0 10px;font-size:22px;font-weight:800}.article-sub{margin:18px 0 6px;font-size:17px;font-weight:800}.article-p,.article-list{margin:0 0 12px;font-size:17px;line-height:1.5}.article-list{padding-left:20px}.article-list li+li{margin-top:6px}.article .btn-primary{margin-top:24px}.profile-articles{margin-top:12px}.article-link{margin:-4px 0 10px;padding:0;text-decoration:underline;display:block}.settings-label{margin-bottom:8px;font-size:18px;font-weight:800;display:block}.settings-input{border:2px solid var(--grid);width:100%;color:var(--text);font:inherit;background:#fff;border-radius:14px;padding:14px 16px;font-size:17px}.settings-input:focus{border-color:var(--teal);outline:none}.settings-hint{color:var(--hint);margin:8px 0 16px;font-size:14px}.settings-row{margin-top:16px}.about-disclaimer{background:var(--card);color:var(--text-soft);border-radius:18px;margin-top:20px;padding:16px;font-size:15px;line-height:1.45}.about-disclaimer .article-sub{color:var(--text);margin-top:0}.about-disclaimer .article-list{margin:0;font-size:15px;line-height:1.45}.advice-intro{color:var(--hint);margin:4px 0 18px;font-size:15px;line-height:1.45}.advice-part+.advice-part{margin-top:8px}.advice-final{color:var(--teal);margin:18px 0 20px;font-size:18px;font-weight:700;line-height:1.45}.advice-screen .article-card{margin-bottom:12px}