*{box-sizing:border-box}:root{color:#2b2823;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fbfaf7;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{background:#fbfaf7;min-width:320px;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:#cdebdd}input::placeholder{color:#b6b1a7}.app-shell{background:#fbfaf7;min-height:100vh}.container{width:min(900px,92vw);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:22px 0 8px;display:flex}.brand{color:#2b2823;letter-spacing:0;align-items:center;gap:10px;font-family:Nunito,sans-serif;font-size:16px;font-weight:700;display:flex}.brand-mark{color:#138a63;background:#eaf6f0;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.segment-control{background:#f1efea;border-radius:12px;align-items:center;gap:2px;padding:3px;display:inline-flex}.segment-button{color:#8b867d;cursor:pointer;background:0 0;border:0;border-radius:9px;height:32px;padding:0 15px;font-size:13.5px;font-weight:700;transition:background .16s,color .16s,box-shadow .16s}.segment-button[aria-pressed=true]{color:#138a63;background:#fff;box-shadow:0 1px 3px #2b28231f}.hero{text-align:center;padding:64px 0 56px}.hero-badge{color:#6f8178;background:#fff;border:1px solid #ece8e1;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero-badge span{background:#138a63;border-radius:999px;width:7px;height:7px}.hero h1{color:#26231e;letter-spacing:0;text-wrap:balance;max-width:660px;margin:0 auto;font-family:Nunito,sans-serif;font-size:60px;font-weight:700;line-height:1.04}.hero p{color:#858077;text-wrap:pretty;max-width:540px;margin:22px auto 36px;font-size:19px;line-height:1.55}.primary-button{color:#fff;cursor:pointer;background:#138a63;border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:0 30px;font-size:17px;font-weight:800;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 6px 18px #138a6338}.primary-button:hover{background:#0f7152;transform:translateY(-1px);box-shadow:0 10px 24px #138a6347}.primary-button:active{transform:translateY(0)}.editor-section{padding:24px 0 8px;scroll-margin-top:24px}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.step-title,.generate-title{align-items:center;gap:9px;display:flex}.step-number{color:#138a63;background:#eaf6f0;border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.step-title h2,.generate-title h2{color:#26231e;letter-spacing:0;margin:0;font-family:Nunito,sans-serif;font-size:24px;font-weight:700}.step-subtitle{color:#928d84;margin:8px 0 0 33px;font-size:14.5px}.empty-state{text-align:center;background:#fff;border:1px dashed #dbd6cd;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:48px 24px;display:flex}.empty-icon{color:#b6b1a7;background:#f4f2ec;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:6px;display:flex}.empty-title{color:#3a362f;font-size:16px;font-weight:800}.empty-subtitle{color:#928d84;max-width:300px;font-size:14px}.habit-list{flex-direction:column;gap:10px;display:flex}.habit-wrap{transition:transform .16s;position:relative}.habit-wrap.is-dragging .habit-card{box-shadow:none;opacity:.46;background:#faf9f6;border-style:dashed;border-color:#d9d4ca}.drop-line{z-index:2;background:#138a63;border-radius:999px;height:2px;position:absolute;top:-5px;left:14px;right:14px;box-shadow:0 1px 5px #138a633d}.habit-card{background:#fff;border:1px solid #e7e3db;border-radius:16px;align-items:flex-start;gap:12px;padding:15px;display:flex;position:relative;box-shadow:0 1px 2px #2b28230a}.icon-button{color:#c2bdb3;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:inline-flex}.drag-handle{color:#c7c2b8;cursor:grab;width:30px;height:38px}.drag-handle:active{cursor:grabbing}.drag-handle:hover{color:#9a958b;background:#f4f2ec}.habit-drag-preview{z-index:1000;color:#2c2925;pointer-events:none;background:#fff;border:1px solid #dcd7cd;border-radius:14px;align-items:center;gap:11px;min-width:220px;max-width:420px;height:58px;padding:0 18px;display:flex;position:fixed;top:-200px;left:0;overflow:hidden;box-shadow:0 14px 32px #2f2b252e}.habit-drag-preview svg{color:#aaa499;flex:none}.habit-drag-preview span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:800;overflow:hidden}.delete-button:hover{color:#d2664f;background:#fbeeec}.habit-main{flex-direction:column;flex:1;gap:11px;min-width:0;padding-top:2px;display:flex}.habit-name-input{color:#2b2823;background:0 0;border:0;outline:0;width:100%;padding:2px 0;font-size:16.5px;font-weight:800}.habit-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.select-wrap{align-items:center;display:inline-flex;position:relative}.select-wrap select{appearance:none;color:#56514a;cursor:pointer;background:#f8f7f4;border:1px solid #e7e3db;border-radius:10px;outline:0;height:34px;padding:0 32px 0 12px;font-size:13.5px;font-weight:700;transition:border-color .15s}.select-wrap select:focus-visible{border-color:#138a63}.select-wrap svg{color:#9a958b;pointer-events:none;position:absolute;right:11px}.day-chips{flex-wrap:wrap;gap:5px;display:flex}.day-chip{color:#8b867d;cursor:pointer;background:#fff;border:1px solid #e2ded6;border-radius:9px;width:30px;height:30px;padding:0;font-size:12px;font-weight:800;transition:background .14s,border-color .14s,color .14s}.day-chip[aria-pressed=true]{color:#fff;background:#138a63;border-color:#138a63}.stepper{background:#f8f7f4;border:1px solid #e7e3db;border-radius:10px;align-items:center;gap:2px;height:34px;padding:0 4px;display:inline-flex}.stepper span{color:#928d84;padding:0 6px;font-size:13px;font-weight:700}.stepper button{color:#56514a;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;line-height:1;display:inline-flex}.stepper button:hover{background:#eae7e0}.stepper strong{color:#2b2823;text-align:center;min-width:20px;font-size:14px}.add-button{color:#6e6a62;cursor:pointer;background:0 0;border:1px dashed #d6d1c7;border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;height:50px;margin-top:12px;font-size:15px;font-weight:800;transition:border-color .16s,color .16s,background .16s;display:flex}.add-button:hover{color:#138a63;background:#f6fbf8;border-color:#138a63}.preview-section{padding:52px 0 8px}.preview-head{flex-wrap:wrap;align-items:flex-end}.preview-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.custom-days{background:#fff;border:1px solid #e7e3db;border-radius:12px;align-items:center;gap:7px;height:38px;padding:0 12px;display:inline-flex}.custom-days input{color:#2b2823;text-align:center;background:0 0;border:0;outline:0;width:42px;font-size:14px;font-weight:800}.custom-days span{color:#928d84;font-size:13px;font-weight:700}.paper-viewport{justify-content:center;padding:8px 0;display:flex;overflow-x:auto}.tracker-paper{background:#fff;border:1px solid #ece8e1;border-radius:10px;width:100%;max-width:560px;padding:42px;box-shadow:0 10px 34px #2b282312,0 1px 2px #2b28230d}.tracker-paper-landscape{min-width:720px;max-width:820px}.paper-header{color:#1f1c18;letter-spacing:0;border-bottom:2px solid #2b2823;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;padding-bottom:12px;font-family:Nunito,sans-serif;font-size:20px;font-weight:700;display:flex}.paper-header span{color:#9a958b;white-space:nowrap;font-family:Nunito,sans-serif;font-size:12.5px;font-weight:700}.preview-empty{color:#b6b1a7;text-align:center;padding:48px 0;font-size:14px}.tracker-grid-head,.tracker-row{align-items:center;gap:6px;display:flex}.tracker-grid-head{border-bottom:1px solid #d9d4cb;align-items:flex-end;margin-bottom:4px;padding-bottom:9px}.tracker-grid-head>div:first-child{color:#9a958b;letter-spacing:0;text-transform:uppercase;flex:0 0 34%;font-family:Nunito,sans-serif;font-size:11px;font-weight:700}.tracker-grid-cells{flex:1;gap:2px;min-width:0;display:flex}.tracker-column-label{color:#8f8980;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:800;line-height:1.05;overflow:hidden}.tracker-row{border-bottom:1px solid #efebe3;padding:11px 0}.tracker-row-name{flex:0 0 34%;min-width:0;padding-right:8px}.tracker-row-name strong,.tracker-row-name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tracker-row-name strong{color:#2b2823;font-size:14px;font-weight:800}.tracker-row-name span{color:#a7a196;margin-top:2px;font-size:10.5px;font-weight:700}.tracker-cell{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.tracker-cell span{border:1.6px solid #a9a399;border-radius:4px;width:15px;height:15px}.generate-section{text-align:center;padding:48px 0 0}.generate-title{justify-content:center;margin-bottom:10px}.generate-section p{color:#928d84;max-width:420px;margin:0 auto 26px;font-size:14.5px}.primary-button-large{border-radius:16px;gap:11px;min-height:58px;padding:0 36px;font-size:18px;box-shadow:0 8px 22px #138a633d}.print-tags{color:#9c968c;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:20px;font-size:12.5px;font-weight:800;display:flex}.print-tags span[aria-hidden=true]{opacity:.4}.footer{color:#b0aaa0;text-align:center;padding:64px 0 40px}.footer-social-line{color:#3a362f;font-size:15px;font-weight:800}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:13px;display:flex}.footer-links a{color:#56514a;background:#fff;border:1px solid #e7e3db;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 15px;font-size:13px;font-weight:700;text-decoration:none;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.footer-links a:hover{color:#0f7152;background:#f6fbf8;border-color:#138a63;transform:translateY(-1px)}.footer-note{color:#b0aaa0;margin-top:18px;font-size:12.5px;font-weight:800}.toast{z-index:50;color:#fff;background:#26231e;border-radius:13px;align-items:center;gap:10px;padding:13px 20px;font-size:14.5px;font-weight:700;animation:.25s toast-in;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000038}.toast svg{color:#5ed49e}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@media (width<=720px){.container{width:min(100% - 28px,900px)}.hero{padding:50px 0 44px}.hero h1{font-size:44px}.hero p{font-size:17px}.section-head{flex-direction:column;align-items:stretch}.preview-controls,.preview-controls .segment-control{width:100%}.preview-controls .segment-button{flex:1}.habit-card{gap:8px;padding:13px}.drag-handle{width:28px}.tracker-paper{padding:28px}}@media (width<=460px){.topbar{align-items:flex-start}.hero h1{font-size:38px}.hero p{font-size:16px}.primary-button{width:100%;padding:0 18px}.habit-card{flex-wrap:wrap}.habit-main{flex-basis:100%;order:3}.delete-button{margin-left:auto}}