:root{font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;color:#4b4441;background:#eee9e3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #fcf8f1;--card: #fffcf6;--rose: #ed8da2;--rose-strong: #df718e;--rose-soft: #f9e5e8;--ink: #4b4441;--muted: #a39890;--line: #eae1d7;--shadow: 0 5px 14px #75604c0a, 0 1px 2px #75604c05;--ease: cubic-bezier(.2,.8,.2,1);--motion-press: .16s;--motion-check: .22s;--motion-modal: .24s;--motion-list: .24s;--nav-height: 77px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button{transition:transform var(--motion-press) var(--ease),background var(--motion-press),box-shadow var(--motion-press)}button:active:not(:disabled),button.force-pressed{transform:scale(.96)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #da91a4;outline-offset:3px}button:disabled{opacity:.42}.app-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 20px 52px;background:radial-gradient(ellipse at 23% 15%,#f7e8e6 0,transparent 45%),radial-gradient(ellipse at 85% 82%,#e7e7e0 0,transparent 44%),#eeeae4}.phone{position:relative;width:min(var(--device-width),100%);height:min(var(--device-height),calc(100dvh - 92px));min-height:490px;display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border-radius:32px;box-shadow:0 24px 75px #67564a20,0 0 0 1px #fff9;isolation:isolate}.preview-toolbar{position:fixed;top:42px;left:max(22px,calc(50vw - 490px));width:188px;color:#857970}.preview-brand{display:flex;align-items:center;gap:7px;margin-bottom:22px}.preview-brand strong{font-size:15px;color:#63574f;letter-spacing:2px}.preview-brand span{font-size:10px;border-left:1px solid #cfc5bb;padding-left:9px;margin-left:3px;white-space:nowrap}.device-options{display:flex;flex-direction:column;gap:8px}.device-options button{border:1px solid #ded5cd;background:#ffffff40;border-radius:12px;padding:11px 13px;text-align:left;font-size:12px;display:flex;align-items:center;justify-content:space-between}.device-options button[aria-pressed=true]{background:#fcf7ef;border-color:#e3b9b7;box-shadow:var(--shadow);color:#945d66}.device-options small{font-size:10px;color:#a19389}.preview-toolbar a{display:block;margin-top:22px;font-size:12px;color:#8d706d;text-decoration:none}.preview-toolbar p{font-size:10px;color:#ab9f94;margin-top:12px}.desktop-caption{position:fixed;bottom:15px;left:50%;transform:translate(-50%);text-align:center;color:#a2988d;white-space:nowrap;font-size:10px;letter-spacing:1px}.desktop-caption span{display:block;font-size:7px;margin-top:4px;letter-spacing:1.7px;color:#b5aaa0}.asset{display:block;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:100%}.hero{flex:none;height:195px;position:relative;overflow:hidden;background:#f7e5e1}.hero-copy{position:relative;z-index:1;padding:24px 25px;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:2.2px;color:#9a7e78}.hero h1{font-size:43px;font-weight:600;letter-spacing:5px;margin:12px 0 8px;line-height:1.15;color:#4a3c3a}.hero h1 span{display:inline-block;margin-left:8px;font-size:37px;color:#c87a89;transform:rotate(-13deg);font-weight:400}.hero p{margin:0;font-size:12px;letter-spacing:1.2px;color:#8c7570;line-height:1.8}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-art>.asset:first-child{width:100%;height:100%}.hero-cat{position:absolute;right:25px;bottom:12px;width:116px;transform:rotate(6deg)}.hero-sparkle{position:absolute;width:38px;right:159px;top:69px;transform:rotate(12deg);opacity:.8}.date-section{flex:none;padding:17px 22px 12px;background:var(--paper)}.date-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.date-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:4px 0;text-align:left;white-space:nowrap}.date-button>span:first-child{font-size:21px;font-weight:600;letter-spacing:.4px}.date-weekday{font-size:12px;color:#8d8178}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 18px;border:1px solid transparent;border-radius:13px;font-size:14px;min-height:44px}.button--primary{background:var(--rose);color:#fff;box-shadow:0 4px 8px #d78b9822}.button--primary:hover:not(:disabled){background:var(--rose-strong)}.button--soft{background:#f8eee8;border-color:#e9d7cc;color:#8c7165}.button--ghost{color:#b07883;background:transparent}.button--danger{background:#df7b8b;color:#fff}.today-button{border-radius:16px;padding:6px 10px;font-size:11px;min-height:32px;background:#fff9f2;border-color:#e6cec3}.date-navigation{display:flex;align-items:center;justify-content:space-between;margin:8px -5px 10px}.date-navigation>span{font-size:10px;color:#a6998d;letter-spacing:1px}.icon-button{display:inline-grid;place-items:center;border:0;background:transparent;border-radius:10px;min-width:32px;min-height:32px;padding:7px;color:#aa9a90}.icon-button:hover{background:#f5ebe2;color:#c17482}.view-tabs{display:flex;gap:8px}.view-tabs>button{border:0;border-radius:20px;padding:9px 15px;background:#f1eae2;font-size:12px;color:#94867b;display:flex;align-items:center;justify-content:center;gap:7px;min-height:37px;white-space:nowrap}.view-tabs>button.active{background:#554f4b;color:#fffaf3;box-shadow:0 3px 9px #56473e1a}.view-tabs>button>span{font-size:10px;line-height:16px;min-width:16px;border-radius:10px;background:#ffffff30}.task-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:2px 18px 92px;scrollbar-width:thin;scrollbar-color:#e4d5cb transparent}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:0 5px 7px}.list-heading h2{font-size:11px;letter-spacing:.8px;font-weight:500;color:#978a7e;margin:0}.list-heading>span{font-size:9px;color:#b2a69a}.task-list{display:flex;flex-direction:column;gap:9px}.task-card{display:flex;align-items:center;gap:13px;min-height:76px;padding:13px 13px 13px 16px;background:var(--card);border:1px solid #eee5da;border-radius:19px;box-shadow:var(--shadow);position:relative}.checkbox{position:relative;flex:none;width:23px;height:23px;border:1.5px solid #b9afa4;border-radius:6px;background:#fffdf8;display:grid;place-items:center;padding:0;transition:background var(--motion-check),border-color var(--motion-check),transform var(--motion-press)}.checkbox:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.checkbox svg{opacity:0;transform:scale(.5);transition:opacity var(--motion-check),transform var(--motion-check) var(--ease)}.checkbox.is-checked{background:var(--rose);border-color:var(--rose);color:#fff}.checkbox.is-checked svg{opacity:1;transform:scale(1)}.task-content{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:3px 0;display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.65;letter-spacing:.4px}.task-content>span{white-space:pre-wrap;overflow-wrap:anywhere}.task-content small{font-size:10px;color:#ac9b8d}.task-actions{display:flex;align-items:center;gap:0;flex:none;opacity:.65}.task-actions .icon-button{min-width:28px;min-height:36px;padding:5px}.task-card:hover .task-actions{opacity:1}.task-card--done{box-shadow:none;background:#f8f2eb;border-color:#eee7dd;margin-bottom:8px}.task-card--done .task-content>span{text-decoration:line-through;color:#b0a59a}.task-card--done .checkbox{background:#d7c9bf;border-color:#d7c9bf}.is-completing .checkbox{background:var(--rose);border-color:var(--rose);color:#fff}.is-completing .checkbox svg{opacity:1;transform:scale(1)}.completed-section{margin-top:15px}.completed-heading{width:100%;display:flex;align-items:center;gap:7px;padding:9px 3px 13px;border:0;background:transparent;font-size:11px;color:#a4988b;text-align:left}.completed-heading>svg{transition:transform var(--motion-check)}.completed-heading>svg.is-collapsed{transform:rotate(-90deg)}.completed-count{font-size:10px;background:#eee5db;border-radius:8px;min-width:17px;padding:1px 4px;text-align:center}.daily-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 5px 0}.daily-progress>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#b1a296}.daily-progress>div{width:72px;height:3px;background:#ece3d9;border-radius:4px;overflow:hidden}.daily-progress i{display:block;height:100%;background:#e6b7bf;transition:width var(--motion-list)}.list-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;font-size:9px;letter-spacing:.5px;color:#b6a89b}.list-footer .asset{width:19px}.empty-state{padding:27px 10px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}.empty-state .asset{width:160px;margin-bottom:14px}.empty-state h2{margin:0 0 9px;font-size:16px;font-weight:500;letter-spacing:1px;color:#7d6e64}.empty-state p{font-size:11px;color:#ac9b8e;line-height:1.8;margin:0}.empty-state .button{margin-top:7px;font-size:11px}.fab{position:absolute;z-index:2;right:23px;bottom:calc(var(--nav-height) + 21px + env(safe-area-inset-bottom));width:59px;height:59px;display:grid;place-items:center;border:1px solid #e88aa0;background:linear-gradient(140deg,#f3a3b4,#ed86a1);border-radius:50%;color:#fff;box-shadow:0 6px 13px #d47a8b30,inset 0 1px 1px #ffffff60}.fab:active{transform:scale(.87);box-shadow:0 2px 4px #d47a8b20}.bottom-nav{flex:none;display:flex;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:5px 15px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #ede4d9;background:var(--paper);z-index:3}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;letter-spacing:1px;color:#8e8178;border:0;background:transparent}.bottom-nav button>span{width:45px;height:31px;display:grid;place-items:center;border-radius:18px}.bottom-nav button.selected{color:#b47782}.bottom-nav button.selected>span{background:#f8e4e6}.bottom-nav button.selected svg{fill:#f5d0d8}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;background:#51443d55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-height:95%;overflow:auto;overscroll-behavior:contain;border-radius:25px 25px 0 0;background:var(--paper);padding:22px 22px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px #4c383519}.modal:before{content:"";display:block;width:30px;height:3px;background:#ded2c6;border-radius:3px;margin:-11px auto 15px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-header h2{font-size:18px;letter-spacing:1px;margin:0;font-weight:550}.modal-header .icon-button{background:#f0e9df}.field-label{display:block;margin-bottom:8px;font-size:11px;color:#a39487}textarea{resize:vertical;min-height:92px;max-height:180px;width:100%;border:1px solid #e6dacd;border-radius:13px;padding:13px 14px;background:#fffcf7;font-size:14px;line-height:1.7;color:var(--ink);outline:none}textarea::placeholder{color:#baaea0}textarea:focus,input:focus{border-color:#dfa6ad;box-shadow:0 0 0 3px #e4a6b312;outline:none}.date-field{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#978677;margin:15px 0 21px}.date-field>span{display:flex;align-items:center;gap:7px}.date-field input{width:150px;max-width:55%;padding:8px;border:1px solid #eadfd2;border-radius:9px;background:#f9f1e8;color:#806c5e;font-size:12px;min-width:0}.modal form>.button,.calendar-modal>.button{width:100%}.form-note{font-size:9px;text-align:center;margin:13px 0 0;color:#b5a699;letter-spacing:.6px}.delete-description{font-size:12px;line-height:1.8;color:#9a887a}.delete-preview{background:#f6eee4;border-radius:12px;padding:14px;max-height:130px;overflow:auto;font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.confirm-actions{display:flex;gap:10px;margin-top:22px}.confirm-actions .button{flex:1}.toast{position:absolute;left:50%;bottom:calc(var(--nav-height) + 24px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:18px;max-width:calc(100% - 32px);padding:12px 17px;border-radius:14px;background:#554c47;color:#fdf7ef;box-shadow:0 5px 17px #59453922;white-space:nowrap;font-size:12px}.toast button{border:0;background:none;color:#f7bdca;padding:2px 0;font-size:12px;min-height:26px}.calendar-month{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:5px 0 12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:22px}.calendar-weekday{text-align:center;color:#ac9a8a;font-size:10px;padding:8px 0}.calendar-day{display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:50%;background:transparent;font-size:12px;position:relative}.calendar-day.is-today:after{content:"";position:absolute;bottom:3px;left:calc(50% - 2px);width:4px;height:4px;background:var(--rose);border-radius:50%}.calendar-day.is-selected{background:var(--rose);color:#fff}.calendar-day.is-selected:after{background:#fff}.placeholder-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;min-height:0}.placeholder-page .eyebrow{margin-bottom:30px}.placeholder-icon{display:grid;place-items:center;width:100px;height:100px;border-radius:36px;background:#f6e2e1;color:#cc8d9a;transform:rotate(-7deg)}.placeholder-page h1{font-size:25px;letter-spacing:3px;font-weight:500;margin:24px 0 5px}.placeholder-page p{font-size:12px;color:#9e8c7d}.coming-soon{display:block;margin-top:24px;padding:8px 13px;border:1px dashed #d9c6b6;border-radius:15px;color:#b09a88;font-size:10px}.placeholder-page .asset{width:35px;margin-top:28px}.error-message{border-radius:10px;background:#fae4e4;padding:12px;color:#ad5d6f;font-size:12px;line-height:1.6}.loading-message{color:#aa988a;font-size:12px;text-align:center;padding-top:40px}.preview-selector{flex:none;display:flex;justify-content:space-between;align-items:center;padding:10px 13px;background:#504a46;color:#fff9f0;font-size:10px;z-index:4}.preview-selector select{margin-left:7px;width:122px;background:#fff8ee;color:#58483e;border:0;padding:4px;border-radius:5px;font-size:11px}.preview-selector>span{font-size:8px;opacity:.65}.component-preview{flex:1;overflow:auto;padding:25px}.component-preview h1{font-size:22px}.component-preview h2{font-size:13px;margin-top:24px}.component-preview p{font-size:11px;line-height:1.8;color:#a59180}.component-preview>.button{margin:0 7px 8px 0;min-width:105px}.checkbox-preview{display:flex;gap:18px;margin-top:20px}@media (min-width:701px) and (max-width:1000px){.preview-toolbar{left:20px;width:145px}.preview-brand{flex-wrap:wrap}.preview-brand span{border:0;padding-left:0}.phone{margin-left:90px}}@media (max-width:700px){:root{--nav-height:72px}html,body,#root{width:100%;height:100%;overflow:hidden}.app-shell{position:fixed;top:var(--visible-offset,0px);left:0;padding:0;width:100%;height:var(--visible-height,100dvh);min-height:0;background:var(--paper)}.phone{width:100%;height:100%;min-height:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top)}.preview-toolbar,.desktop-caption{display:none}.hero{height:clamp(150px,23vh,200px)}.date-section{padding-top:15px}.modal{max-height:96%}textarea{font-size:16px}}@media (max-height:700px){:root{--nav-height:64px}.hero{height:132px}.hero-copy{padding-top:14px}.hero h1{font-size:35px;margin:8px 0 5px}.hero p{font-size:11px;line-height:1.6}.hero-cat{width:93px;right:27px;bottom:6px}.hero-sparkle{top:44px}.date-section{padding-top:10px;padding-bottom:10px}.date-navigation{margin:3px -5px 5px}.empty-state{padding-top:13px}.empty-state .asset{width:110px;margin-bottom:10px}.empty-state h2{font-size:14px}.task-card{min-height:67px}.modal{padding-top:19px}.field-label{margin-bottom:5px}.modal-header{margin-bottom:10px}.form-note{display:none}}:root{--paper: #fff7e9;--card: #fffcf5;--ink: #493c36;--rose: #ef91ab;--rose-strong: #e67698;--rose-soft: #fbe1e7;--muted: #957d6c;--line: #ead9c6;--shadow: 0 4px 12px #9c745410, 0 1px 2px #9c745409}.phone,.date-section,.bottom-nav,.modal{background-color:var(--paper);background-image:url(/assets/cozy_days/raster/backgrounds/paper_texture.png);background-size:320px 320px;background-repeat:repeat}.asset{height:auto}.hero{height:228px;background:#ffe9dd}.hero-art>.asset:first-child{-webkit-mask-image:linear-gradient(#000 25%,#0008 45%,transparent 70%);mask-image:linear-gradient(#000 25%,#0008 45%,transparent 70%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:18px;pointer-events:none;background:linear-gradient(transparent,#fff5e5)}.hero-copy{padding:22px 23px;z-index:2}.eyebrow{font-size:8px;letter-spacing:1.6px;color:#97736e}.hero h1{display:flex;align-items:center;gap:7px;margin:13px 0 11px;font-size:44px;font-weight:700;letter-spacing:5px;color:#3f3430}.hero h1 .asset{width:31px;transform:rotate(-12deg)}.hero p{color:#80675c;font-size:12px;line-height:1.85;letter-spacing:1px;transform:rotate(-4deg);transform-origin:left center}.hero-cat{width:72%;right:-7px;bottom:-5px;transform:none}.hero-sparkle{width:24px;left:33%;top:153px;opacity:.9}.hero-star{position:absolute;width:17px;left:10%;bottom:22px;transform:rotate(-16deg)}.date-section{padding:12px 20px 15px}.date-button{min-height:44px;gap:7px}.date-button>span:first-child{font-size:21px}.date-weekday{color:#89705d}.today-button{min-height:44px;min-width:72px;background:#fff9efb3;border-color:#dfc7b8;border-radius:17px;color:#947061}.date-navigation{margin:0 -9px 8px}.date-navigation>span{color:#9d8574}.icon-button{min-width:44px;min-height:44px;color:#a18071}.view-tabs{gap:9px}.view-tabs>button{min-height:44px;background:#f0e5d9a6;color:#8a7262;padding:10px 16px}.view-tabs>button.active{background:#554c44;box-shadow:0 3px 7px #6c4e4a22}.task-area{padding:0 18px 98px}.task-area--populated{margin-bottom:82px;padding-bottom:22px}.list-heading{padding:3px 5px 14px}.list-heading h2{position:relative;color:#8a705d;font-size:12px;z-index:0;font-weight:500}.list-heading h2 .asset{position:absolute;z-index:-1;width:73px;max-width:none;left:-8px;top:-13px;opacity:.38;transform:rotate(-5deg)}.list-heading>span{color:#9c8573}.task-list{gap:11px}.task-card{min-height:79px;gap:10px;padding:12px 9px 12px 15px;border:1px solid #eadbcb;border-radius:21px 19px 22px 18px;background:#fffcf5e8;box-shadow:var(--shadow)}.task-card:nth-child(3n+2){background:#fff9f0e8}.task-content{font-size:14px;color:var(--ink);min-height:44px;justify-content:center}.checkbox{border-color:#a99a87;border-radius:6px 7px 5px 6px}.checkbox:before{top:-11px;right:-11px;bottom:-11px;left:-11px}.task-actions{flex-direction:row;opacity:1}.task-actions .icon-button{min-width:44px;min-height:44px;padding:10px}.task-illustration{flex:none;width:46px;max-height:52px;object-fit:contain}.task-art{position:relative;flex:none;width:46px;height:60px;overflow:hidden;pointer-events:none;contain:layout paint}.task-art .task-illustration{position:absolute;top:2px;left:2px;width:auto;height:auto;max-width:40px;max-height:40px}.task-art .task-sticker{position:absolute;bottom:1px;right:1px;width:14px;height:auto;transform:rotate(10deg)}.task-card[data-layout="1"] .task-art .task-illustration{top:15px;left:3px;transform:rotate(-6deg)}.task-card[data-layout="1"] .task-art .task-sticker{top:0;left:0;transform:rotate(-14deg)}.task-card[data-layout="2"] .task-art .task-illustration{top:3px;left:0;transform:rotate(6deg)}.task-card[data-layout="2"] .task-art .task-sticker{bottom:1px;left:2px;transform:rotate(-8deg)}.task-card[data-theme=cream],[data-theme=cream].decoration-sample{background:#fffaf0;border-color:#e9d8bd}.task-card[data-theme=rose],[data-theme=rose].decoration-sample{background:#fff0f1;border-color:#edcdd5}.task-card[data-theme=lavender],[data-theme=lavender].decoration-sample{background:#f6f0fc;border-color:#ddd0eb}.task-card[data-theme=sage],[data-theme=sage].decoration-sample{background:#f1f6e9;border-color:#d9e1c8}.task-card--done .task-art{opacity:.55}.decoration-picker{margin:-5px 0 18px;border-top:1px dashed var(--line)}.decoration-picker summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:12px;color:#957160}.decoration-picker p{font-size:10px;color:#987c6c;margin-bottom:0}.decoration-sample{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid;border-radius:14px;margin-bottom:12px}.decoration-sample>.asset{flex:none;width:35px;height:35px}.decoration-sample>.asset:last-child{width:20px;height:20px}.decoration-sample span{min-width:0;flex:1;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;max-height:85px;overflow:auto}.sticker-options,.theme-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.sticker-options button,.theme-options button{min-width:44px;min-height:44px;border-radius:12px;border:1px solid #e4d6c8;background:#fffcf4;padding:8px}.sticker-options .asset{width:28px;height:28px}.theme-options button{font-size:11px;padding:8px 10px}.theme-options [data-theme=rose]{background:#fff0f1}.theme-options [data-theme=lavender]{background:#f6f0fc}.theme-options [data-theme=sage]{background:#f1f6e9}.sticker-options button[aria-pressed=true],.theme-options button[aria-pressed=true]{border:2px solid #c17b91;box-shadow:0 0 0 2px #fff9}.task-card--done,.task-card--done:nth-child(3n+2){background:#f7ecdd9c}.completed-heading{min-height:44px;color:#927a68}.daily-progress>span{color:#947b67}.empty-state{padding:22px 0 8px}.empty-art{position:relative;width:min(250px,85%);margin-bottom:16px}.empty-art>.asset{width:100%;margin:0}.empty-art>.empty-flower{width:26px;position:absolute;left:-12px;top:0;transform:rotate(-13deg)}.empty-art>.empty-star{width:23px;position:absolute;right:-13px;top:20px;transform:rotate(10deg)}.empty-state h2{color:#796050;font-size:16px}.empty-state p{color:#947c69}.empty-state .button{color:#b46b7b;min-height:44px}.list-footer{margin-top:23px;color:#a18773;font-size:9px;gap:8px}.list-footer .asset:first-child{width:44px;transform:rotate(-10deg)}.list-footer .asset:last-child{width:23px;transform:rotate(12deg)}.fab{background:linear-gradient(140deg,#f9a5bc,#ef7fa4);border:1.5px solid #eb88a3;box-shadow:0 5px #ddaf9b28,0 7px 16px #c16d8333,inset 0 2px 1px #fff8;width:60px;height:60px}.bottom-nav{border-top-color:#e7d7c3}.bottom-nav button{color:#8d7765}.bottom-nav button.selected{color:#b36078}.bottom-nav button.selected>span{background:#f9dbe1}.toast button{min-height:44px}@media (max-width:700px){.hero{height:clamp(208px,58vw,248px)}}@media (max-width:375px){.hero-copy{padding-left:21px}.hero h1{font-size:41px}.hero p{font-size:11px}.hero-sparkle{top:147px}.date-section{padding-left:18px;padding-right:18px}.task-area{padding-left:14px;padding-right:14px}.task-card{gap:8px;padding-left:13px}.task-illustration{width:40px}}@media (max-height:700px){.hero{height:138px}.hero-copy{padding-top:10px}.hero h1{font-size:33px;margin:6px 0}.hero p{font-size:10px;line-height:1.6}.hero-cat{width:60%;right:-4px;bottom:-6px}.hero-sparkle{top:94px;width:18px}.hero-star{display:none}.date-section{padding-top:5px;padding-bottom:10px}.date-navigation{margin-top:-4px;margin-bottom:0}.empty-state{padding-top:10px}.empty-art{width:190px;margin-bottom:10px}}.task-list{gap:0}.swipe-shell{position:relative;flex:none;overflow:hidden;padding-bottom:11px}.swipe-shell .task-card{margin-bottom:0;touch-action:pan-y;-webkit-user-select:none;user-select:none;transform:translateZ(0)}.swipe-shell[data-phase=dragging] .task-card,.swipe-shell[data-phase=exiting] .task-card{will-change:transform,opacity}.swipe-shell .task-content:active{transform:none}.swipe-shell .task-card{padding-left:17px;gap:10px}.task-favorite{width:23px;height:auto;flex:none;transform:rotate(9deg)}.swipe-rail{position:absolute;top:0;right:0;bottom:11px;left:0;border-radius:21px 19px 22px 18px;display:flex;align-items:stretch;pointer-events:none}.swipe-rail--complete{background:#b3c7a1;color:#384f32;opacity:var(--complete-reveal,0);justify-content:flex-start}.swipe-rail--delete{background:#df7b83;color:#fffaf0;opacity:var(--delete-reveal,0);justify-content:flex-end}.swipe-action{pointer-events:auto;width:80px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;color:inherit;background:transparent;font-size:11px;touch-action:manipulation;padding:8px}.swipe-action:disabled{opacity:1;pointer-events:none}.card-menu-copy{font-size:12px;line-height:1.8;color:#947861;margin:0 0 15px}.card-menu-actions{display:grid;gap:10px}.card-menu-actions .button{width:100%}.favorite-control{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:-8px 0 15px;padding:6px 12px;font-size:12px;color:#927057;border:1px dashed #dfcab2;border-radius:12px;background:#fff9ef}.favorite-control .asset{width:23px;height:23px}.favorite-control[aria-pressed=true]{border-style:solid;border-color:#e8c692;background:#fff0d2}.undo-toast{position:absolute;left:16px;right:16px;bottom:calc(var(--nav-height) + 15px + env(safe-area-inset-bottom));z-index:7;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 15px 8px;min-height:58px;background:#fff5df;background-image:var(--paper-texture);background-size:320px 320px;border:1px solid #e4cdb2;border-radius:17px 15px 16px 18px;color:#7c5e49;box-shadow:0 5px 18px #735c4020;font-size:12px;overflow:hidden;animation:toast-enter .3s ease-out}.undo-toast button{border:0;background:transparent;min-height:44px;min-width:44px;padding:8px 0;color:#bd6683;font-weight:600}.undo-toast--leaving{animation:toast-exit .3s ease-out forwards;pointer-events:none}.undo-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#eddcc9}.undo-progress i{display:block;height:100%;background:#ed9fb3;transform-origin:left;animation:undo-countdown 5s linear forwards}@keyframes undo-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toast-enter{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(14px);opacity:0}}@media (prefers-reduced-motion: reduce){.undo-progress i{animation-duration:5s!important}}.swipe-shell .task-card[data-theme],.decoration-sample[data-theme]{background-color:#fffaf0;background-image:linear-gradient(#fffcf3d9,#fffcf3d9),url(/assets/cozy_days/raster/backgrounds/paper_texture.png);background-size:auto,320px 320px;border-color:#e9dcc8;box-shadow:inset 2px 0 var(--card-accent,#e6d4b4),0 2px 6px #8e705810}[data-theme=cream]{--card-accent: #e8d5a9}[data-theme=rose]{--card-accent: #eebdcb}[data-theme=lavender]{--card-accent: #d5c5e8}[data-theme=sage]{--card-accent: #cadbb7}.swipe-shell{padding-bottom:8px}.swipe-shell .task-card{min-height:64px;padding:8px 8px 8px 15px;gap:8px;border-radius:17px 15px 18px 16px}.swipe-rail{bottom:8px;border-radius:17px 15px 18px 16px}.task-content{line-height:1.5;gap:3px;letter-spacing:.2px}.task-content .task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:3px 10px;font-size:11px;line-height:1.35;color:#a28b74}.task-meta time{white-space:nowrap;font-variant-numeric:tabular-nums}.task-art{width:44px;height:44px}.task-art .task-illustration{max-width:32px;max-height:32px;top:1px;left:5px}.task-art .task-sticker{width:10px;bottom:0;right:0}.task-card[data-layout="1"] .task-art .task-illustration{top:10px;left:7px}.task-card[data-layout="1"] .task-art .task-sticker{top:0;left:0}.task-card[data-layout="2"] .task-art .task-illustration{top:1px;left:0}.task-card[data-layout="2"] .task-art .task-sticker{left:1px;bottom:0}.task-favorite{width:21px}.date-section{display:grid;grid-template-columns:minmax(0,1fr) 88px;grid-template-rows:auto auto auto;column-gap:6px;padding:8px 18px 4px}.date-row{grid-column:1/-1}.date-navigation{grid-column:2;grid-row:2;margin:0;gap:0}.date-navigation>span{display:none}.view-tabs{grid-column:1;grid-row:2;gap:5px;min-width:0;align-items:center}.view-tabs>button{min-width:0;font-size:10px;padding:7px 9px;gap:5px;min-height:44px;background:transparent;border-radius:14px;color:#8d7663}.view-tabs>button.active{background:#efe4d3;color:#6e5846;box-shadow:none}.view-tabs>button>span{background:#fff8;color:#9c8068}.category-row{grid-column:1/-1;display:flex;gap:2px;min-width:0;align-items:center}.category-tabs{display:flex;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:3px}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{flex:none;min-width:44px;min-height:44px;border:0;padding:5px 0;background:transparent;border-radius:18px;font-size:12px}.category-tabs button>span{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 11px;border-radius:999px;background:#f1e8dc;color:#8e7865;white-space:nowrap}.category-tabs button[data-tone="1"]>span{background:#f6e1e2}.category-tabs button[data-tone="2"]>span{background:#eae5ee}.category-tabs button[data-tone="3"]>span{background:#f6e9cb}.category-tabs button[aria-pressed=true]>span{background:#554d45;color:#fff9ef;box-shadow:0 2px 5px #6e52431a}.category-tabs small{font-size:10px;opacity:.75}.category-add{flex:none;width:44px;height:44px;padding:0;border:0;background:transparent;display:grid;place-items:center;border-radius:50%;color:#816e5e}.task-list-viewport{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.task-list-viewport--populated{margin-bottom:82px}.task-list-viewport .task-area{margin-bottom:0;padding:0 18px 48px}.task-bottom-fade{position:absolute;z-index:2;left:0;right:0;bottom:0;height:48px;background:linear-gradient(to bottom,#fff7e900,#fff7e9dd 75%,#fff7e9);pointer-events:none}.list-heading{padding:2px 4px 10px}.list-heading h2{font-size:11px}.list-heading h2 .asset{width:65px;top:-12px;opacity:.3}.schedule-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:-8px 0 17px}.schedule-fields>label{min-width:0;display:flex;flex-direction:column;gap:7px;color:#957d68;font-size:11px}.schedule-fields select,.schedule-fields input,.category-form input{min-width:0;width:100%;min-height:44px;border:1px solid #e5d6c4;border-radius:10px;background:#fffaf0;color:#79634f;padding:8px;font:inherit}.time-input{display:flex;align-items:center;position:relative}.time-input input{padding-right:40px}.time-input button{position:absolute;right:0;min-width:40px;min-height:44px;border:0;background:transparent;color:#b07986;font-size:10px;padding:5px}.modal form>.todo-submit{position:sticky;bottom:0;z-index:1}.category-form>label{display:block;color:#957861;font-size:12px;margin-bottom:8px}.category-form>div{display:flex;gap:9px}.category-form input{flex:1;font-size:16px}.category-form .button{flex:none;padding:10px 12px}.category-cancel{min-height:44px;border:0;background:none;padding:8px 0;color:#a67986;font-size:12px}.category-note,.category-delete p{color:#92755e;font-size:12px;line-height:1.8}.category-manager-list{margin:12px 0 0;padding:0;list-style:none}.category-manager-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;border-bottom:1px dashed #e8d9c6;font-size:13px;overflow-wrap:anywhere}.category-manager-list li>div{display:flex;flex:none}.category-manager-list small{font-size:10px;color:#af9a84}@media (max-width:375px){.task-list-viewport .task-area{padding-left:14px;padding-right:14px}.date-section{padding-left:16px;padding-right:16px}}@media (max-height:700px){.date-section{padding-top:3px}.task-art{height:40px}}