:root{--radius-card: 20px;--radius-pill: 999px;--glass-bg: rgba(255, 255, 255, .08);--glass-bg-hover: rgba(255, 255, 255, .13);--glass-border: rgba(255, 255, 255, .16);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .22);--glass-blur: 16px;--glass-saturate: 160%;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .62);--text-muted: rgba(255, 255, 255, .38);--accent: #6ea8ff;--accent-soft: rgba(110, 168, 255, .18);--glow: rgba(110, 168, 255, .13);--done: #4ade80;--done-soft: rgba(74, 222, 128, .16);--pointer-x: 50%;--pointer-y: 0%;--bg-1: #0b1020;--bg-2: #131a33;--bg-3: #1b1430;color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--glass-blur: 0px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Hiragino Sans GB,sans-serif;color:var(--text-primary);background:var(--bg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 50% 0%,var(--bg-2) 0%,var(--bg-1) 55%,var(--bg-3) 100%);transition:background 1.2s ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(600px circle at var(--pointer-x) var(--pointer-y),var(--glow),transparent 70%)}@media(prefers-reduced-motion:reduce){body:after{display:none}}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.app{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:32px}.header__title{margin:0 0 8px;font-size:34px;font-weight:650;letter-spacing:-.025em}.header__subtitle{margin:0;color:var(--text-secondary);font-size:14px}.header__stats{display:flex;align-items:center;gap:20px}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px}.stat__value{font-size:24px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--accent)}.stat__value--muted{color:var(--text-secondary)}.stat__label{font-size:11px;color:var(--text-muted);white-space:nowrap}.ring{--size: 64px;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--ratio, 0) * 360deg),rgba(255,255,255,.09) 0);position:relative;transition:background .4s ease}.ring:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--bg-1)}.ring__text{position:relative;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.ring--done{box-shadow:0 0 0 3px var(--done-soft)}.ring--done .ring__text{color:var(--done)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:40px}.card{position:relative;padding:18px;border-radius:var(--radius-card);border:1px solid var(--glass-border);background:radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.09),transparent 65%),var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-inset);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.card:hover{background-color:var(--glass-bg-hover);border-color:#ffffff42;transform:translateY(-2px)}.card--done{border-color:#4ade8057}.card--done:after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--done)}.card__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card__link{font-size:16px;font-weight:600;letter-spacing:-.01em;transition:color .15s ease}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card)}.card:hover .card__link{color:var(--accent)}.card__toggle{position:relative;z-index:1;flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--glass-border);background:#ffffff0f;cursor:pointer;font-size:14px;line-height:1;color:var(--done);transition:background-color .18s ease,border-color .18s ease,transform .12s ease}.card__toggle:hover{border-color:#fff6;background:#ffffff1f}.card__toggle:active{transform:scale(.9)}.card--done .card__toggle{border-color:var(--done);background:var(--done-soft)}.card__toggle:focus-visible,.card__link:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card__meta{display:flex;align-items:center;gap:10px;margin-top:12px;min-height:18px}.card__tag{font-size:11px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent)}.card__stat{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.empty{padding:56px 24px;text-align:center;border-radius:var(--radius-card);border:1px dashed var(--glass-border);margin-bottom:40px}.empty__text{margin:0 0 6px;font-size:15px;font-weight:600}.empty__hint{margin:0;font-size:13px;color:var(--text-muted)}.empty__hint code{padding:2px 6px;border-radius:5px;background:#ffffff14;font-size:12px}.alert{padding:12px 16px;margin-bottom:20px;border-radius:12px;border:1px solid rgba(251,146,60,.4);background:#fb923c1f;color:#fdba74;font-size:13px;line-height:1.6}.backup{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;border-radius:var(--radius-card);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-inset)}.backup__text{display:flex;flex-direction:column;gap:2px}.backup__title{font-size:13px;font-weight:600}.backup__hint{font-size:12px;color:var(--text-muted)}.backup__actions{display:flex;gap:8px}.backup__notice{flex-basis:100%;margin:0;font-size:12px;color:var(--accent)}.btn{padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:#ffffff0f;cursor:pointer;font-size:13px;transition:background-color .18s ease,border-color .18s ease}.btn:hover{background:#ffffff1f;border-color:#ffffff57}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.app{padding:24px 16px 60px}.header{flex-direction:column;gap:16px}.grid{grid-template-columns:1fr;gap:12px}.card,.backup{-webkit-backdrop-filter:none;backdrop-filter:none}.card{background:#1e243ab8}}@media(prefers-reduced-transparency:reduce){.card,.backup,.empty{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a2033}.ring:before{background:#1a2033}}@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}.card,.backup{transition:none}}.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.chip{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:background-color .18s ease,border-color .18s ease,color .18s ease}.chip:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.chip--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.heatmap{padding:18px 20px;margin-bottom:28px;border-radius:var(--radius-card);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-inset);overflow-x:auto}.heatmap__body{display:flex;gap:6px;min-width:max-content}.heatmap__labels{display:grid;grid-template-rows:repeat(7,1fr);gap:3px;align-items:center}.heatmap__weekday{font-size:10px;line-height:1;height:12px;display:flex;align-items:center;color:var(--text-muted)}.heatmap__weeks{display:flex;gap:3px}.heatmap__week{display:grid;grid-template-rows:repeat(7,1fr);gap:3px}.heatmap__cell{width:12px;height:12px;border-radius:3px;background:#ffffff0f}.heatmap__cell--empty{background:transparent}.heatmap__cell[data-intensity="1"]{background:color-mix(in srgb,var(--accent) 25%,transparent)}.heatmap__cell[data-intensity="2"]{background:color-mix(in srgb,var(--accent) 45%,transparent)}.heatmap__cell[data-intensity="3"]{background:color-mix(in srgb,var(--accent) 68%,transparent)}.heatmap__cell[data-intensity="4"]{background:var(--accent)}.site-form-wrap{margin-bottom:28px}.site-form{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--radius-card);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-inset)}.site-form__field{display:flex;flex-direction:column;gap:5px}.site-form__label{font-size:12px;color:var(--text-secondary)}.site-form__input{padding:9px 12px;border-radius:10px;border:1px solid var(--glass-border);background:#00000038;color:var(--text-primary);font:inherit;font-size:14px}.site-form__input:focus{outline:2px solid var(--accent);outline-offset:1px}.site-form__error{margin:0;font-size:12px;color:#fdba74}.site-form__actions{display:flex;gap:8px}.btn--primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn--primary:hover{background:color-mix(in srgb,var(--accent) 30%,transparent)}.add-site-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:inherit;border-color:var(--glass-border)}.bookmark-import{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--radius-card);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-inset)}.bookmark-import__summary{margin:0;font-size:13px;color:var(--text-secondary)}.bookmark-import__summary strong{color:var(--accent);font-size:15px}.bookmark-import__folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;max-height:240px;overflow-y:auto;padding:4px}.bookmark-import__folder{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background-color .15s ease}.bookmark-import__folder:hover{background:var(--glass-bg-hover)}.bookmark-import__folder input{accent-color:var(--accent);cursor:pointer;flex-shrink:0}.bookmark-import__folder-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-import__folder-count{flex-shrink:0;font-size:12px;color:var(--text-muted)}.bookmark-import__folder.is-disabled{opacity:.45;cursor:not-allowed}.bookmark-import__folder.is-disabled input,.bookmark-import__folder.is-disabled:hover{cursor:not-allowed;background:transparent}.bookmark-import__actions{display:flex;flex-wrap:wrap;gap:8px}.bookmark-import__actions .btn--primary{margin-left:auto}.card__actions{position:relative;z-index:1;display:flex;align-items:center;gap:6px;flex-shrink:0}.card__icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.card:hover .card__icon,.card__icon:focus-visible{opacity:1}.card__icon:hover{background:#ffffff1f;color:var(--text-primary)}.card__stat--streak{color:var(--done)}@media(hover:none){.card__icon{opacity:.7}}@media(prefers-reduced-motion:reduce){.chip,.card__icon,.bookmark-import__folder{transition:none}}