:root{--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Grotesk", monospace;--bg-app:#f8fafc;--bg-card:#fff;--border-light:#e2e8f0;--border-subtle:#cbd5e1;--border-dark:#0f172a;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--accent-black:#0f172a;--accent-black-hover:#1e293b;--circle-border:#1e293b;--circle-size:24px;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;min-height:100vh;background-color:var(--bg-app)!important;color:var(--text-main)!important;overflow-x:hidden!important}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;min-height:100vh;position:relative;background-color:var(--bg-app)!important;color:var(--text-main)!important;overflow-x:hidden!important}#root{text-align:left!important;background-color:var(--bg-app)!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important;display:flex!important;overflow-x:hidden!important}.app-layout{background-color:var(--bg-app);flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}.top-nav{z-index:40;border-bottom:1px solid var(--border-light);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 2rem;display:flex;position:sticky;top:0}.brand-section{align-items:center;gap:.85rem;display:flex}.brand-badge{background:var(--accent-black);color:#fff;width:38px;height:38px;font-family:var(--font-serif);border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000014}.brand-logo-img{object-fit:cover;width:100%;height:100%;display:block}.brand-info h1{color:var(--text-main);font-size:1.1rem;font-weight:800;line-height:1.15}.brand-info p{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.author-link{color:var(--text-muted);border-bottom:1px dotted #64748b66;font-weight:600;text-decoration:none;transition:all .15s}.author-link:hover{color:var(--accent-black);border-bottom-color:var(--accent-black)}.week-navigator{border:1px solid var(--border-light);background:#f1f5f9;border-radius:9999px;align-items:center;gap:.35rem;padding:3px 6px;display:inline-flex}.week-label-btn{font-family:var(--font-sans);color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:flex}.nav-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.btn{font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.45rem;height:36px;padding:0 1rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-main);background:#fff}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.btn-primary{background:var(--accent-black);color:#fff;border-color:var(--accent-black)}.btn-primary:hover{background:var(--accent-black-hover);color:#fff}.btn-accent{background:var(--accent-black);color:#fff;font-weight:700;box-shadow:0 2px 4px #0f172a26}.btn-accent:hover{background:var(--accent-black-hover);transform:translateY(-1px)}.btn-circle{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-circle:hover{color:var(--text-main);background:#e2e8f0}.control-bar{border-bottom:1px solid var(--border-light);background:#fff;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1.5rem;padding:.65rem 2rem;display:flex}.control-group{align-items:center;gap:.5rem;display:flex}.control-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.74rem;font-weight:700}.segmented-control{border:1px solid var(--border-light);background:#f1f5f9;border-radius:9999px;padding:3px;display:inline-flex}.segment-btn{font-family:var(--font-sans);height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:4px;padding:0 .8rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.segment-btn:hover{color:var(--text-main)}.segment-btn.active{color:var(--text-main);background:#fff;font-weight:700;box-shadow:0 1px 3px #00000014}.workspace-container{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;max-width:100%;padding:2.5rem 1.5rem 4rem;display:flex;overflow-x:hidden}.sheet-outer-wrapper{transform-origin:top;justify-content:center;transition:transform .2s;display:flex}.habit-sheet{box-sizing:border-box;color:var(--text-main);background:#fff;border-radius:4px;flex-direction:column;display:flex;position:relative;box-shadow:0 10px 30px -5px #0f172a14,0 0 0 1px #0f172a0d}.planner-table-container{box-sizing:border-box;transform-origin:0 0;width:100%}.planner-table{border-collapse:collapse;table-layout:fixed;width:100%}.planner-table thead th{vertical-align:bottom;border-bottom:1.5px solid var(--text-main);padding-bottom:.65rem}.planner-title-th{text-align:left;padding-left:.25rem;overflow:hidden}.planner-header-title{font-family:var(--font-serif);letter-spacing:.04em;color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:1.75rem;font-weight:700}.planner-header-title:focus{background:#fef08a;border-radius:4px}.planner-header-title-sub{font-family:var(--font-serif);letter-spacing:.04em;color:var(--text-main);font-size:1.5rem;font-weight:700;display:block}.planner-header-title-sub .page-sub{font-size:.95rem;font-family:var(--font-sans);color:var(--text-muted);font-weight:600}.col-extra-th{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:700;overflow:hidden}.planner-day-th{text-align:center;padding:0 1px}.planner-day-label{font-family:var(--font-serif);letter-spacing:.02em;color:var(--text-main);font-size:1rem;font-weight:700;display:block}.planner-day-date{font-family:var(--font-sans);color:var(--text-muted);margin-top:1px;font-size:.65rem;font-weight:500}.planner-row{height:30px;min-height:30px}.planner-row td{height:inherit;vertical-align:middle}@media (hover:hover) and (pointer:fine){.planner-row:hover .row-actions{opacity:1;pointer-events:auto}}.row-actions.is-visible{opacity:1!important;pointer-events:auto!important}.planner-row.row-selected td{background:#0ea5e914!important}.planner-row.row-selected .habit-line-wrapper{border-bottom-color:#0284c7!important}.planner-habit-col{vertical-align:middle;cursor:pointer;padding:0 .25rem 0 0;position:relative}.habit-line-wrapper{box-sizing:border-box;border-bottom:1px solid #334155;align-items:center;gap:.5rem;width:100%;min-height:28px;padding:2px 0;display:flex}.habit-number{font-family:var(--font-serif);color:var(--text-main);-webkit-user-select:none;user-select:none;min-width:18px;font-size:1.05rem;font-weight:700;line-height:1}.habit-name-text{min-width:0;font-family:var(--font-sans);color:var(--text-main);white-space:normal;overflow-wrap:break-word;word-break:break-word;flex:1;padding:1px 0;font-size:.92rem;font-weight:600;line-height:1.25}.habit-empty-line{flex:1;height:100%;min-height:22px;display:block}.planner-circle-col{text-align:center;vertical-align:middle;padding:0 1px}.circle-check{cursor:pointer;box-sizing:border-box;color:var(--text-main);justify-content:center;align-items:center;transition:transform .1s;width:var(--circle-size)!important;height:var(--circle-size)!important;min-width:var(--circle-size)!important;min-height:var(--circle-size)!important;max-width:var(--circle-size)!important;max-height:var(--circle-size)!important;border:1.5px solid var(--circle-border)!important;vertical-align:middle!important;background:#fff!important;border-radius:50%!important;margin:0 auto!important;padding:0!important;font-size:0!important;line-height:0!important;display:flex!important}.circle-check:hover{transform:scale(1.1);background:#f8fafc!important;border-color:#000!important}.circle-check.checked{border-color:var(--circle-border)!important;color:var(--text-main)!important;background:#fff!important}.circle-check svg{stroke-width:2.8px;width:14px;height:14px;stroke:var(--text-main);flex-shrink:0;margin:auto;display:block}.print-blank-mode .circle-check{border:1.5px solid var(--circle-border)!important;color:#0000!important;background:#fff!important}.print-blank-mode .circle-check svg{display:none!important}.print-blank-mode .circle-check:hover{transform:none!important}.row-actions{z-index:20;opacity:0;pointer-events:none;border:1px solid var(--border-subtle);background:#fff;border-radius:9999px;align-items:center;gap:2px;padding:2px 5px;transition:opacity .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%);box-shadow:0 2px 8px #0f172a1f}.action-mini-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:2px;display:inline-flex}.action-mini-btn:hover{color:var(--text-main);background:#e2e8f0}.action-mini-btn.edit:hover{color:#0284c7;background:#e0f2fe}.action-mini-btn.delete:hover{color:#dc2626;background:#fee2e2}.sheets-stack{flex-direction:column;align-items:center;gap:2.5rem;width:100%;display:flex}.sheet-page-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.sheet-page-badge{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border-light);background:#fff;border-radius:9999px;margin-bottom:.6rem;padding:3px 12px;font-size:.72rem;font-weight:700;box-shadow:0 1px 2px #0000000a}.col-extra-cat{text-align:center;color:var(--text-muted);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;font-size:.75rem;font-weight:600;overflow:hidden}.col-extra-meta{text-align:center;color:var(--text-muted);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;font-size:.75rem;font-weight:700;overflow:hidden}.sheet-a5{--circle-size:21px}.sheet-a5 .circle-check{width:21px!important;min-width:21px!important;height:21px!important;min-height:21px!important}.sheet-a5 .planner-day-label{font-size:.85rem}.sheet-a5 .planner-header-title{font-size:1.45rem}.sheet-a5 .planner-row{height:27px;min-height:27px}.sheet-a5 .habit-line-wrapper{min-height:25px}.sheet-a5 .habit-empty-line{min-height:19px}.sheet-a5 .habit-name-text{font-size:.86rem}.sheet-a5 .col-extra-cat,.sheet-a5 .col-extra-meta{font-size:.7rem}.sheet-a6{--circle-size:18px}.sheet-a6 .circle-check{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important}.sheet-a6 .circle-check svg{width:11px;height:11px}.sheet-a6 .planner-day-label{font-size:.75rem}.sheet-a6 .planner-day-date{font-size:.6rem}.sheet-a6 .planner-header-title{font-size:1.2rem}.sheet-a6 .planner-header-title-sub{font-size:1.1rem}.sheet-a6 .planner-row{height:24px;min-height:24px}.sheet-a6 .habit-line-wrapper{min-height:22px}.sheet-a6 .habit-empty-line{min-height:16px}.sheet-a6 .habit-name-text{font-size:.8rem}.sheet-a6 .habit-number{min-width:16px;font-size:.88rem}.sheet-a6 .col-extra-cat,.sheet-a6 .col-extra-meta{font-size:.65rem}.planner-add-row{justify-content:flex-start;margin-top:1.25rem;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-light);background:#fff;border-radius:20px;flex-direction:column;gap:1.25rem;width:100%;max-width:480px;padding:1.75rem;animation:.15s ease-out modalPop;display:flex;box-shadow:0 25px 50px -12px #0f172a40}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--text-main);font-size:1.2rem;font-weight:800}.modal-header p{color:var(--text-muted);margin-top:2px;font-size:.8rem}.suggestions-list{flex-wrap:wrap;gap:.4rem;display:flex}.suggestion-pill{border:1px solid var(--border-light);color:var(--text-main);font-family:var(--font-sans);cursor:pointer;background:#f1f5f9;border-radius:9999px;padding:.35rem .8rem;font-size:.76rem;font-weight:600;transition:all .12s}.suggestion-pill:hover{background:#e2e8f0;border-color:#cbd5e1}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-main);font-size:.78rem;font-weight:700}.form-input,.form-select{border:1px solid var(--border-subtle);width:100%;height:42px;color:var(--text-main);font-family:var(--font-sans);background:#fff;border-radius:12px;outline:none;padding:0 1rem;font-size:.88rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{border-color:var(--accent-black);box-shadow:0 0 0 3px #0f172a14}.modal-actions{justify-content:flex-end;align-items:center;gap:.65rem;margin-top:.5rem;display:flex}.floating-zoom{border:1px solid var(--border-subtle);z-index:30;background:#fff;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 10px 25px -5px #0f172a1f}.zoom-indicator{font-size:.78rem;font-weight:700;font-family:var(--font-mono);text-align:center;min-width:48px;color:var(--text-main);padding:0 .4rem}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-light);background:#fff;padding:1.25rem 1rem;font-size:.78rem}.calendar-modal-content{width:100%;max-width:440px!important}.calendar-start-day-selector{border:1px solid var(--border-light);background:#f8fafc;border-radius:12px;margin-bottom:1rem;padding:.75rem}.calendar-setting-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.72rem;font-weight:700;display:block}.calendar-month-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 .25rem;display:flex}.calendar-month-title{font-family:var(--font-serif);color:var(--text-main);align-items:center;gap:.45rem;font-size:1.15rem;font-weight:800;display:flex}.calendar-year{font-family:var(--font-sans);color:var(--text-muted);font-size:.95rem;font-weight:600}.calendar-grid{border:1px solid var(--border-light);background:#fff;border-radius:12px;overflow:hidden}.calendar-grid-header{border-bottom:1px solid var(--border-light);text-align:center;background:#f8fafc;grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekday-th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:.5rem 0;font-size:.72rem;font-weight:700}.calendar-grid-body{flex-direction:column;display:flex}.calendar-week-row{cursor:pointer;border-bottom:1px solid #f1f5f9;border-radius:6px;grid-template-columns:repeat(7,1fr);transition:background .12s;display:grid}.calendar-week-row:last-child{border-bottom:none}.calendar-week-row:hover{background:#f1f5f9}.calendar-week-row.week-active{background:#e0f2fe}.calendar-day-cell{height:38px;color:var(--text-main);flex-direction:column;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;display:flex;position:relative}.calendar-day-cell.day-outside{color:#cbd5e1}.calendar-day-cell.day-selected{color:#0369a1;font-weight:700}.calendar-day-cell.day-today .calendar-day-num{color:var(--accent-black);font-weight:800}.calendar-today-dot{background:#0284c7;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.calendar-modal-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;display:flex}@media (width<=860px){.top-nav{flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem 1rem}.brand-section{justify-content:space-between;width:100%}.week-navigator{box-sizing:border-box;justify-content:space-between;width:100%}.week-label-btn{flex:1;justify-content:center;font-size:.76rem}.nav-actions{grid-template-columns:repeat(2,1fr);gap:.45rem;width:100%;display:grid}.nav-actions .btn{justify-content:center;width:100%;height:34px;padding:0 .5rem;font-size:.76rem}.control-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.85rem;padding:.5rem 1rem;overflow-x:auto}.control-bar::-webkit-scrollbar{display:none}.control-group{flex-shrink:0}.workspace-container{box-sizing:border-box;width:100%;max-width:100%;padding:1.25rem .5rem 4rem;overflow-x:hidden}.row-actions{display:none!important}}@media (width<=480px){.brand-info h1{font-size:1rem}.brand-info p{font-size:.7rem}.nav-actions{grid-template-columns:1fr 1fr}.calendar-modal-content{padding:1rem}.calendar-day-cell{height:34px;font-size:.76rem}}.mobile-row-action-bar{z-index:60;box-sizing:border-box;background:#fff;border-radius:18px;flex-direction:column;gap:.6rem;width:420px;max-width:92vw;padding:.75rem 1rem;animation:.22s cubic-bezier(.16,1,.3,1) slideUpAction;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #0f172a38,0 0 0 1px #0f172a14}@keyframes slideUpAction{0%{opacity:0;transform:translate(-50%,25px)}to{opacity:1;transform:translate(-50%)}}.mobile-action-bar-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.4rem;display:flex}.mobile-action-bar-info{white-space:nowrap;align-items:center;gap:.5rem;display:flex;overflow:hidden}.mobile-action-habit-num{color:#0284c7;background:#e0f2fe;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:.75rem;font-weight:700}.mobile-action-habit-name{color:var(--text-main);text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.mobile-action-bar-buttons{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.mobile-action-btn{border:1px solid var(--border-light);height:48px;color:var(--text-main);cursor:pointer;background:#f8fafc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.72rem;font-weight:600;transition:all .12s;display:flex}.mobile-action-btn:hover,.mobile-action-btn:active{background:#f1f5f9;transform:translateY(-1px)}.mobile-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.mobile-action-btn.edit{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.mobile-action-btn.edit:hover,.mobile-action-btn.edit:active{background:#e0f2fe}.mobile-action-btn.delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.mobile-action-btn.delete:hover,.mobile-action-btn.delete:active{background:#fee2e2}.mobile-action-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.mobile-action-close-btn:hover{color:var(--text-main);background:#f1f5f9}@media (width>=861px) and (pointer:fine){.mobile-row-action-bar{display:none!important}}@media print{*,:before,:after{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color:#000!important;background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}#root,.app-layout{background:0 0!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.no-print,.top-nav,.control-bar,.floating-zoom,.row-actions,.planner-add-row,.modal-backdrop,.sheet-page-badge,.page-indicator-pill{display:none!important}.workspace-container{background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.sheet-outer-wrapper{width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;margin:0!important;padding:0!important;display:block!important;transform:none!important}.sheet-outer-wrapper>div{width:100%!important;height:auto!important;transform:none!important}.sheets-stack{gap:0!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important}.sheet-page-wrapper{page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}.sheet-page-wrapper:last-child{page-break-after:auto!important;break-after:auto!important}.habit-sheet{box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;page-break-after:avoid!important;break-after:avoid!important;box-sizing:border-box!important;scrollbar-width:none!important;border:none!important;width:100%!important;height:100%!important;max-height:100%!important;margin:0!important;overflow:hidden!important}.planner-table-container,.planner-table,.planner-row{page-break-inside:avoid!important;break-inside:avoid!important;overflow:visible!important}}