.ah-page{--ah-green:var(--wn-green);--ah-green-dark:var(--wn-green-dark);--ah-green-soft:var(--wn-green-soft);--ah-brown:#a6602a;--ah-gold:#c18a42;--ah-cream:#faf7f0;--ah-card:var(--wn-card);--ah-ink:var(--wn-text);--ah-muted:var(--wn-text-2);--ah-line:var(--wn-border);--ah-card-line:var(--wn-card-border);--ah-serif:var(--wn-serif);display:grid;max-width:var(--wn-max);grid-gap:20px;gap:20px;margin:0 auto;padding-bottom:32px;color:var(--ah-ink);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}body:not([data-theme=dark]) .admin-content:has(.ah-page){background:var(--wn-bg)}body[data-theme=dark] .ah-page{--ah-cream:rgba(255,255,255,0.04);--ah-brown:#e0a46e}.ah-sr{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}.ah-muted{margin:0;color:var(--ah-muted);font-size:var(--wn-fs-md);line-height:1.7}.ah-text-link{color:var(--ah-green);font-size:var(--wn-fs-sm);font-weight:600;text-decoration:none;white-space:nowrap}@media (pointer:coarse){.ah-text-link{position:relative}.ah-text-link:after{position:absolute;inset:-8px -6px;content:""}}.ah-text-link:hover{text-decoration:underline;text-underline-offset:3px}.ah-btn{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:var(--ah-green);color:#ffffff;font-size:var(--wn-fs-md);font-weight:600;text-decoration:none;transition:background .2s ease,transform .2s ease}.ah-btn:hover{background:var(--ah-green-dark);transform:translateY(-1px)}body[data-theme=dark] .ah-btn{color:#10241b}.ah-card{padding:20px 22px;border:1px solid var(--ah-card-line);border-radius:var(--wn-radius-card);background:var(--ah-card);box-shadow:var(--wn-shadow)}.ah-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ah-card-title{margin:0 0 14px;color:var(--ah-ink);font-family:var(--ah-serif);font-size:var(--wn-fs-xl);font-weight:700}.ah-skeleton{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--ah-line),transparent,var(--ah-line));background-size:200% 100%;animation:ah-shimmer 1.4s ease-in-out infinite}.ah-hero{position:relative;display:flex;overflow:hidden;min-height:260px;align-items:center;border-radius:var(--wn-radius-hero);animation:ah-fade .45s ease-out both}.ah-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,250,243,.92),rgba(255,250,243,.72) 35%,rgba(255,250,243,.12) 68%),url(/images/app-home/hero.webp);background-position:center 30%;background-size:cover}body[data-theme=dark] .ah-hero-bg{background-image:linear-gradient(90deg,rgba(17,24,39,.92),rgba(17,24,39,.7) 35%,rgba(17,24,39,.15) 70%),url(/images/app-home/hero.webp)}.ah-hero-text{position:relative;padding:32px clamp(24px,4vw,48px)}.ah-hero-title{margin:0;color:var(--ah-ink);font-family:var(--ah-serif);font-size:clamp(26px,2.4vw,36px);font-weight:700;line-height:1.4}.ah-hero-lead span,.ah-hero-title span{display:block}.ah-hero-lead{margin:14px 0 0;color:var(--ah-muted);font-size:var(--wn-fs-md);line-height:1.85}.ah-capture{padding:10px 12px 10px 14px;border:1px solid var(--ah-card-line);border-radius:var(--wn-radius-card);background:var(--ah-card);box-shadow:var(--wn-shadow);animation:ah-rise .45s ease-out 60ms both}.ah-capture:focus-within{border-color:color-mix(in srgb,var(--ah-green) 55%,var(--ah-card-line));box-shadow:var(--wn-shadow),0 0 0 3px color-mix(in srgb,var(--ah-green) 14%,transparent)}.ah-capture-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;grid-gap:12px;gap:12px}.ah-capture-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:var(--ah-green-soft);color:var(--ah-green);font-size:var(--wn-fs-md);font-weight:600;white-space:nowrap}.ah-capture-badge .nav-icon{width:18px;height:18px}.ah-capture-input{width:100%;min-width:0;height:44px;padding:0 6px;border:0;background:transparent;color:var(--ah-ink);font-size:var(--wn-fs-md);outline:none}.ah-capture-input::placeholder{color:var(--ah-muted)}.ah-capture-modes{display:flex;gap:6px}.ah-mode{padding:7px 12px;border:1px solid var(--ah-line);border-radius:999px;background:transparent;color:var(--ah-muted);font-size:var(--wn-fs-sm);cursor:pointer;white-space:nowrap}.ah-mode.is-active{border-color:var(--ah-green);background:var(--ah-green-soft);color:var(--ah-green);font-weight:600}.ah-capture-submit{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:var(--ah-green);color:#ffffff;font-size:var(--wn-fs-xl);cursor:pointer;transition:background .2s ease,transform .15s ease}.ah-capture-submit:hover:not(:disabled){background:var(--ah-green-dark)}body[data-theme=dark] .ah-capture-submit{color:#10241b}.ah-capture-submit:active:not(:disabled){transform:scale(.95)}.ah-capture-submit:disabled{cursor:progress;opacity:.7}.ah-capture-sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0 0 4px;color:var(--ah-muted);font-size:var(--wn-fs-sm)}.ah-date-choice{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.ah-date-choice input{accent-color:var(--ah-green)}.ah-date-input{height:32px;padding:0 8px;border:1px solid var(--ah-line);border-radius:8px;background:var(--ah-card);color:var(--ah-ink)}.ah-capture-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 4px 0}.ah-capture-error{margin:0;color:#a6402a;font-size:var(--wn-fs-sm)}.ah-themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.ah-theme{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid var(--ah-card-line);border-radius:var(--wn-radius-card);background:var(--ah-theme-bg,var(--ah-card));color:var(--ah-ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.ah-theme:hover{box-shadow:0 12px 30px rgba(66,52,39,.08);transform:translateY(-2px)}.ah-theme.is-work{--ah-theme-bg:#eef5ef;--ah-theme-ink:#285c45}.ah-theme.is-learning{--ah-theme-bg:#fbf3e2;--ah-theme-ink:#a6602a}.ah-theme.is-plan{--ah-theme-bg:#f1f6ea;--ah-theme-ink:#4f7a3a}.ah-theme.is-life{--ah-theme-bg:#fcefe5;--ah-theme-ink:#b4602d}body[data-theme=dark] .ah-theme{--ah-theme-bg:var(--card)}body[data-theme=dark] .ah-theme.is-work{--ah-theme-ink:#8fcbaa}body[data-theme=dark] .ah-theme.is-learning{--ah-theme-ink:#e0b07a}body[data-theme=dark] .ah-theme.is-plan{--ah-theme-ink:#a9cf8e}body[data-theme=dark] .ah-theme.is-life{--ah-theme-ink:#ec9f72}.ah-theme-icon{display:grid;width:44px;height:44px;flex:none;place-items:center;border-radius:50%;background:var(--ah-card);color:var(--ah-theme-ink,var(--ah-green))}.ah-theme-icon .nav-icon{width:22px;height:22px}.ah-theme-text{display:flex;min-width:0;flex-direction:column;gap:3px}.ah-theme-text strong{font-family:var(--ah-serif);font-size:var(--wn-fs-xl)}.ah-theme-count{color:var(--ah-theme-ink,var(--ah-green));font-size:var(--wn-fs-sm);font-weight:600}.ah-theme-text small{color:var(--ah-muted);font-size:var(--wn-fs-sm);line-height:1.6;text-wrap:pretty}.ah-lower{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,3fr);grid-gap:18px;gap:18px;align-items:start}.ah-continue-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:18px;gap:18px}.ah-continue-cover{overflow:hidden;border-radius:14px;aspect-ratio:4/3;background:var(--ah-cream)}.ah-continue-cover img{display:block;width:100%;height:100%;object-fit:cover}.ah-continue-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;color:var(--ah-muted);font-size:var(--wn-fs-xs)}.ah-chip{padding:2px 9px;border-radius:999px;background:var(--ah-green-soft);color:var(--ah-green);font-weight:600}.ah-continue-title{margin:0;font-family:var(--ah-serif);font-size:var(--wn-fs-xl);line-height:1.4}.ah-continue-excerpt{display:-webkit-box;overflow:hidden;margin:8px 0 0;color:var(--ah-muted);font-size:var(--wn-fs-md);line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}.ah-continue-time{margin:10px 0 14px;color:var(--ah-muted);font-size:var(--wn-fs-xs)}.ah-continue.is-empty{display:flex;flex-direction:column;gap:12px}.ah-timeline{display:grid;grid-gap:14px;gap:14px;margin:0;padding:0;list-style:none}.ah-timeline li{position:relative;display:grid;grid-gap:2px;gap:2px;padding-left:16px}.ah-timeline li:before{position:absolute;top:7px;left:0;width:7px;height:7px;border-radius:50%;background:var(--ah-gold);content:""}.ah-timeline-time{color:var(--ah-muted);font-size:var(--wn-fs-xs)}.ah-timeline-text{overflow:hidden;font-size:var(--wn-fs-md);line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.ah-timeline-text a{color:var(--ah-ink);font-weight:600;text-decoration:none}.ah-timeline-text a:hover{color:var(--ah-green)}@media (pointer:coarse){.ah-timeline-text{margin-block:-8px;padding-block:8px}.ah-timeline-text a{padding-block:8px}}.ah-tasks{display:grid;grid-gap:4px;gap:4px;margin:0;padding:0;list-style:none}.ah-tasks label{display:flex;align-items:flex-start;gap:10px;padding:7px 4px;border-radius:8px;font-size:var(--wn-fs-md);line-height:1.5;cursor:pointer}.ah-tasks label:hover{background:var(--ah-cream)}.ah-tasks input{width:17px;height:17px;margin-top:2px;flex:none;accent-color:var(--ah-green)}.ah-tasks li.is-done span{color:var(--ah-muted);text-decoration:line-through}.ah-focus{margin-top:14px;padding-top:14px;border-top:1px dashed var(--ah-line)}.ah-focus h3{margin:0 0 8px;color:var(--ah-brown);font-size:var(--wn-fs-sm);font-weight:700;letter-spacing:.08em}.ah-focus ul{display:grid;grid-gap:4px;gap:4px;margin:0;padding-left:18px;font-size:var(--wn-fs-md);line-height:1.7}.ah-focus li.is-done{color:var(--ah-muted);text-decoration:line-through}.ah-first{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;padding:0}.ah-first-art{min-height:240px;background:url(/images/app-home/empty-note.webp) center 40%/cover no-repeat}.ah-first-text{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:32px}.ah-first-text h2{margin:0;font-family:var(--ah-serif);font-size:var(--wn-fs-2xl)}@keyframes ah-fade{0%{opacity:0}to{opacity:1}}@keyframes ah-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ah-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ah-capture,.ah-hero,.ah-skeleton{animation:none}.ah-btn,.ah-theme{transition:none}.ah-btn:hover,.ah-theme:hover{transform:none}}.ah-date{display:flex;min-width:0;flex-direction:column;gap:1px;margin-right:auto;line-height:1.35}.ah-date strong{color:var(--text);font-size:var(--wn-fs-md)}.ah-date span{overflow:hidden;text-overflow:ellipsis}.ah-date span,.ah-weather{color:var(--muted);font-size:var(--wn-fs-xs);white-space:nowrap}.ah-weather{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px}.ah-weather strong{color:var(--text);font-size:var(--wn-fs-md)}.ah-pop-wrap{position:relative}.ah-icon-btn{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--card);color:var(--text);cursor:pointer}.ah-icon-btn .nav-icon{width:20px;height:20px}.ah-icon-btn:hover,.ah-icon-btn[aria-expanded=true]{border-color:var(--primary);color:var(--primary)}.ah-pop{position:absolute;z-index:70;top:calc(100% + 10px);right:0;padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:0 18px 40px rgba(15,23,42,.14)}.ah-switcher{display:grid;width:min(440px,calc(100vw - 32px));grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px;gap:4px}.ah-switcher-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;color:var(--text);text-decoration:none}.ah-switcher-item:focus-visible,.ah-switcher-item:hover{background:var(--soft-bg,rgba(0,0,0,.04))}.ah-switcher-icon{display:grid;width:36px;height:36px;flex:none;place-items:center;border-radius:10px;background:var(--soft-bg,rgba(0,0,0,.04));color:var(--primary)}.ah-switcher-icon .nav-icon{width:20px;height:20px}.ah-switcher-text{display:flex;min-width:0;flex-direction:column}.ah-switcher-text strong{font-size:var(--wn-fs-md)}.ah-switcher-text small{overflow:hidden;color:var(--muted);font-size:var(--wn-fs-xs);text-overflow:ellipsis;white-space:nowrap}.ah-user-btn{display:inline-flex;align-items:center;gap:8px;padding:3px 12px 3px 3px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--text);cursor:pointer}.ah-user-btn .user-avatar{width:34px;height:34px}.ah-user-name{max-width:120px;overflow:hidden;font-size:var(--wn-fs-md);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ah-user-menu{display:grid;min-width:200px;grid-gap:2px;gap:2px}.ah-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--text);font-size:var(--wn-fs-md);text-align:left;text-decoration:none;cursor:pointer}.ah-menu-item small{color:var(--muted);font-size:var(--wn-fs-xs)}.ah-menu-item:focus-visible,.ah-menu-item:hover{background:var(--soft-bg,rgba(0,0,0,.04))}.ah-menu-item.is-danger{margin-top:4px;border-top:1px solid var(--border);border-radius:0 0 10px 10px;color:#b4402a}.ah-btn:focus-visible,.ah-capture-submit:focus-visible,.ah-icon-btn:focus-visible,.ah-menu-item:focus-visible,.ah-mode:focus-visible,.ah-switcher-item:focus-visible,.ah-theme:focus-visible,.ah-user-btn:focus-visible{outline:2px solid var(--primary,#285c45);outline-offset:2px}.sidebar-mist{position:relative;min-height:190px;margin:auto -14px -16px;padding:22px 22px 0;background:url(/images/app-home/sidebar-mountain.webp) bottom/cover no-repeat}.sidebar-mist:before{position:absolute;inset:0;background:linear-gradient(180deg,var(--mh-surface,var(--card)) 0,rgba(255,255,255,0) 55%);content:""}body[data-theme=dark] .sidebar-mist:before{background:linear-gradient(180deg,var(--mh-surface,var(--card)) 0,rgba(17,24,39,0) 55%),rgba(17,24,39,.68)}.sidebar-mist-text{position:relative;margin:0;color:var(--muted);font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;font-size:var(--wn-fs-sm);line-height:1.9;letter-spacing:.06em}@media (max-width:1279px){.ah-lower{grid-template-columns:repeat(2,minmax(0,1fr))}.ah-continue{grid-column:1/-1}.ah-continue-body{grid-template-columns:220px minmax(0,1fr)}.ah-themes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.ah-date span,.ah-weather{display:none}}@media (max-width:820px){.ah-page{gap:14px}.ah-hero{min-height:190px;border-radius:18px}.ah-hero-bg{background-image:linear-gradient(90deg,rgba(255,250,243,.94),rgba(255,250,243,.8) 55%,rgba(255,250,243,.3)),url(/images/app-home/empty-note.webp);background-position:center 42%}.ah-hero-text{padding:22px}.ah-hero-title{font-size:var(--wn-fs-2xl)}.ah-hero-lead{display:none}.ah-capture-row{grid-template-columns:minmax(0,1fr) auto}.ah-capture-badge{display:none}.ah-capture-input{grid-column:1/-1;border-bottom:1px solid var(--ah-line)}.ah-themes{gap:10px}.ah-theme{flex-direction:column;gap:10px;padding:14px}.ah-theme-icon{width:38px;height:38px}.ah-theme-text small{display:none}.ah-lower{grid-template-columns:minmax(0,1fr)}.ah-today{order:2}.ah-recent{order:3}.ah-continue-body{grid-template-columns:120px minmax(0,1fr);gap:14px}.ah-first{grid-template-columns:minmax(0,1fr)}.ah-first-art{min-height:160px}.ah-date,.ah-user-name{display:none}.ah-user-btn{padding:2px}}.tc-page{display:flex;flex-direction:column;gap:18px;width:100%;max-width:1520px;margin:0 auto;padding:4px 0 32px;color:var(--wn-text)}.tc-page .nav-icon{width:18px;height:18px;flex-shrink:0;color:currentColor}.tc-page .tc-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:24px;gap:24px;min-height:200px;padding:28px 32px;overflow:hidden;border-radius:var(--wn-radius-hero);background:linear-gradient(105deg,#fbf7ee,#f6f4e8 42%,#eef4ea)}.tc-page .tc-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,247,238,1),rgba(251,247,238,.92) 34%,rgba(251,247,238,.25) 62%,rgba(238,244,234,.1)),radial-gradient(circle at 78% 18%,rgba(255,223,160,.55),transparent 32%),url(/images/app-home/sidebar-mountain.webp) right 0 bottom -40px /62% auto no-repeat;filter:saturate(1.1);pointer-events:none}.tc-page .tc-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(136,176,140,0) 40%,rgba(136,176,140,.22));mix-blend-mode:multiply}.tc-page .tc-hero-main,.tc-page .tc-hero-side{position:relative}.tc-page .tc-hello{margin:0;font-size:34px;font-weight:700;letter-spacing:.5px;color:var(--wn-text)}.tc-page .tc-hero-sub{margin:10px 0 0;font-size:var(--wn-fs-lg);color:var(--wn-text-2)}.tc-page .tc-hero-slogan{display:inline-block;margin:18px 0 0;padding:10px 18px;border-radius:12px;background:rgba(255,255,255,.6);font-size:var(--wn-fs-md);color:var(--wn-text-2)}.tc-page .tc-hero-side{display:flex;gap:14px}.tc-page .tc-date-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:118px;padding:14px 10px;border-radius:16px;background:rgba(255,255,255,.86);box-shadow:var(--wn-shadow);color:var(--wn-text-2);font-size:var(--wn-fs-sm)}.tc-page .tc-date-card strong{margin:2px 0;font-size:34px;line-height:1.1;color:var(--wn-text)}.tc-page .tc-quote-card{display:flex;flex-direction:column;gap:12px;width:300px;padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.86);box-shadow:var(--wn-shadow)}.tc-page .tc-quote-title{display:inline-flex;align-items:center;gap:6px;font-size:var(--wn-fs-sm);color:var(--wn-text-2)}.tc-page .tc-quote-title .nav-icon{color:var(--wn-green)}.tc-page .tc-quote-card p{margin:0;font-family:var(--wn-serif);font-size:var(--wn-fs-xl);color:var(--wn-text)}@media (min-width:1100.02px){.tc-page .tc-quote-card{display:none}}.tc-page .tc-summary{border:1px solid var(--wn-card-border);border-radius:var(--wn-radius-card);background:var(--wn-card);box-shadow:var(--wn-shadow)}.tc-page .tc-summary.is-loading{min-height:96px}.tc-page .tc-sum-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}.tc-page .tc-sum-item{position:relative;display:flex;align-items:center;min-width:0;padding:16px 18px}.tc-page .tc-sum-item+.tc-sum-item:before{content:"";position:absolute;left:0;top:20%;bottom:20%;border-left:1px solid var(--wn-line)}.tc-page .tc-sum-link{display:flex;align-items:center;gap:14px;flex:1 1;min-width:0;padding:4px;border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.tc-page .tc-sum-link:hover .tc-sum-value{color:var(--wn-green)}.tc-page .tc-sum-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:14px}.tc-page .tc-sum-icon .nav-icon{width:22px;height:22px}.tc-page .tone-green{background:var(--wn-green-soft);color:var(--wn-green)}.tc-page .tone-blue{background:var(--wn-tint-blue);color:#3f78a8}.tc-page .tone-orange{background:var(--wn-tint-cream);color:#c27a1b}.tc-page .tone-purple{background:var(--wn-tint-purple);color:#7a55b5}.tc-page .tone-red{background:var(--wn-tint-peach);color:#c4524a}.tc-page .tc-sum-text{display:flex;flex-direction:column;min-width:0}.tc-page .tc-sum-value{font-size:26px;line-height:1.15;font-weight:700;color:var(--wn-text);white-space:nowrap;transition:color .16s ease}.tc-page .tc-sum-label{font-size:var(--wn-fs-md);color:var(--wn-text-2)}.tc-page .tc-sum-sub{font-size:var(--wn-fs-xs);color:var(--wn-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-page .tc-sum-sub.is-up{color:var(--wn-green)}.tc-page .tc-sum-sub.is-down{color:#c4524a}.tc-page .tc-sum-extra{display:flex;align-items:center;gap:4px}.tc-page .tc-ring-track{fill:none;stroke:var(--wn-line);stroke-width:5}.tc-page .tc-ring-bar{fill:none;stroke:var(--wn-green);stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .3s ease}.tc-page .tc-ring-text{font-size:12px;font-weight:600;fill:var(--wn-text)}.tc-page .tc-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));grid-gap:18px;gap:18px}.tc-page .tc-area-tasks{grid-column:span 7}.tc-page .tc-area-timeline{grid-column:span 6}.tc-page .tc-area-capture{grid-column:span 7}.tc-page .tc-area-notes{grid-column:span 12}.tc-page .tc-area-ai{grid-column:span 8}.tc-page .tc-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px 22px;border:1px solid var(--wn-card-border);border-radius:var(--wn-radius-card);background:var(--wn-card);box-shadow:var(--wn-shadow);transition:box-shadow .18s ease}.tc-page .tc-card:hover{box-shadow:var(--wn-shadow-hover)}.tc-page .tc-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tc-page .tc-card-head h2{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:var(--wn-fs-xl);font-weight:700}.tc-page .tc-card-head h2 .nav-icon{color:var(--wn-green)}.tc-page .tc-count{font-weight:500;color:var(--wn-text-2)}.tc-page .tc-card-foot{margin-top:auto}.tc-page .tc-more{display:inline-flex;align-items:center;gap:4px;font-size:var(--wn-fs-md);font-weight:600;color:var(--wn-green);text-decoration:none}.tc-page .tc-more:hover{text-decoration:underline}.tc-page .tc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--wn-border);border-radius:10px;background:var(--wn-card);color:var(--wn-text);font:inherit;font-size:var(--wn-fs-sm);text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background-color .16s ease}.tc-page .tc-btn:hover{border-color:var(--wn-green)}.tc-page .tc-btn:disabled{opacity:.55;cursor:not-allowed}.tc-page .tc-btn.is-primary{border-color:var(--wn-green);background:var(--wn-green);color:#fff}.tc-page .tc-btn.is-primary:hover{background:var(--wn-green-dark)}.tc-page .tc-icon-btn{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:none;color:var(--wn-text-3);cursor:pointer}.tc-page .tc-icon-btn:hover{background:var(--wn-green-faint);color:var(--wn-green)}.tc-page .tc-link-btn{display:inline-flex;gap:4px;padding:0;border:0;background:none;color:var(--wn-green);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.tc-page .tc-empty,.tc-page .tc-link-btn{align-items:center;font-size:var(--wn-fs-sm)}.tc-page .tc-empty{display:flex;flex-direction:column;gap:6px;padding:22px 8px;border-radius:12px;background:var(--wn-green-faint);color:var(--wn-text-2);text-align:center}.tc-page .tc-empty strong{color:var(--wn-text);font-size:var(--wn-fs-md)}.tc-page .tc-skeleton{height:120px;border-radius:12px;background:linear-gradient(90deg,var(--wn-line),var(--wn-green-faint),var(--wn-line));background-size:200% 100%;animation:tc-shimmer 1.4s ease-in-out infinite}@keyframes tc-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.tc-page .tc-tag{justify-self:start;padding:2px 10px;border-radius:8px;font-size:var(--wn-fs-xs);white-space:nowrap}.tc-page .tc-tag.tone-work{background:var(--wn-tint-blue);color:#3f78a8}.tc-page .tc-tag.tone-learning,.tc-page .tc-tag.tone-study{background:var(--wn-tint-purple);color:#7a55b5}.tc-page .tc-tag.tone-plan{background:var(--wn-tint-cream);color:#a26b16}.tc-page .tc-tag.tone-life{background:var(--wn-green-soft);color:var(--wn-green)}.tc-page .tc-error{margin:0;color:var(--wn-danger);font-size:var(--wn-fs-sm)}.tc-page .tc-muted{color:var(--wn-text-3);font-size:var(--wn-fs-xs)}.tc-page .tc-task-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border:1px solid var(--wn-line);border-radius:12px}.tc-page .tc-task{display:grid;grid-template-columns:minmax(0,1fr) auto 48px 32px;align-items:center;grid-gap:10px;gap:10px;min-height:50px;padding:4px 8px 4px 12px}.tc-page .tc-task+.tc-task{border-top:1px solid var(--wn-line)}.tc-page .tc-check{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.tc-page .tc-check input{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:var(--wn-green);cursor:pointer}@media (pointer:coarse){.tc-page .tc-check{margin-block:-7px;padding-block:7px}.tc-page .tc-more{position:relative}.tc-page .tc-more:after{position:absolute;inset:-8px -6px;content:""}}.tc-page .tc-task-title{overflow:hidden;font-size:var(--wn-fs-md);text-overflow:ellipsis;white-space:nowrap}.tc-page .tc-task.is-done .tc-task-title{color:var(--wn-text-3);text-decoration:line-through}.tc-page .tc-task-time{font-size:var(--wn-fs-sm);color:var(--wn-text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tc-page .tc-menu-wrap{position:relative}.tc-page .tc-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;display:flex;flex-direction:column;min-width:112px;padding:6px;border:1px solid var(--wn-border);border-radius:10px;background:var(--wn-card);box-shadow:var(--wn-shadow-hover)}.tc-page .tc-menu button{padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--wn-text);font:inherit;font-size:var(--wn-fs-sm);text-align:left;cursor:pointer}.tc-page .tc-menu button:hover{background:var(--wn-green-faint)}.tc-page .tc-menu button.is-danger{color:var(--wn-danger)}.tc-page .tc-timeline{margin:0;padding:0;list-style:none}.tc-page .tc-tl-item{position:relative;display:grid;grid-template-columns:46px 20px minmax(0,1fr);align-items:start;grid-gap:8px;gap:8px;padding-bottom:14px}.tc-page .tc-tl-item:before{content:"";position:absolute;left:63px;top:16px;bottom:-2px;border-left:1px solid var(--wn-border)}.tc-page .tc-tl-item:last-child:before{display:none}.tc-page .tc-tl-time{padding-top:2px;font-size:var(--wn-fs-sm);color:var(--wn-text-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tc-page .tc-tl-dot{width:10px;height:10px;margin:6px auto 0;border:2px solid var(--wn-text-3);border-radius:50%;background:var(--wn-card)}.tc-page .tc-tl-item.is-completed .tc-tl-dot{border-color:var(--wn-green);background:var(--wn-green)}.tc-page .tc-tl-item.is-active .tc-tl-dot{border-color:#d98a1f;background:#f6c27a}.tc-page .tc-tl-body{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.tc-page .tc-tl-title{overflow:hidden;font-size:var(--wn-fs-md);text-overflow:ellipsis;white-space:nowrap}.tc-page .tc-tl-item.is-completed .tc-tl-title{color:var(--wn-text-3);text-decoration:line-through}.tc-page .tc-tl-body small{font-size:var(--wn-fs-xs);color:var(--wn-text-3)}.tc-page .tc-tl-body:hover .tc-tl-title{color:var(--wn-green)}.tc-page .tc-tabs{display:flex;gap:4px;border-bottom:1px solid var(--wn-line)}.tc-page .tc-tab{padding:8px 12px;border:0;border-bottom:2px solid transparent;background:none;color:var(--wn-text-2);font:inherit;font-size:var(--wn-fs-md);cursor:pointer}.tc-page .tc-tab.is-active{border-bottom-color:var(--wn-green);color:var(--wn-text);font-weight:600}.tc-page .tc-visually-label{font-size:var(--wn-fs-xs);color:var(--wn-text-3);margin-bottom:-8px}.tc-page .tc-input,.tc-page .tc-select,.tc-page .tc-textarea{width:100%;padding:10px 12px;border:1px solid var(--wn-border);border-radius:12px;background:var(--wn-card);color:var(--wn-text);font:inherit;font-size:var(--wn-fs-md)}.tc-page .tc-textarea{min-height:108px;resize:vertical;line-height:1.6}.tc-page .tc-textarea.is-short{min-height:60px}.tc-page .tc-textarea.is-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--wn-fs-sm)}.tc-page .tc-input:focus,.tc-page .tc-select:focus,.tc-page .tc-textarea:focus{outline:2px solid var(--wn-green-soft);border-color:var(--wn-green)}.tc-page .tc-select{width:auto;min-width:0;max-width:220px;padding:7px 10px;border-radius:10px;font-size:var(--wn-fs-sm)}.tc-page .tc-capture-meta{display:flex;justify-content:space-between;margin-top:-8px}.tc-page .tc-ai-actions,.tc-page .tc-capture-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tc-page .tc-capture-actions .is-primary{margin-left:auto}.tc-page .tc-file-zone{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tc-page .tc-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tc-page .tc-file-pick{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px dashed var(--wn-green);border-radius:10px;color:var(--wn-green);font-size:var(--wn-fs-sm);cursor:pointer}.tc-page .tc-file-input:focus-visible+.tc-file-pick{outline:2px solid var(--wn-green);outline-offset:2px}.tc-page .tc-file-info{display:flex;align-items:center;gap:10px;min-width:0;font-size:var(--wn-fs-sm)}.tc-page .tc-file-info img{width:48px;height:48px;border-radius:8px;object-fit:cover}.tc-page .tc-file-info span{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.tc-page .tc-file-info small{color:var(--wn-text-3)}.tc-page .tc-note-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.tc-page .tc-note-list li+li{border-top:1px solid var(--wn-line)}.tc-page .tc-note{display:grid;grid-template-columns:20px minmax(0,.9fr) minmax(0,1.4fr) 56px 52px;align-items:center;grid-gap:12px;gap:12px;min-height:50px;padding:4px 6px;border-radius:10px;color:inherit;text-decoration:none}.tc-page .tc-note:hover{background:var(--wn-green-faint)}.tc-page .tc-note .nav-icon{color:var(--wn-text-3)}.tc-page .tc-note-excerpt,.tc-page .tc-note-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-page .tc-note-title{font-size:var(--wn-fs-md);font-weight:600}.tc-page .tc-note-excerpt{font-size:var(--wn-fs-sm);color:var(--wn-text-2)}.tc-page .tc-note-date{font-size:var(--wn-fs-sm);color:var(--wn-text-3);text-align:right;white-space:nowrap}.tc-page .tc-ai-note{margin:0;padding:10px 12px;border-radius:10px;background:var(--wn-tint-cream);color:var(--wn-text-2);font-size:var(--wn-fs-sm);line-height:1.6}.tc-page .tc-ai-main{display:grid;grid-template-columns:40px minmax(0,1fr) 36px;align-items:center;grid-gap:12px;gap:12px;padding:14px 16px;border:1px solid var(--wn-tint-blue);border-radius:14px;background:var(--wn-tint-blue);color:var(--wn-text);font:inherit;text-align:left;cursor:pointer}.tc-page .tc-ai-main:hover{border-color:var(--wn-green)}.tc-page .tc-ai-main:disabled{cursor:wait;opacity:.7}.tc-page .tc-ai-main>.nav-icon:first-child{width:28px;height:28px;color:#3f78a8}.tc-page .tc-ai-main>.nav-icon:last-child{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--wn-green);color:#fff}.tc-page .tc-ai-main span{display:flex;flex-direction:column;gap:4px}.tc-page .tc-ai-main small{font-size:var(--wn-fs-xs);color:var(--wn-text-2)}.tc-page .tc-ai-result{display:flex;flex-direction:column;gap:10px}.tc-page .tc-ai-source{margin:0;font-size:var(--wn-fs-xs);color:var(--wn-text-2)}.tc-page .tc-ai-source.is-ai{color:var(--wn-green)}.tc-page .tc-ai-source.is-fallback{color:#a26b16}.tc-page .tc-report{max-height:280px;overflow-y:auto;padding:12px 14px;border:1px solid var(--wn-line);border-radius:12px;background:var(--wn-green-faint);font-size:var(--wn-fs-sm);line-height:1.7}.tc-page .tc-report h3{margin:8px 0 2px;font-size:var(--wn-fs-md);color:var(--wn-green)}.tc-page .tc-report h3:first-child{margin-top:0}.tc-page .tc-report p{margin:0;white-space:pre-wrap}.tc-page .tc-textarea.is-report{min-height:220px;font-size:var(--wn-fs-sm)}.tc-page .tc-empty-inline{margin:0;padding:12px;border-radius:12px;background:var(--wn-green-faint);color:var(--wn-text-2);font-size:var(--wn-fs-sm)}.tc-target-form{display:flex;flex-direction:column;gap:12px}.tc-target-row{display:flex;align-items:center;gap:14px}.tc-target-row input{flex:1 1;accent-color:var(--wn-green,#285c45)}.tc-target-row output{min-width:64px;font-weight:700;text-align:right}body[data-theme=dark] .tc-page .tc-hero{background:linear-gradient(105deg,#17202e,#18241f)}body[data-theme=dark] .tc-page .tc-hero-bg{background:linear-gradient(90deg,rgba(23,32,46,1),rgba(23,32,46,.9) 36%,rgba(23,32,46,.4) 70%,rgba(23,32,46,.2)),url(/images/app-home/sidebar-mountain.webp) right 0 bottom -40px /62% auto no-repeat;filter:brightness(.55)}body[data-theme=dark] .tc-page .tc-date-card,body[data-theme=dark] .tc-page .tc-hero-slogan,body[data-theme=dark] .tc-page .tc-quote-card{background:rgba(23,32,46,.85)}.tc-page .tc-timers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;padding:12px 18px 14px;border-top:1px solid var(--wn-line)}.tc-page .tc-timer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:8px 10px;border-radius:12px;transition:background-color .16s ease}.tc-page .tc-timer.is-running{background:var(--wn-green-faint)}.tc-page .tc-timer-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px}.tc-page .tc-timer-text{display:flex;flex-direction:column;min-width:0}.tc-page .tc-timer-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--wn-fs-sm);color:var(--wn-text-2);white-space:nowrap}.tc-page .tc-timer-label em{padding:0 6px;border-radius:999px;background:var(--wn-green-soft);color:var(--wn-green);font-size:var(--wn-fs-xs);font-style:normal;font-weight:600}.tc-page .tc-timer-clock{font-size:20px;font-weight:700;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tc-page .tc-timer-actions{display:flex;align-items:center;gap:2px}.tc-page .tc-timer-actions .tc-btn{margin-right:4px}.tc-page .tc-timer-overrun{grid-column:1/-1;margin:0;font-size:var(--wn-fs-xs);color:#a26b16}.tc-page .tc-goals{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:var(--wn-green-faint)}.tc-page .tc-goals-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tc-page .tc-goals-head h3{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:var(--wn-fs-md);font-weight:600}.tc-page .tc-goals-head h3 .nav-icon{width:16px;height:16px;color:var(--wn-green)}.tc-page .tc-goals-head .tc-count{font-size:var(--wn-fs-xs)}.tc-page .tc-goal-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.tc-page .tc-goal{display:flex;align-items:center;gap:10px}.tc-page .tc-goal input[type=checkbox]{width:16px;height:16px;flex-shrink:0;accent-color:var(--wn-green)}.tc-page .tc-goal-input{flex:1 1;min-width:0;padding:5px 2px;border:0;border-bottom:1px solid var(--wn-line);background:transparent;color:var(--wn-text);font:inherit;font-size:var(--wn-fs-md)}.tc-page .tc-goal-input:focus{outline:none;border-bottom-color:var(--wn-green)}.tc-page .tc-goal.is-done .tc-goal-input{color:var(--wn-text-3);text-decoration:line-through}.tc-page .tc-goals-done{margin:0;font-size:var(--wn-fs-xs);color:var(--wn-green)}.tc-page .tc-review{display:flex;flex-direction:column;gap:8px}.tc-page .tc-review-label{font-size:var(--wn-fs-sm);font-weight:600;color:var(--wn-text-2)}.tc-page .tc-review-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.tc-page .tc-review-meta{font-size:var(--wn-fs-xs);color:var(--wn-text-3)}.tc-page .tc-head-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tc-page .tc-ai-source.is-saved{color:var(--wn-text-2)}@media (max-width:1679px){.tc-page .tc-ring{display:none}}@media (max-width:1439px){.tc-page .tc-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"tasks capture" "timeline notes" "ai ai"}.tc-page .tc-area-tasks{grid-column:auto;grid-area:tasks}.tc-page .tc-area-capture{grid-column:auto;grid-area:capture}.tc-page .tc-area-timeline{grid-column:auto;grid-area:timeline}.tc-page .tc-area-notes{grid-column:auto;grid-area:notes}.tc-page .tc-area-ai{grid-column:auto;grid-area:ai}.tc-page .tc-quote-card{width:240px}.tc-page .tc-note{grid-template-columns:20px minmax(0,1fr) 52px 48px}.tc-page .tc-note-excerpt{display:none}}.tc-page .tc-sum-label{white-space:nowrap}@media (max-width:1279px){.tc-page .tc-sum-item{padding:14px 12px}.tc-page .tc-sum-link{gap:10px}.tc-page .tc-sum-icon{width:40px;height:40px}.tc-page .tc-sum-value{font-size:22px}}@media (max-width:1023px){.tc-page .tc-sum-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:4px}.tc-page .tc-sum-item:nth-child(4):before{display:none}.tc-page .tc-hero{grid-template-columns:minmax(0,1fr)}.tc-page .tc-hero-side{flex-wrap:wrap}}@media (max-width:767px){.tc-page{gap:14px}.tc-page .tc-timers{grid-template-columns:minmax(0,1fr);padding:10px 12px 12px}.tc-page .tc-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"tasks" "capture" "timeline" "notes" "ai";gap:14px}.tc-page .tc-hero{min-height:0;padding:20px;gap:14px}.tc-page .tc-hello{font-size:26px}.tc-page .tc-hero-sub{font-size:var(--wn-fs-md)}.tc-page .tc-hero-slogan{display:none}.tc-page .tc-hero-side{gap:10px;flex-wrap:nowrap}.tc-page .tc-date-card{width:86px;padding:10px 6px}.tc-page .tc-date-card strong{font-size:26px}.tc-page .tc-quote-card{flex:1 1;width:auto;padding:12px 14px;gap:6px}.tc-page .tc-quote-card p{font-size:var(--wn-fs-lg)}.tc-page .tc-sum-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-page .tc-sum-item:before{display:none}.tc-page .tc-sum-item:last-child{grid-column:1/-1}.tc-page .tc-sum-item{padding:12px 10px}.tc-page .tc-sum-link{gap:10px}.tc-page .tc-sum-icon{width:38px;height:38px;border-radius:12px}.tc-page .tc-sum-value{font-size:var(--wn-fs-2xl);white-space:nowrap}.tc-page .tc-card{padding:16px}.tc-page .tc-task{grid-template-columns:minmax(0,1fr) auto 32px}.tc-page .tc-task-time{display:none}.tc-page .tc-select{max-width:100%;flex:1 1}.tc-page .tc-ai-actions .tc-select{flex-basis:100%}.tc-page .tc-check input,.tc-page .tc-icon-btn{min-width:36px;min-height:36px}.tc-page .tc-check input{width:20px;height:20px;min-width:20px;min-height:20px}}@media (prefers-reduced-motion:reduce){.tc-page .tc-card,.tc-page .tc-ring-bar,.tc-page .tc-skeleton{animation:none;transition:none}}.do-page{--do-primary:#1f634e;--do-deep:#173f35;--do-green:#eaf4ee;--do-blue:#edf5fb;--do-yellow:#fbf4e6;--do-purple:#f4eefb;--do-orange:#fff1e7;--do-border:#e8ebe7;--do-line:#f0f2ee;--do-card:#ffffff;--do-text:#173a35;--do-text-2:#5f6864;--do-text-3:#707874;--do-shadow:0 4px 16px rgba(35,50,40,0.04);--do-shadow-hover:0 10px 26px rgba(35,50,40,0.09);--do-skel:#eef1ed;--do-c-work:#8cc5a4;--do-c-learning:#8db9de;--do-c-plan:#e6c36c;--do-c-life:#b9a0de;--do-c-other:#c9cfcb;display:flex;flex-direction:column;gap:18px;width:100%;max-width:1520px;margin:0 auto;padding:4px 0 32px;color:var(--do-text)}body[data-theme=dark] .do-page{--do-primary:var(--wn-green);--do-deep:var(--wn-green-dark);--do-green:var(--wn-green-soft);--do-blue:var(--wn-tint-blue);--do-yellow:var(--wn-tint-cream);--do-purple:var(--wn-tint-purple);--do-orange:var(--wn-tint-peach);--do-border:var(--wn-border);--do-line:var(--wn-line);--do-card:var(--wn-card);--do-text:var(--wn-text);--do-text-2:var(--wn-text-2);--do-text-3:var(--wn-text-3);--do-shadow:none;--do-shadow-hover:var(--wn-shadow-hover);--do-skel:#222d3d;--do-c-other:#5d6878}.do-page .nav-icon{width:18px;height:18px;flex-shrink:0;color:currentColor}.do-page .do-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.do-page .do-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;min-height:84px;padding:8px 0 2px}.do-page .do-head:before{position:absolute;top:-12px;right:0;bottom:-6px;width:min(520px,55%);background:url(/images/app-home/sidebar-mountain.webp) 100% 100%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%),linear-gradient(0deg,transparent,#000 35%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 55%),linear-gradient(0deg,transparent,#000 35%);-webkit-mask-composite:source-in,xor;mask-composite:intersect;opacity:.3;content:"";pointer-events:none}body[data-theme=dark] .do-page .do-head:before{display:none}.do-page .do-head-text,.do-page .do-range{position:relative}.do-page .do-head h1{margin:0;font-size:30px;font-weight:700;line-height:1.25;letter-spacing:.5px;color:var(--do-text)}.do-page .do-head p{margin:6px 0 0;font-size:14px;color:var(--do-text-2)}.do-page .do-range{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--do-border);border-radius:12px;background:var(--do-card);box-shadow:var(--do-shadow)}.do-page .do-range-btn{min-height:32px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--do-text-2);font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}.do-page .do-range-btn:hover{color:var(--do-text);background:var(--do-green)}.do-page .do-range-btn.is-active{background:var(--do-primary);color:#ffffff;font-weight:600}body[data-theme=dark] .do-page .do-range-btn.is-active{color:#10241c}.do-page .do-hint{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--do-text-3);cursor:help;outline:none}.do-page .do-hint .nav-icon{width:15px;height:15px}.do-page .do-hint:focus-visible,.do-page .do-hint:hover{color:var(--do-primary);background:var(--do-green)}.do-page .do-hint:after{position:absolute;top:calc(100% + 6px);right:-8px;z-index:20;width:max-content;max-width:240px;padding:8px 10px;border-radius:8px;background:var(--do-deep);color:#ffffff;font-size:12px;font-weight:400;line-height:1.55;text-align:left;white-space:normal;content:attr(data-hint);opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none}body[data-theme=dark] .do-page .do-hint:after{background:#0b111a;color:var(--wn-text);box-shadow:0 6px 20px rgba(0,0,0,.4)}.do-page .do-hint:focus:after,.do-page .do-hint:hover:after{opacity:1;visibility:visible}.do-page .do-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.do-page .do-stat{position:relative;display:flex;align-items:center;gap:14px;min-width:0;min-height:108px;padding:16px 18px;border:1px solid var(--do-border);border-radius:16px;background:var(--do-card);box-shadow:var(--do-shadow);transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.do-page .do-stat:focus-within,.do-page .do-stat:hover{border-color:color-mix(in srgb,var(--do-primary) 28%,var(--do-border));box-shadow:var(--do-shadow-hover);transform:translateY(-1px)}.do-page .do-stat-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px}.do-page .do-stat-icon .nav-icon{width:22px;height:22px}.do-page .do-stat.is-green .do-stat-icon{background:var(--do-green);color:#1f634e}.do-page .do-stat.is-blue .do-stat-icon{background:var(--do-blue);color:#2f6f9f}.do-page .do-stat.is-orange .do-stat-icon{background:var(--do-orange);color:#b8612a}.do-page .do-stat.is-purple .do-stat-icon{background:var(--do-purple);color:#7553ad}body[data-theme=dark] .do-page .do-stat.is-green .do-stat-icon{color:#8fcbaa}body[data-theme=dark] .do-page .do-stat.is-blue .do-stat-icon{color:#8db9de}body[data-theme=dark] .do-page .do-stat.is-orange .do-stat-icon{color:#e9a77a}body[data-theme=dark] .do-page .do-stat.is-purple .do-stat-icon{color:#c2aee6}.do-page .do-stat-body{display:flex;flex-direction:column;gap:2px;min-width:0}.do-page .do-stat-title{margin:0;font-size:14px;font-weight:500;color:var(--do-text-2)}.do-page .do-stat-link{color:inherit;text-decoration:none}.do-page .do-stat-link:after{position:absolute;inset:0;border-radius:inherit;content:""}.do-page .do-stat-link:focus-visible{outline:none}.do-page .do-stat-link:focus-visible:after{outline:2px solid var(--do-primary);outline-offset:2px}.do-page .do-stat-value{font-size:28px;font-weight:700;line-height:1.2;color:var(--do-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.do-page .do-stat-value.is-muted{color:var(--do-text-3)}.do-page .do-stat-note{overflow:hidden;font-size:12px;color:var(--do-text-2);white-space:nowrap;text-overflow:ellipsis}.do-page .do-stat-retry{position:relative;z-index:1;align-self:flex-start;min-height:28px;padding:0;border:0;background:none;color:var(--do-primary);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.do-page .do-stat-corner{position:absolute;top:10px;right:10px;z-index:1;display:flex;align-items:center;gap:2px}.do-page .do-stat-arrow{display:grid;place-items:center;width:24px;height:24px;color:var(--do-text-3);pointer-events:none;transition:color .15s ease,transform .15s ease}.do-page .do-stat-arrow .nav-icon{width:16px;height:16px}.do-page .do-stat:hover .do-stat-arrow{color:var(--do-primary);transform:translate(1px,-1px)}.do-page .do-card{min-width:0;padding:18px 20px;border:1px solid var(--do-border);border-radius:16px;background:var(--do-card);box-shadow:var(--do-shadow)}.do-page .do-card-head{display:flex;align-items:center;gap:6px;min-height:32px}.do-page .do-card-head h2{margin:0;font-size:16px;font-weight:600;color:var(--do-text)}.do-page .do-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:16px;color:var(--do-text-2);font-size:14px;text-align:center}.do-page .do-state small{font-size:12px;color:var(--do-text-3)}.do-page .do-state.is-error{color:var(--do-text-2)}.do-page .do-module-error .do-state{min-height:96px}.do-page .do-retry{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border:1px solid var(--do-border);border-radius:10px;background:var(--do-card);color:var(--do-primary);font:inherit;font-size:13px;cursor:pointer}.do-page .do-retry:hover{background:var(--do-green)}.do-page .do-retry .nav-icon{width:15px;height:15px}.do-page .do-footnote{margin:6px 0 0;font-size:12px;color:var(--do-text-3)}.do-page .do-skel{display:block;border-radius:8px;background:var(--do-skel);animation:do-pulse 1.4s ease-in-out infinite}.do-page .do-skel-num{width:64px;height:30px;margin:2px 0 4px}.do-page .do-skel-line{width:100%;height:12px}.do-page .do-skel-line.is-short{width:60%}.do-page .do-skel-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0}.do-page .do-skel-donut{width:160px;height:160px;border-radius:50%;flex-shrink:0}.do-page .do-skel-lines{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.do-page .do-stat .do-skel-line{width:90px}@keyframes do-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.do-page .do-skel{animation:none}}.do-page .do-charts{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);grid-gap:18px;gap:18px}.do-page .do-composition,.do-page .do-trend{display:flex;flex-direction:column;min-height:280px}.do-page .do-composition-body{display:flex;flex:1 1;align-items:center;gap:28px;padding:8px 4px 0}.do-page .do-donut{position:relative;flex-shrink:0;width:172px;height:172px}.do-page .do-donut svg{display:block;width:100%;height:100%;overflow:visible}.do-page .do-donut-track{fill:none;stroke:var(--do-line)}.do-page .do-donut-arc{fill:none;cursor:pointer;transition:stroke-width .15s ease,opacity .15s ease}.do-page .do-donut-arc.is-dim{opacity:.45}.do-page .is-work.do-donut-arc{stroke:var(--do-c-work)}.do-page .is-learning.do-donut-arc{stroke:var(--do-c-learning)}.do-page .is-plan.do-donut-arc{stroke:var(--do-c-plan)}.do-page .is-life.do-donut-arc{stroke:var(--do-c-life)}.do-page .is-other.do-donut-arc{stroke:var(--do-c-other)}.do-page .do-donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.do-page .do-donut-center strong{font-size:28px;font-weight:700;line-height:1.15;color:var(--do-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.do-page .do-donut-center span{font-size:12px;color:var(--do-text-2)}.do-page .do-legend{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;margin:0;padding:0;list-style:none}.do-page .do-legend-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto 44px;align-items:center;grid-gap:10px;gap:10px;min-height:34px;padding:0 8px;border-radius:8px;color:var(--do-text);font-size:14px;text-decoration:none}.do-page .do-legend-item.is-active,.do-page .do-legend-item:hover{background:var(--do-green)}.do-page .do-legend-dot{width:10px;height:10px;border-radius:3px}.do-page .do-legend-dot.is-work{background:var(--do-c-work)}.do-page .do-legend-dot.is-learning{background:var(--do-c-learning)}.do-page .do-legend-dot.is-plan{background:var(--do-c-plan)}.do-page .do-legend-dot.is-life{background:var(--do-c-life)}.do-page .do-legend-dot.is-other{background:var(--do-c-other)}.do-page .do-legend-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.do-page .do-legend-count{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.do-page .do-legend-percent{color:var(--do-text-2);font-size:13px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.do-page .do-trend-type{position:relative;display:inline-flex;align-items:center;margin-left:auto}.do-page .do-trend-type select{min-height:32px;padding:0 30px 0 12px;border:1px solid var(--do-border);border-radius:10px;background:var(--do-card);color:var(--do-text);font:inherit;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.do-page .do-trend-type .nav-icon{position:absolute;right:8px;width:14px;height:14px;color:var(--do-text-3);pointer-events:none}.do-page .do-chart{display:grid;flex:1 1;grid-template-columns:auto minmax(0,1fr);grid-gap:8px;gap:8px;min-height:200px;padding-top:14px}.do-page .do-chart-y{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:24px;color:var(--do-text-3);font-size:11px;line-height:1;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.do-page .do-chart-y span{height:0;display:flex;align-items:center;justify-content:flex-end}.do-page .do-chart-plot{position:relative;min-width:0;padding-bottom:24px}.do-page .do-chart-grid{position:absolute;inset:0 0 24px;pointer-events:none}.do-page .do-chart-grid span{position:absolute;right:0;left:0;border-top:1px dashed var(--do-line)}.do-page .do-chart-grid span:first-child{border-top-style:solid;border-top-color:var(--do-border)}.do-page .do-bars{position:relative;display:flex;align-items:stretch;height:100%;gap:6px}.do-page .do-bars.is-30{gap:3px}.do-page .do-bars.is-90{gap:1px}.do-page .do-bar{display:flex;flex:1 1;align-items:flex-end;justify-content:center;min-width:0;cursor:default}.do-page .do-bar-fill{display:block;width:100%;max-width:28px;min-height:0;border-radius:4px 4px 0 0;background:var(--do-c-work);transition:background-color .12s ease}.do-page .do-bars.is-90 .do-bar-fill{border-radius:2px 2px 0 0}.do-page .do-bar.is-active .do-bar-fill{background:var(--do-primary)}.do-page .do-chart-tip{position:absolute;top:-6px;z-index:5;padding:6px 10px;border-radius:8px;background:var(--do-deep);color:#ffffff;font-size:12px;white-space:nowrap;transform:translateX(-50%);pointer-events:none}body[data-theme=dark] .do-page .do-chart-tip{background:#0b111a;color:var(--wn-text)}.do-page .do-chart-x{position:absolute;right:0;bottom:0;left:0;height:18px;color:var(--do-text-3);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.do-page .do-chart-x span{position:absolute;top:2px;white-space:nowrap;transform:translateX(-50%)}.do-page .do-trend-skel{display:flex;flex:1 1;align-items:flex-end;gap:8px;min-height:200px;padding:20px 0 24px}.do-page .do-trend-skel .do-skel{flex:1 1;border-radius:4px 4px 0 0}.do-page .do-more{margin-left:auto;display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 4px;color:var(--do-primary);font-size:13px;text-decoration:none}.do-page .do-more:hover{text-decoration:underline}.do-page .do-recent-list{margin:6px 0 0;padding:0;list-style:none}.do-page .do-recent-list>li+li{border-top:1px solid var(--do-line)}.do-page .do-recent-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;min-height:62px;padding:9px 8px;border-radius:10px;color:inherit;text-decoration:none}.do-page .do-recent-row:hover{background:var(--do-green)}.do-page .do-recent-row:focus-visible{outline:2px solid var(--do-primary);outline-offset:-2px}.do-page .do-recent-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--do-green);color:var(--do-primary)}.do-page .do-recent-main{display:flex;flex-direction:column;gap:3px;min-width:0}.do-page .do-recent-line{display:flex;align-items:center;gap:8px;min-width:0}.do-page .do-recent-title{overflow:hidden;min-width:0;font-size:14px;font-weight:600;color:var(--do-text);white-space:nowrap;text-overflow:ellipsis}.do-page .do-chip{flex-shrink:0;padding:1px 8px;border-radius:999px;font-size:12px;line-height:18px}.do-page .do-chip.is-work{background:var(--do-green);color:#1f634e}.do-page .do-chip.is-learning{background:var(--do-blue);color:#2f6f9f}.do-page .do-chip.is-plan{background:var(--do-yellow);color:#8a6516}.do-page .do-chip.is-life{background:var(--do-purple);color:#7553ad}.do-page .do-chip.is-other{background:var(--do-line);color:var(--do-text-2)}body[data-theme=dark] .do-page .do-chip.is-work{color:#8fcbaa}body[data-theme=dark] .do-page .do-chip.is-learning{color:#8db9de}body[data-theme=dark] .do-page .do-chip.is-plan{color:#e6c36c}body[data-theme=dark] .do-page .do-chip.is-life{color:#c2aee6}.do-page .do-recent-excerpt{overflow:hidden;font-size:13px;color:var(--do-text-2);white-space:nowrap;text-overflow:ellipsis}.do-page .do-recent-time{font-size:12px;color:var(--do-text-3);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.do-page .do-recent-skel{display:flex;align-items:center;gap:14px;min-height:62px;padding:9px 8px}@media (max-width:1279px){.do-page .do-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px) and (max-width:1279px){.do-page .do-composition-body{gap:18px}.do-page .do-donut{width:148px;height:148px}.do-page .do-donut-center strong{font-size:24px}}@media (max-width:1023px){.do-page .do-charts{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.do-page{gap:14px}.do-page .do-head{align-items:flex-start;flex-direction:column;min-height:0}.do-page .do-head:before{width:70%;opacity:.18}.do-page .do-head h1{font-size:26px}.do-page .do-head p{font-size:13px}.do-page .do-stats{gap:10px}.do-page .do-stat{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:14px}.do-page .do-stat-icon{width:36px;height:36px;border-radius:10px}.do-page .do-stat-icon .nav-icon{width:19px;height:19px}.do-page .do-stat-value{font-size:25px}.do-page .do-stat-corner{top:8px;right:6px}.do-page .do-card{padding:16px}.do-page .do-composition,.do-page .do-trend{min-height:0}.do-page .do-composition-body{flex-direction:column;gap:16px}.do-page .do-legend{width:100%}.do-page .do-chart{min-height:180px}.do-page .do-bars{gap:3px}.do-page .do-bars.is-30{gap:2px}.do-page .do-bars.is-90{gap:0}.do-page .do-recent-row{grid-template-columns:32px minmax(0,1fr);gap:4px 12px;min-height:56px}.do-page .do-recent-icon{width:32px;height:32px;grid-row:span 2}.do-page .do-recent-excerpt{display:none}.do-page .do-recent-time{grid-column:2}.do-page .do-hint:after{max-width:200px}}@media (pointer:coarse){.do-page .do-hint{width:32px;height:32px}.do-page .do-more,.do-page .do-range-btn,.do-page .do-stat-retry,.do-page .do-trend-type select{min-height:36px}}.pf-page{container:pf/inline-size;display:grid;grid-gap:22px;gap:22px;width:100%;max-width:var(--wn-max,1440px);min-width:0}.pf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pf-head h1{margin:0;color:var(--wn-text,#173a35);font-size:var(--wn-fs-3xl,28px);font-weight:700;line-height:1.25}.pf-head p{margin:6px 0 0;font-size:var(--wn-fs-md,14px)}.pf-crumb,.pf-head p{color:var(--wn-text-2,#5f6864)}.pf-crumb{display:inline-flex;flex:none;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--wn-border,#e8ebe7);border-radius:12px;background:var(--wn-card,#ffffff);font-size:var(--wn-fs-sm,13px)}.pf-crumb a{display:inline-flex;color:inherit}.pf-crumb .nav-icon{width:16px;height:16px;color:currentColor}.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.pf-card{display:flex;flex-direction:column;gap:20px;min-width:0;padding:24px;border:1px solid var(--wn-card-border,#ebeee9);border-radius:var(--wn-radius-card,16px);background:var(--wn-card,#ffffff);box-shadow:var(--wn-shadow,0 4px 16px rgba(35,50,40,.04))}.pf-card-head{display:flex;align-items:flex-start;gap:14px}.pf-card-icon{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--wn-green-soft,#eaf4ee);color:var(--wn-green,#285c45)}.pf-card-icon .nav-icon{width:22px;height:22px;color:currentColor}.pf-card-head h2{margin:0;color:var(--wn-text,#173a35);font-size:var(--wn-fs-xl,18px);font-weight:700;line-height:1.35}.pf-card-head p{margin:4px 0 0;color:var(--wn-text-2,#5f6864);font-size:var(--wn-fs-sm,13px);line-height:1.6}.pf-card-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:auto}.pf-invite-card{grid-column:1/-1}.pf-form{grid-gap:18px;gap:18px}.pf-field,.pf-form{display:grid;min-width:0}.pf-field{grid-gap:8px;gap:8px}.pf-field>label,.pf-field>span,.pf-label{color:var(--wn-text,#173a35);font-size:var(--wn-fs-md,14px);font-weight:600}.pf-field small{color:var(--wn-text-2,#5f6864);font-size:var(--wn-fs-xs,12px);line-height:1.6}.pf-input-wrap{position:relative}.pf-input-wrap .input{width:100%;padding-right:64px}.pf-input-wrap.is-invalid .input{border-color:var(--wn-danger,#b4472f)}.pf-count{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--wn-text-3,#707874);font-size:var(--wn-fs-xs,12px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}.pf-count.is-over{color:var(--wn-danger,#b4472f);font-weight:700}.pf-page .input[readonly]{border-color:var(--wn-border,#e8ebe7);background:color-mix(in srgb,var(--wn-text,#173a35) 5%,var(--wn-card,#ffffff));color:var(--wn-text-2,#5f6864);cursor:default}.pf-meta{display:inline-flex;align-items:center;gap:10px;margin:0;color:var(--wn-text,#173a35);font-size:var(--wn-fs-lg,16px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-meta .nav-icon{width:18px;height:18px;color:var(--wn-text-2,#5f6864)}.pf-error{display:flex;align-items:center;gap:6px;margin:0;color:var(--wn-danger,#b4472f);font-size:var(--wn-fs-sm,13px);line-height:1.5}.pf-error:empty{display:none}.pf-error .nav-icon{flex:none;width:16px;height:16px;color:currentColor}.pf-btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.pf-btn-icon .nav-icon{width:18px;height:18px;color:currentColor}.pf-avatar-body{display:grid;flex:1 1;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:32px;gap:32px}.pf-avatar-ring{display:grid;place-items:center;width:168px;height:168px;padding:8px;border:1px solid var(--wn-border,#e8ebe7);border-radius:50%;background:var(--wn-green-faint,#f3f8f4)}.pf-avatar-ring .user-avatar{width:148px;height:148px;border-radius:50%;object-fit:cover}.pf-avatar-ring .member-avatar-frame{display:grid;place-items:center;border-radius:50%}.pf-avatar-actions{display:grid;grid-gap:12px;gap:12px;min-width:0;max-width:280px}.pf-avatar-actions .btn{width:100%}.pf-text-btn{justify-self:start;padding:2px 0;border:0;background:none;color:var(--wn-green,#285c45);font:inherit;font-size:var(--wn-fs-md,14px);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pf-text-btn:disabled{opacity:.55;cursor:not-allowed}.pf-hint{margin:0;color:var(--wn-text-2,#5f6864);font-size:var(--wn-fs-xs,12px);line-height:1.7}.pf-file{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.pf-rows{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.pf-row{display:flex;align-items:center;gap:14px;width:100%;min-width:0;padding:16px 18px;border:1px solid var(--wn-border,#e8ebe7);border-radius:12px;background:var(--wn-card,#ffffff);color:inherit;text-align:left}.pf-row-icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--wn-green-faint,#f3f8f4);color:var(--wn-green,#285c45)}.pf-row-icon .nav-icon{width:20px;height:20px;color:currentColor}.pf-row-text{display:grid;flex:1 1;grid-gap:4px;gap:4px;min-width:0}.pf-row-text strong{color:var(--wn-text,#173a35);font-size:var(--wn-fs-md,14px);font-weight:700}.pf-row-text span{color:var(--wn-text-2,#5f6864);font-size:var(--wn-fs-sm,13px);line-height:1.55}.pf-row-btn{flex:none}.pf-row-end{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.pf-row-link{font:inherit;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.pf-row-link:hover{border-color:color-mix(in srgb,var(--wn-green,#285c45) 35%,var(--wn-border,#e8ebe7));background:var(--wn-green-faint,#f3f8f4)}.pf-row-link>.nav-icon{flex:none;width:18px;height:18px;color:var(--wn-text-3,#707874)}.pf-row-link.is-danger .pf-row-icon{background:color-mix(in srgb,var(--wn-danger,#b4472f) 10%,var(--wn-card,#ffffff));color:var(--wn-danger,#b4472f)}.pf-row-link.is-danger:hover{border-color:color-mix(in srgb,var(--wn-danger,#b4472f) 35%,var(--wn-border,#e8ebe7));background:color-mix(in srgb,var(--wn-danger,#b4472f) 5%,var(--wn-card,#ffffff))}.pf-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:var(--wn-fs-sm,13px);font-weight:600;white-space:nowrap}.pf-badge .nav-icon{width:16px;height:16px;color:currentColor}.pf-badge.is-ok{background:var(--wn-green-soft,#eaf4ee);color:var(--wn-green,#285c45)}.pf-badge.is-warn{background:var(--wn-tint-cream,#fbf4e6);color:#8a5f1c}body[data-theme=dark] .pf-badge.is-warn{color:#e2b46a}.pf-check{display:inline-flex;align-items:center;gap:8px;color:var(--wn-text-2,#5f6864);font-size:var(--wn-fs-sm,13px);cursor:pointer}.pf-readonly{margin:0;color:var(--wn-text,#173a35);font-size:var(--wn-fs-md,14px);overflow-wrap:anywhere}.pf-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px}.pf-code-row .input{letter-spacing:.2em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-note{margin:0;padding:10px 12px;border-radius:10px;background:var(--wn-green-faint,#f3f8f4);color:var(--wn-text-2,#5f6864);font-size:var(--wn-fs-sm,13px);line-height:1.6}.pf-theme-list{display:grid;grid-gap:8px;gap:8px}.pf-theme-option{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1px solid var(--wn-border,#e8ebe7);border-radius:12px;color:var(--wn-text,#173a35);font-size:var(--wn-fs-md,14px);cursor:pointer}.pf-theme-option input{position:absolute;opacity:0;pointer-events:none}.pf-theme-option:focus-within{outline:2px solid var(--wn-green,#285c45);outline-offset:2px}.pf-theme-option.is-active{border-color:var(--wn-green,#285c45);background:var(--wn-green-faint,#f3f8f4);font-weight:600}.pf-theme-option .nav-icon{width:18px;height:18px;margin-left:auto;color:var(--wn-green,#285c45)}.pf-theme-icon{display:grid;place-items:center;width:24px;font-size:18px}.pf-confirm-text{margin:0;color:var(--wn-text-2,#5f6864);font-size:var(--wn-fs-md,14px);line-height:1.7}.pf-footer-start{margin-right:auto}.pf-crop{display:grid;justify-items:center;grid-gap:16px;gap:16px}.pf-crop-frame{position:relative;overflow:hidden;border-radius:12px;background:#1b2420;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pf-crop-frame:active{cursor:-webkit-grabbing;cursor:grabbing}.pf-crop-frame:focus-visible{outline:3px solid var(--wn-green,#285c45);outline-offset:3px}.pf-crop-frame img{top:0;left:0;max-width:none}.pf-crop-frame img,.pf-crop-mask{position:absolute;pointer-events:none}.pf-crop-mask{inset:0;border-radius:50%;box-shadow:0 0 0 999px rgba(10,16,13,.5)}.pf-crop-zoom{display:flex;align-items:center;gap:12px;width:100%;max-width:320px;color:var(--wn-text-2,#5f6864);font-size:var(--wn-fs-sm,13px)}.pf-crop-zoom input{flex:1 1;accent-color:var(--wn-green,#285c45)}.pf-options{display:grid;grid-gap:16px;gap:16px}.pf-options-preview{display:flex;justify-content:center}.pf-options-preview .user-avatar{width:72px;height:72px;border-radius:50%}.pf-skeleton{min-height:260px}.pf-skeleton span{display:block;height:14px;border-radius:8px;background:color-mix(in srgb,var(--wn-text,#173a35) 7%,transparent);animation:pf-pulse 1.4s ease-in-out infinite}.pf-skeleton span:first-child{width:40%;height:20px}.pf-skeleton span:nth-child(2){width:85%}.pf-skeleton span:nth-child(3){width:65%}@keyframes pf-pulse{50%{opacity:.45}}@container pf (max-width: 860px){.pf-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.pf-page{gap:16px}.pf-head{flex-direction:column;gap:10px}.pf-head h1{font-size:var(--wn-fs-2xl,22px)}.pf-crumb{display:none}.pf-grid{gap:14px}.pf-card{gap:18px;padding:20px 16px}.pf-avatar-body{grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px}.pf-avatar-actions{justify-items:stretch;width:100%;max-width:none}.pf-text-btn{justify-self:center}.pf-hint{text-align:center}.pf-row{flex-wrap:wrap;padding:14px}.pf-row-end{width:100%;justify-content:space-between}.pf-card-foot .btn{flex:1 1}}@media (pointer:coarse){.pf-crumb a,.pf-text-btn{position:relative}.pf-crumb a:after{position:absolute;inset:-10px;content:""}.pf-text-btn:after{position:absolute;inset:-10px -8px;content:""}}@media (prefers-reduced-motion:reduce){.pf-skeleton span{animation:none}.pf-row-link{transition:none}}.inv{container:inv/inline-size;display:grid;grid-gap:14px;gap:14px;min-width:0}.inv-code-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:14px 16px;border:1px dashed color-mix(in srgb,var(--wn-green,#285c45) 35%,var(--wn-border,#e8ebe7));border-radius:12px;background:var(--wn-green-faint,#f3f8f4)}.inv-code-box{display:grid;grid-gap:2px;gap:2px;min-width:0}.inv-label{color:var(--wn-text-2,#5f6864);font-size:var(--wn-fs-xs,12px)}.inv-code{color:var(--wn-green,#285c45);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:24px;font-weight:700;letter-spacing:.12em;line-height:1.3;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.inv-code.is-empty{color:var(--wn-text-3,#707874);font-family:inherit;font-size:var(--wn-fs-lg,16px);letter-spacing:0;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.inv-copy{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px}.inv-copy .nav-icon{width:16px;height:16px;color:currentColor}.inv-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0}.inv-stats>div{min-width:0;padding:12px 14px;border:1px solid var(--wn-border,#e8ebe7);border-radius:12px;background:var(--wn-card,#ffffff)}.inv-stats dt{color:var(--wn-text-2,#5f6864);font-size:var(--wn-fs-xs,12px)}.inv-stats dd{margin:4px 0 0;color:var(--wn-text,#173a35);font-size:var(--wn-fs-lg,16px);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.inv-status{display:inline-flex;padding:2px 10px;border-radius:999px;font-size:var(--wn-fs-sm,13px);font-weight:600;white-space:nowrap}.inv-status.is-ok{background:var(--wn-green-soft,#eaf4ee);color:var(--wn-green,#285c45)}.inv-status.is-warn{background:var(--wn-tint-cream,#fbf4e6);color:#8a5f1c}.inv-meter{height:6px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--wn-text,#173a35) 8%,transparent)}.inv-meter span{display:block;height:100%;border-radius:inherit;background:var(--wn-green,#285c45)}.inv-meter.is-warn span{background:#c98a2b}.inv-hint,.inv-note{margin:0;font-size:var(--wn-fs-sm,13px);line-height:1.6}.inv-note{padding:10px 12px;border-radius:10px;background:var(--wn-tint-cream,#fbf4e6)}.inv-hint,.inv-note{color:var(--wn-text-2,#5f6864)}.inv-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--wn-danger,#b4472f);font-size:var(--wn-fs-sm,13px)}.inv-skeleton{display:grid;grid-gap:12px;gap:12px}.inv-skeleton span{display:block;height:56px;border-radius:12px;background:color-mix(in srgb,var(--wn-text,#173a35) 7%,transparent);animation:inv-pulse 1.4s ease-in-out infinite}.inv-skeleton span:nth-child(2){height:64px}@keyframes inv-pulse{50%{opacity:.45}}body[data-theme=dark] .inv-status.is-warn{color:#e2b46a}body[data-theme=dark] .inv-note{background:color-mix(in srgb,#e2b46a 12%,var(--wn-card,#ffffff))}@container inv (max-width: 460px){.inv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-stats>div:last-child{grid-column:1/-1}.inv-code{font-size:20px}.inv-copy{width:100%}}@media (prefers-reduced-motion:reduce){.inv-skeleton span{animation:none}}