:root,:root[data-theme]{--accent:#e86454;--accent-dark:#a53e34;--accent-soft:#ffe1d7;--text:#263f35;--muted:#52695c;--line:#dfd7bd;--paper:#fffaf0;color:#263f35;background:#fff8ec}
body{background-color:#fff8ec;background-image:radial-gradient(#bfa87915 .65px,transparent .65px);background-size:7px 7px}
.app-shell{max-width:680px;display:block}.app{padding:28px 20px 125px}.day-sidebar{grid-template-columns:1fr!important;gap:15px}.tracker-card,.tasks-card,.note-card{grid-column:auto!important;border:1px solid #ffffff75;border-radius:25px;padding:20px;box-shadow:0 5px 15px #bc955514;background-image:radial-gradient(ellipse at 18% 0,#ffffff38,transparent 65%)}
#tasks-card{background-color:#ffd2a6}#menu-card{background-color:#ffe082}#shopping-card{background-color:#bde8c5}#vision-card{background-color:#d5bdf2}#digital-card,#water-card{background-color:#b9e4f5}#weight-card{background-color:#ffd9c7}#journal-card{background-color:#e5cbf4}#cycle-card{background-color:#ffcdd8}#special-card{background-color:#ffe5a3}#movement-card{background-color:#c7e8bc}
.sidebar{position:fixed;inset:auto 0 max(10px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:640px;height:auto;margin:auto;padding:10px 8px;z-index:20;display:block;background:#fffdf4f5;border:1px solid #f0e4d1;border-radius:26px;box-shadow:0 6px 25px #8a6a3020;backdrop-filter:blur(14px)}.sidebar .brand,.sidebar .nav-label,.sidebar-note,.settings-button,.local-note{display:none}.view-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.view-switch button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;min-height:60px;border-radius:0;background:none!important;box-shadow:none!important;color:#263f35;font-weight:500;font-size:12px;text-align:center}.view-switch button+button{border-left:1px solid #eee6d7}.view-switch button span{width:26px;height:26px}.view-switch button svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.view-switch button[aria-pressed=true]{color:#dc584a}.view-switch button[aria-pressed=true]::after{content:'';position:absolute;bottom:0;left:22%;right:22%;height:3px;border-radius:3px;background:#f46b5e}.view-switch button[aria-pressed=true] svg.home-icon{fill:currentColor}
.page-header{display:block;position:relative;text-align:center;padding:10px 40px 16px;margin:0 0 12px;isolation:isolate}.page-header>div{position:relative}.page-header::before,.page-header::after{content:'';position:absolute;top:0;bottom:0;width:65px;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MCAyMzAiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzU2Nzc0YyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjxwYXRoIGQ9Ik0yNCAyMjdDNDIgMTg0IDI5IDE1MCA1MSAxMTFTNDggNDEgNzIgOCIvPjxwYXRoIGQ9Ik0zNiAxNjhMMTUgMTM0TTQ4IDEyMkw3NSA5OU01NyA4MEwzNCA0NyIvPjwvZz48ZyBmaWxsPSIjNzU5MTViIiBzdHJva2U9IiM0NzZhNDMiIHN0cm9rZS13aWR0aD0iMSI+PHBhdGggZD0iTTM0IDE5OFE0IDE4NSAxNCAxNjVRMzcgMTcwIDM0IDE5OFoiLz48cGF0aCBkPSJNMzkgMTc3UTcwIDE1OSA3MSAxMzdRNDIgMTQ2IDM5IDE3N1oiLz48cGF0aCBkPSJNMzUgMTUxUTcgMTQzIDUgMTIyUTMxIDEyMyAzNSAxNTFaIi8+PHBhdGggZD0iTTQ2IDEzMVE2OCAxMzAgODIgMTA5UTU1IDEwNCA0NiAxMzFaIi8+PHBhdGggZD0iTTUyIDEwOFEyNCAxMDMgMjIgNzhRNDggNzggNTIgMTA4WiIvPjxwYXRoIGQ9Ik01NiA4MlE4MiA2OSA4MSA0OVE2MCA1NiA1NiA4MloiLz48cGF0aCBkPSJNNTcgNjRRMzQgNTQgMzUgMzJRNjAgMzkgNTcgNjRaIi8+PHBhdGggZD0iTTY1IDMyUTgzIDIwIDc3IDNRNjEgMTQgNjUgMzJaIi8+PC9nPjxnIHN0cm9rZT0iI2MxYzk5OCIgc3Ryb2tlLXdpZHRoPSIuOCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTM0IDE5OEwxNyAxNzFNMzkgMTc3TDY2IDE0NE0zNSAxNTFMMTAgMTI3TTQ2IDEzMUw3NyAxMTNNNTIgMTA4TDI4IDg1TTU2IDgyTDc2IDU2TTU3IDY0TDQwIDM4Ii8+PC9nPjxnIGZpbGw9IiNmMThiNzIiPjxwYXRoIGQ9Ik0xNSAxMzVRLTMgMTI3IDUgMTE1UTIwIDExNyAxNSAxMzVaIi8+PHBhdGggZD0iTTE1IDEzNVExNSAxMDggMjkgMTE0UTMyIDEyOCAxNSAxMzVaIi8+PC9nPjwvc3ZnPg0K') center/contain no-repeat;z-index:-1;pointer-events:none;opacity:.8}.page-header::before{left:-10px;transform:rotate(-15deg)}.page-header::after{right:-10px;transform:scaleX(-1) rotate(-15deg)}
h1{margin:auto;font-size:clamp(52px,12vw,76px);font-weight:600;color:#193e2d;line-height:1.3;letter-spacing:-2px}h1::after{height:9px;bottom:0;width:95%;background:#f46b5e9c;border-radius:40% 60% 30% 70%;transform:rotate(-3deg)}.sparkle{font-size:.42em;color:#f08056}.page-header .subtitle{font-family:var(--hand);font-size:17px;color:#3a5a43;margin-top:16px}.journal-shortcut{margin:12px 0 0;border:0;background:#fff4d9;font-size:11px;padding:8px 14px;min-height:34px;border-radius:20px;color:#48644e}
.date-strip{justify-content:center;gap:0;margin:0 auto 9px;width:fit-content;max-width:100%;border:1px solid #eae0ce;background:#fffcf3;border-radius:28px;box-shadow:0 3px 9px #a8906814}.date-strip button{background:none!important;min-height:46px;color:#263f35;font-size:17px!important}.date-strip #date-jump{flex:none;min-width:190px;padding:8px 10px;font-weight:600}.date-strip button:first-child,.date-strip button:nth-child(3){width:42px;padding:2px;font-size:28px!important}.date-strip #back-today{flex-basis:100%;text-align:center;font-size:12px!important;min-height:32px}
.tracker-card .illustrated-card-header,#tasks-card .illustrated-card-header,#water-card .illustrated-card-header{min-height:106px;margin:0 0 9px;gap:8px}.tracker-card .illustrated-card-header h3,#tasks-card .illustrated-card-header h3,#water-card .card-heading h3{font-size:clamp(26px,6.7vw,35px);line-height:1.35;font-weight:600;color:#214532;letter-spacing:-.8px;position:relative}.illustrated-card-header h3::after{content:'';display:block;width:85%;height:4px;margin-top:3px;background:#f46b5e70;border-radius:50%;transform:rotate(-2deg)}
.tracker-card .illustrated-card-header .journal-art,#tasks-card .illustrated-card-header .journal-art,#water-card .illustrated-card-header .journal-art{width:128px;height:128px;order:2}.journal-art.art-vision{background-image:url('assets/vision-board.png');background-size:contain;background-position:center;clip-path:none}.journal-art.art-digital{background-image:url('assets/digital-balance.png');background-size:contain;background-position:center;clip-path:none}.settings-section-card .art-vision{width:105px;height:105px}.tracker-card .tracker-caption,#menu-card>p,#shopping-card>p{color:#365845;font-size:13px}.tracker-card .mini-entry{color:#263f35;font-size:14px}.tracker-card .inline-book{border-color:#688d5c38;margin-top:10px;padding-top:9px}.inline-book input{background:#fffdf4b5;border:1px solid #ffffffa0;border-radius:13px;height:44px}.book-choice{background:#fffdf4aa;border-color:#ffffffb0;color:#2f553c}.delete-button{color:#536b58!important}.tracker-card .settings-copy,.photo-help{color:#456254;line-height:1.6}
#tasks-card .task{background:#fff7ec85;border-color:#ffffff80;border-left:0;border-radius:13px;box-shadow:none;padding:10px 12px}#tasks-card .task>input{width:24px;height:24px;accent-color:#eb6955}#tasks-card .task-text{font-size:16px;color:#263f35}#tasks-card .task-meta{color:#506555}#tasks-card .task.completed{background:#ffffff75;opacity:.85}#tasks-card .task>.delete-button{background:none}#tasks-card .quick-capture{margin:8px 0 12px}#tasks-card .quick-capture>summary{width:auto;border-color:#ffffff80;background:#fff9eda0;color:#37583e;font-size:12px;min-height:40px}#tasks-card #total-count{color:#476548;background:#fffaf08a;font-size:11px;min-width:24px;height:24px}#tasks-card .panel-footer{margin:10px 0 0;padding-top:8px;color:#52664e}#tasks-card #progress{accent-color:#f46b5e}#tasks-card #progress::-webkit-progress-value{background:#f46b5e}.task-tools{margin-bottom:10px;background:#fff8e84d;border-radius:12px;padding:0 10px}.task-tools>summary{min-height:38px;color:#416044;font-size:12px}#tasks-card .task-tools #search{background:#fffcf1c9}#tasks-card .filters{background:#f5bd8880}#tasks-card .filters button[aria-pressed=true]{color:#a53e34}.task-tools[open]{padding-bottom:8px}
.add-button{background:#e86454;color:#fff;font-size:13px;min-height:44px}.add-button:hover{background:#c94c40}.soft-button{background:#fffcf0c9;border:1px solid #ffffffaa;color:#36573f;border-radius:12px;min-height:40px}.text-button{color:#36573f}.settings-section-card{border-color:#ffffff80;background:#ffe3a0!important}.settings-section-card:nth-child(3n+2){background:#c6e9c8!important}.settings-section-card:nth-child(3n){background:#dfc7f3!important}.settings-section-copy strong{color:#263f35;font-weight:600}.settings-section-copy small{color:#43644b}.settings-block,#settings-layout{background:#fffaf0;border-color:#eee0c9}.calendar-host{background:#fffaf1;border-color:#eee0c9}.calendar-day{background:#e9dcf74d;border-color:#dbc8eb}.calendar-day[aria-pressed=true]{background:#ffd2a6!important;border-color:#dc7b55!important}.overview-list-calendar{background:#ffeab4}.overview-health-calendar{background:#d4edcf}.digital-total{color:#244f4d}.digital-bar{background:#559fb6}.digital-target{background:#fffef391;color:#365e50}.digital-ranking li{border-color:#57838442}.digital-ranking strong{color:#285544}.vision-card .vision-preview{max-width:220px;margin:6px auto 12px;border:6px solid #fff8e9;transform:rotate(-1deg);box-shadow:0 5px 16px #72559326}.water-summary{background:#fffdf391;border-color:#ffffff70}.water-summary .tracker-value strong{color:#286d86}.water-summary progress::-webkit-progress-value,#water-card .water-actions #water-plus{background:#4693ad;border-color:#4693ad}.water-summary #water-glasses{color:#366b7b}
@media(max-width:360px){.app{padding:20px 12px 120px}.tracker-card{padding:16px}.tracker-card .illustrated-card-header .journal-art,#tasks-card .illustrated-card-header .journal-art{width:105px;height:105px}.tracker-card .illustrated-card-header h3{font-size:25px}.view-switch button{font-size:11px}.page-header{padding-left:30px;padding-right:30px}}
@media(prefers-reduced-motion:no-preference){.tracker-card{animation:card-arrive .35s ease both}.task input:checked{animation:little-pop .3s ease}@keyframes card-arrive{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes little-pop{50%{transform:scale(1.18)}}}
/* Eski mobil gezinme sabitlemesini yeni tek çubuğa devret. */
.sidebar .view-switch{position:static;inset:auto;width:100%;max-width:none;margin:0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important}.sidebar .view-switch button{padding:6px 2px!important;font-size:12px!important}.sidebar .view-switch button[aria-pressed=true]{background:transparent!important;color:#dc584a!important}.page-header{padding:10px 0 16px}.date-strip{width:fit-content;max-width:100%;flex-wrap:wrap}.date-strip #date-jump{min-width:0;width:190px;flex:0 0 190px}.date-strip #previous-day,.date-strip #next-day{width:40px;min-width:40px}.date-strip #back-today{width:100%;flex:0 0 100%}.page-header::before,.page-header::after{top:55px;bottom:45px}.page-header>div{z-index:1}.sidebar #open-settings::before,.sidebar #open-settings::after{display:none}body{overflow-x:clip}.page-header:has(h1) h1{max-width:100%;overflow-wrap:anywhere}.page-header h1{font-size:clamp(48px,12vw,72px)}
#tasks-card #empty-state{padding:16px 6px;min-height:0}#tasks-card #empty-state>.empty-icon{display:none}#tasks-card #empty-state h3{font-size:21px;padding:0}#tasks-card #empty-state p{font-size:12px;line-height:1.6;margin:8px 0;color:#53664c}#tasks-card .panel-footer{border-top-color:#b6865430}.tracker-card .illustrated-card-header h3{min-width:0}.vision-preview-disclosure>summary{color:#4e4268;font-size:12px}.vision-card .vision-motto{font-family:var(--hand);font-size:17px;margin:6px 0 12px;color:#3d5048}.vision-card .vision-actions{justify-content:flex-start}.vision-card .vision-actions button{font-size:12px}.vision-card .vision-preview-disclosure{margin-top:8px}.digital-card .photo-help{font-size:11px}#tasks-card .illustrated-card-header h3{display:block}#tasks-card #total-count{vertical-align:middle;margin-left:5px}.illustrated-card-header h3::after{margin-top:5px}
:root[data-screen=settings] .page-header{padding-top:16px}
.page-header::before,.page-header::after{height:165px;bottom:auto;opacity:.8}
:root[data-screen=calendar] .page-header,:root[data-screen=settings] .page-header{min-height:205px}
:root[data-screen=calendar] .page-header::before,:root[data-screen=calendar] .page-header::after,:root[data-screen=settings] .page-header::before,:root[data-screen=settings] .page-header::after{top:12px}
@media(max-width:360px){.date-strip{width:100%;max-width:290px}.date-strip #date-jump{width:auto;flex:1 1 0}.date-strip #today-label{font-size:15px}}
.tracker-card{animation:none}