@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;900&display=swap";#habit-root{--hb-bg: #0a0e13;--hb-card: rgba(255, 255, 255, .045);--hb-card-border: rgba(255, 255, 255, .09);--hb-text: #eef2f6;--hb-sub: rgba(238, 242, 246, .6);--hb-ok: #34d399;--hb-ok-soft: rgba(52, 211, 153, .14);--hb-ng: #fb7185;--hb-ng-soft: rgba(251, 113, 133, .14);--hb-accent: #2dd4bf;--hb-accent-2: #818cf8;position:relative;min-height:100vh;background:var(--hb-bg);color:var(--hb-text);font-family:Inter,Noto Sans JP,-apple-system,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.6;overflow-x:hidden}#habit-root *,#habit-root *:before,#habit-root *:after{box-sizing:border-box}#habit-root h1,#habit-root h2,#habit-root h3,#habit-root p,#habit-root ul,#habit-root ol{margin:0;padding:0}:where(#habit-root) button{font-family:inherit;color:inherit;cursor:pointer}#habit-root svg{fill:none}#habit-root .hb-hidden{display:none!important}#habit-root .hb-spacer{flex:1}.hb-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 50% at 8% 0%,rgba(45,212,191,.16) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at 95% 10%,rgba(129,140,248,.14) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 50% 100%,rgba(251,113,133,.08) 0%,transparent 60%)}.hb-container{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:1.4rem 1rem 3rem}.hb-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.hb-title{font-size:clamp(1.5rem,4.5vw,2rem);font-weight:800;letter-spacing:.01em;display:flex;align-items:center;gap:.5rem}.hb-title-text{background:linear-gradient(120deg,#fff 30%,var(--hb-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hb-title-icon{filter:drop-shadow(0 4px 14px rgba(45,212,191,.4))}.hb-subtitle{color:var(--hb-sub);font-size:.88rem;margin-top:.25rem}.hb-header-actions{display:flex;gap:.5rem;flex-shrink:0}.hb-ghost-btn,#habit-root a.hb-ghost-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.82rem;font-weight:600;color:var(--hb-text);background:var(--hb-card);border:1px solid var(--hb-card-border);border-radius:12px;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}.hb-ghost-btn:hover{background:#ffffff17;border-color:#fff3;transform:translateY(-1px)}.hb-icon-only{padding:.5rem .65rem}.hb-primary-btn{padding:.65rem 1.3rem;font-size:.92rem;font-weight:700;color:#04201b!important;background:linear-gradient(135deg,var(--hb-accent),#5eead4);border:none;border-radius:12px;box-shadow:0 6px 20px #2dd4bf47;transition:transform .2s,box-shadow .2s}.hb-primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #2dd4bf66}.hb-danger-btn{padding:.6rem 1rem;font-size:.85rem;font-weight:600;color:var(--hb-ng);background:var(--hb-ng-soft);border:1px solid rgba(251,113,133,.35);border-radius:12px}.hb-link-btn{background:none;border:none;padding:0;font-size:.78rem;color:var(--hb-sub);text-decoration:underline;text-underline-offset:3px}.hb-link-btn:hover{color:var(--hb-text)}.hb-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.2rem .1rem .8rem;scrollbar-width:thin}.hb-tab{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;padding:.55rem 1rem;font-size:.88rem;font-weight:600;background:var(--hb-card);border:1px solid var(--hb-card-border);border-radius:999px;color:var(--hb-sub);transition:all .2s}.hb-tab:hover{color:var(--hb-text);border-color:#ffffff38}.hb-tab.is-active{color:var(--hb-text);background:linear-gradient(135deg,#2dd4bf38,#818cf82e);border-color:#2dd4bf8c;box-shadow:0 4px 18px #2dd4bf26}.hb-tab-add{border-style:dashed;color:var(--hb-accent)}.hb-empty{text-align:center;padding:3rem 1.2rem;background:var(--hb-card);border:1px dashed rgba(255,255,255,.18);border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:.9rem}.hb-empty-icon{font-size:3rem}.hb-empty h2{font-size:1.25rem;font-weight:800}.hb-empty p{color:var(--hb-sub);font-size:.9rem}.hb-board{display:flex;flex-direction:column;gap:1rem}.hb-stamp-card{position:relative;padding:1.3rem 1.2rem 1rem;border-radius:24px;background:linear-gradient(160deg,#2dd4bf1f,#818cf81a);border:1px solid rgba(45,212,191,.3);backdrop-filter:blur(14px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem}.hb-stamp-head{display:flex;align-items:center;gap:.6rem}.hb-stamp-badge{font-size:.72rem;font-weight:700;padding:.15rem .65rem;border-radius:999px;background:#2dd4bf33;color:var(--hb-accent);letter-spacing:.05em}.hb-stamp-date{font-size:.9rem;font-weight:700}.hb-stamp-question{font-size:1.05rem;font-weight:700}.hb-stamp-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:100%;max-width:460px}.hb-stamp-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.9rem .5rem;font-size:.9rem;font-weight:700;border-radius:18px;border:2px solid transparent;background:#ffffff0d;transition:transform .18s,background .2s,border-color .2s,box-shadow .2s}.hb-stamp-btn:hover{transform:translateY(-3px)}.hb-stamp-btn:active{transform:scale(.97)}.hb-stamp-ok{color:var(--hb-ok);border-color:#34d39959}.hb-stamp-ng{color:var(--hb-ng);border-color:#fb718559}.hb-stamp-ok:hover,.hb-stamp-ok[aria-pressed=true]{background:var(--hb-ok-soft);border-color:var(--hb-ok);box-shadow:0 8px 24px #34d39938}.hb-stamp-ng:hover,.hb-stamp-ng[aria-pressed=true]{background:var(--hb-ng-soft);border-color:var(--hb-ng);box-shadow:0 8px 24px #fb718538}.hb-stamp-card.is-done .hb-stamp-question{color:var(--hb-sub);font-weight:500;font-size:.92rem}.hb-stamp-btn:disabled{cursor:default;transform:none}.hb-stamp-btn:disabled:not([aria-pressed=true]){opacity:.35;background:#ffffff08;border-color:#ffffff1a;box-shadow:none}.hb-stamp-card .hb-note{margin-top:0}.hb-cell.is-yesterday.is-locked{cursor:default}.hb-cell.is-yesterday.is-locked:hover{transform:none}.hb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.hb-stat{display:flex;flex-direction:column;gap:.15rem;padding:.8rem .85rem;background:var(--hb-card);border:1px solid var(--hb-card-border);border-radius:16px}.hb-stat-main{background:linear-gradient(160deg,#34d3992e,#2dd4bf0f);border-color:#34d39966}.hb-stat-label{font-size:.7rem;color:var(--hb-sub);font-weight:600}.hb-stat-value b{font-size:1.7rem;font-weight:800;font-variant-numeric:tabular-nums}.hb-stat-value small{font-size:.75rem;margin-left:.15rem;color:var(--hb-sub)}.hb-stat-main .hb-stat-value b{color:var(--hb-ok)}.hb-message{text-align:center;font-size:.88rem;color:var(--hb-sub);min-height:1.4em}.hb-calendar-card{padding:1.1rem .9rem 1rem;background:var(--hb-card);border:1px solid var(--hb-card-border);border-radius:24px;backdrop-filter:blur(12px)}.hb-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.hb-cal-title-group{display:flex;flex-direction:column;align-items:center;gap:.1rem}.hb-cal-title{font-size:1.15rem;font-weight:800}.hb-nav-btn{width:40px;height:40px;font-size:1.4rem;line-height:1;background:#ffffff0f;border:1px solid var(--hb-card-border);border-radius:12px;transition:background .2s}.hb-nav-btn:hover{background:#ffffff24}.hb-cal-week,.hb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.hb-cal-week{margin-bottom:.35rem;text-align:center;font-size:.72rem;font-weight:700;color:var(--hb-sub)}.hb-cal-week .hb-sun{color:#fb7185}.hb-cal-week .hb-sat{color:#60a5fa}.hb-cell{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff09;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:default;transition:transform .15s,background .2s,border-color .2s}.hb-cell.is-empty{background:transparent;border-color:transparent}.hb-cell-day{position:absolute;top:4px;left:6px;font-size:.68rem;font-weight:600;color:var(--hb-sub)}.hb-cell svg{width:58%;height:58%;animation:hbPop .35s cubic-bezier(.2,1.4,.4,1)}.hb-cell.is-ok{background:var(--hb-ok-soft);border-color:#34d3994d;color:var(--hb-ok)}.hb-cell.is-ng{background:var(--hb-ng-soft);border-color:#fb71854d;color:var(--hb-ng)}.hb-cell.is-future{opacity:.35}.hb-cell.is-today{border-color:#ffffff73}.hb-cell.is-today .hb-cell-day{color:#fff;font-weight:800}.hb-cell.is-yesterday{cursor:pointer;border-color:var(--hb-accent);box-shadow:0 0 0 1px var(--hb-accent) inset}.hb-cell.is-yesterday:hover{transform:scale(1.06)}.hb-cell.is-yesterday.is-blank:after{content:"打刻";font-size:.62rem;font-weight:700;color:var(--hb-accent);animation:hbPulse 1.8s ease-in-out infinite}@keyframes hbPulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes hbPop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.hb-legend{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.1rem;margin-top:.9rem;font-size:.72rem;color:var(--hb-sub)}.hb-legend li{display:flex;align-items:center;gap:.35rem}.hb-legend-mark{width:14px;height:14px;border-radius:5px;border:1px solid rgba(255,255,255,.12)}.hb-mark-ok{background:var(--hb-ok-soft);border-color:var(--hb-ok)}.hb-mark-ng{background:var(--hb-ng-soft);border-color:var(--hb-ng)}.hb-mark-blank{background:#ffffff0a}.hb-note{text-align:center;margin-top:.5rem;font-size:.72rem;color:var(--hb-sub)}.hb-note strong{color:var(--hb-accent)}.hb-data-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.4rem}.hb-dialog{position:fixed;inset:0;margin:auto;height:fit-content;width:min(92vw,460px);max-height:88vh;padding:0;border:1px solid var(--hb-card-border);border-radius:24px;background:#11161d;color:var(--hb-text);box-shadow:0 30px 80px #0009}.hb-dialog::backdrop{background:#03060ab3;backdrop-filter:blur(4px)}.hb-dialog-box{display:flex;flex-direction:column;gap:.7rem;padding:1.4rem 1.3rem 1.2rem}.hb-dialog-title{font-size:1.1rem;font-weight:800}.hb-field-label{font-size:.78rem;font-weight:600;color:var(--hb-sub);margin-top:.2rem}.hb-input{width:100%;padding:.7rem .85rem;font-size:1rem;font-family:inherit;color:var(--hb-text);background:#ffffff0f;border:1px solid var(--hb-card-border);border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s}.hb-input:focus{border-color:var(--hb-accent);box-shadow:0 0 0 3px #2dd4bf33}.hb-icon-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:.35rem}.hb-icon-opt{aspect-ratio:1 / 1;font-size:1.3rem;background:#ffffff0d;border:2px solid transparent;border-radius:12px;transition:transform .15s,border-color .2s}.hb-icon-opt:hover{transform:scale(1.1)}.hb-icon-opt.is-selected{border-color:var(--hb-accent);background:#2dd4bf26}.hb-warning{margin-top:.4rem;padding:.7rem .85rem;font-size:.8rem;line-height:1.55;color:#fde68a;background:#fbbf241a;border:1px solid rgba(251,191,36,.4);border-radius:12px}.hb-warning strong{color:#fbbf24}.hb-dialog-actions{display:flex;align-items:center;gap:.5rem;margin-top:.6rem}.hb-info-box{overflow-y:auto;max-height:88vh}.hb-info-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hb-seo h3{font-size:.95rem;font-weight:800;margin:1rem 0 .35rem;color:var(--hb-accent)}.hb-seo p,.hb-seo li{font-size:.86rem;color:#eef2f6d1}.hb-seo ol{padding-left:1.3rem}.hb-toast{position:fixed;left:50%;bottom:1.6rem;transform:translate(-50%,30px);padding:.65rem 1.1rem;font-size:.85rem;font-weight:600;background:#11161df5;border:1px solid var(--hb-card-border);border-radius:14px;box-shadow:0 10px 30px #00000080;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:50;max-width:90vw;text-align:center}.hb-toast.is-show{opacity:1;transform:translate(-50%)}@media (max-width: 560px){.hb-header{flex-direction:column}.hb-stats{grid-template-columns:repeat(2,1fr)}.hb-cal-week,.hb-cal-grid{gap:.22rem}.hb-cell{border-radius:9px}.hb-cell-day{top:2px;left:4px;font-size:.6rem}.hb-icon-picker{grid-template-columns:repeat(6,1fr)}}@media (prefers-reduced-motion: reduce){#habit-root *{animation:none!important;transition:none!important}}