:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;--font-display: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", sans-serif;--bg: #f3f6fb;--surface: #ffffff;--surface-2: #ebf0f8;--text: #16233f;--muted: #5e6b85;--border: #e3e9f2;--dot: rgba(22, 35, 63, .05);--wash: rgba(96, 165, 250, .13);--ring: #2563eb;--danger: #dc2626;--warm: #f59e0b;--shadow-sm: 0 1px 2px rgba(22, 35, 63, .05), 0 8px 24px rgba(22, 35, 63, .06);--shadow-md: 0 2px 4px rgba(22, 35, 63, .06), 0 14px 32px rgba(22, 35, 63, .1);--radius-tile: 20px;--radius-block: 16px}:root[data-theme=dark]{color-scheme:dark;--bg: #0e1322;--surface: #171e33;--surface-2: #1f2947;--text: #ecf1fb;--muted: #8b97b5;--border: #273252;--dot: rgba(236, 241, 251, .05);--wash: rgba(37, 99, 235, .16);--ring: #93c5fd;--danger: #f87171;--warm: #fbbf24;--shadow-sm: 0 0 0 1px rgba(255, 255, 255, .03), 0 8px 24px rgba(0, 0, 0, .3);--shadow-md: 0 0 0 1px rgba(255, 255, 255, .04), 0 14px 32px rgba(0, 0, 0, .42)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0e1322;--surface: #171e33;--surface-2: #1f2947;--text: #ecf1fb;--muted: #8b97b5;--border: #273252;--dot: rgba(236, 241, 251, .05);--wash: rgba(37, 99, 235, .16);--ring: #93c5fd;--danger: #f87171;--warm: #fbbf24;--shadow-sm: 0 0 0 1px rgba(255, 255, 255, .03), 0 8px 24px rgba(0, 0, 0, .3);--shadow-md: 0 0 0 1px rgba(255, 255, 255, .04), 0 14px 32px rgba(0, 0, 0, .42)}}.ac-amber{--ac-from: #ffc24b;--ac-to: #f59e0b;--ac-text: #b45309;--ac-bg: rgba(245, 158, 11, .13)}.ac-mint{--ac-from: #34d399;--ac-to: #059669;--ac-text: #047857;--ac-bg: rgba(5, 150, 105, .12)}.ac-blue{--ac-from: #60a5fa;--ac-to: #2563eb;--ac-text: #1d4ed8;--ac-bg: rgba(37, 99, 235, .11)}.ac-orange{--ac-from: #fb923c;--ac-to: #ea580c;--ac-text: #c2410c;--ac-bg: rgba(234, 88, 12, .11)}.ac-cyan{--ac-from: #22d3ee;--ac-to: #0891b2;--ac-text: #0e7490;--ac-bg: rgba(8, 145, 178, .11)}.ac-violet{--ac-from: #a78bfa;--ac-to: #7c3aed;--ac-text: #6d28d9;--ac-bg: rgba(124, 58, 237, .11)}.ac-rose{--ac-from: #fb7185;--ac-to: #e11d48;--ac-text: #be123c;--ac-bg: rgba(225, 29, 72, .1)}:root[data-theme=dark] .ac-amber{--ac-text: #fcd34d;--ac-bg: rgba(245, 158, 11, .2)}:root[data-theme=dark] .ac-mint{--ac-text: #6ee7b7;--ac-bg: rgba(5, 150, 105, .22)}:root[data-theme=dark] .ac-blue{--ac-text: #93c5fd;--ac-bg: rgba(37, 99, 235, .24)}:root[data-theme=dark] .ac-orange{--ac-text: #fdba74;--ac-bg: rgba(234, 88, 12, .22)}:root[data-theme=dark] .ac-cyan{--ac-text: #67e8f9;--ac-bg: rgba(8, 145, 178, .24)}:root[data-theme=dark] .ac-violet{--ac-text: #c4b5fd;--ac-bg: rgba(124, 58, 237, .26)}:root[data-theme=dark] .ac-rose{--ac-text: #fda4af;--ac-bg: rgba(225, 29, 72, .24)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ac-amber{--ac-text: #fcd34d;--ac-bg: rgba(245, 158, 11, .2)}:root:not([data-theme=light]) .ac-mint{--ac-text: #6ee7b7;--ac-bg: rgba(5, 150, 105, .22)}:root:not([data-theme=light]) .ac-blue{--ac-text: #93c5fd;--ac-bg: rgba(37, 99, 235, .24)}:root:not([data-theme=light]) .ac-orange{--ac-text: #fdba74;--ac-bg: rgba(234, 88, 12, .22)}:root:not([data-theme=light]) .ac-cyan{--ac-text: #67e8f9;--ac-bg: rgba(8, 145, 178, .24)}:root:not([data-theme=light]) .ac-violet{--ac-text: #c4b5fd;--ac-bg: rgba(124, 58, 237, .26)}:root:not([data-theme=light]) .ac-rose{--ac-text: #fda4af;--ac-bg: rgba(225, 29, 72, .24)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(ellipse 120% 480px at 50% -120px,var(--wash),transparent),radial-gradient(var(--dot) 1px,transparent 1.6px) 0 0 / 26px 26px,var(--bg);transition:background-color .2s ease,color .2s ease}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar,.page{width:min(1120px,100% - 32px);margin-inline:auto}@media(min-width:700px){.topbar,.page{width:min(1120px,100% - 64px)}}.topbar{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--font-display);font-size:19px;font-weight:700}.brand-mark{position:relative;display:grid;place-items:center;width:28px;height:28px;color:var(--warm)}.brand-mark:before{position:absolute;inset:2px;content:"";border:7px solid currentColor;clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)}.brand-mark span{width:7px;height:7px;background:var(--surface);border-radius:2px}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{display:grid;place-items:center;width:44px;height:44px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;transition:color .15s ease,border-color .15s ease}.parent-jump{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;font-size:14px;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;transition:color .15s ease,border-color .15s ease}@media(hover:hover){.icon-button:hover,.parent-jump:hover{color:var(--text);border-color:var(--muted)}}.greeting{padding:26px 0 6px}.greeting h1{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--font-display);font-size:clamp(26px,5vw,34px);font-weight:700;letter-spacing:.01em}.greeting-icon{width:30px;height:30px;color:var(--warm);flex-shrink:0}.greeting p{margin:8px 0 0;font-size:14px;font-weight:500;color:var(--muted)}@media(min-width:700px){.greeting{padding:40px 0 10px}}.section-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600}.section-title:before{content:"";width:8px;height:8px;background:var(--warm);border-radius:999px}.page section{margin-top:28px}.block-icon{display:grid;place-items:center;width:56px;height:56px;color:#fff;background:linear-gradient(135deg,var(--ac-from),var(--ac-to));border-radius:var(--radius-block);flex-shrink:0}.block-icon .icon{width:26px;height:26px}.lettermark{display:grid;place-items:center;font-size:20px;font-weight:700;letter-spacing:.02em}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;width:30px;height:30px;font-size:8px;font-weight:600;line-height:1}.number-grid span{display:grid;place-items:center;background:#ffffff38;border-radius:2px}.continue-row{display:flex;gap:10px;overflow-x:auto;padding:8px 6px 14px;margin:-8px -6px;scroll-snap-type:x mandatory;scrollbar-width:none}.continue-row::-webkit-scrollbar{display:none}.continue-card{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:168px;min-height:84px;padding:12px 18px 12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);scroll-snap-align:start;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.continue-card.wide{min-width:min(360px,78vw)}.continue-card .block-icon{width:48px;height:48px;border-radius:14px}.continue-card .block-icon .icon{width:22px;height:22px}.continue-card .number-grid{width:26px;height:26px;font-size:7px}.continue-meta strong{display:block;font-size:16px;font-weight:600}.continue-meta time{display:block;margin-top:3px;font-size:12px;font-weight:600;color:var(--ac-text)}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:700px){.tile-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media(min-width:1024px){.tile-grid{grid-template-columns:repeat(4,1fr)}}.tile{position:relative;display:flex;flex-direction:column;gap:10px;min-height:150px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-tile);box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}@media(hover:hover){.tile:not(.ghost):hover,.continue-card:hover{transform:translateY(-3px);border-color:var(--ac-to);box-shadow:var(--shadow-md)}}.tile:not(.ghost):active,.continue-card:active{transform:scale(.97);box-shadow:none}.tile-name{font-size:17px;font-weight:600;line-height:1.35}.tile-desc{flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:13px;line-height:1.5;color:var(--muted)}@media(min-width:700px){.tile-name{font-size:18px}.tile-desc{-webkit-line-clamp:2}}.tile-tag{align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:600;color:var(--ac-text);background:var(--ac-bg);border-radius:999px}.badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--ac-text);background:var(--ac-bg);border-radius:999px}.tile.ghost{align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--muted);background:transparent;border:1.5px dashed var(--border);box-shadow:none;cursor:default}.ghost-title{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.ghost-names{font-size:13px;line-height:1.6}.tile.ghost.wiggle{animation:wiggle .3s ease}@keyframes wiggle{25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.parents{padding:20px;background:var(--surface-2);border-radius:var(--radius-tile);scroll-margin-top:16px}@media(min-width:700px){.parents{padding:24px}}.parents.flash{animation:flash-ring .9s ease}@keyframes flash-ring{0%{box-shadow:0 0 0 3px var(--warm)}to{box-shadow:0 0 0 3px transparent}}.parents-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.parents-head p{margin:0 0 12px;font-size:13px;color:var(--muted)}.parent-rows{display:grid;gap:8px}@media(min-width:1024px){.parent-rows{grid-template-columns:repeat(2,1fr);gap:10px}}.parent-row{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:12px;min-height:56px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,border-color .15s ease}@media(hover:hover){.parent-row:hover{border-color:var(--ac-to)}}.parent-row:active{transform:scale(.98)}.parent-icon{display:grid;place-items:center;width:40px;height:40px;color:var(--ac-text);background:var(--ac-bg);border-radius:12px}.parent-icon .icon{width:20px;height:20px}.parent-icon .lettermark{font-size:15px}.parent-icon .number-grid{width:22px;height:22px;font-size:6px}.parent-icon .number-grid span{background:transparent}.parent-label{min-width:0}.parent-label strong{display:block;font-size:15px;font-weight:600;line-height:1.4}.parent-label small{display:block;overflow:hidden;font-size:12px;line-height:1.5;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.parent-row .chev{color:var(--muted)}.parents-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.usage-note{margin:0;font-size:13px;color:var(--muted)}.usage-note strong{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.clear-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;font-size:13px;font-weight:500;color:var(--muted);background:transparent;border:0;border-radius:10px;transition:color .15s ease}.clear-button.confirming{font-weight:600;color:var(--danger)}.footer{margin-top:auto;padding:40px 0 36px;font-size:12px;color:var(--muted);text-align:center}.reveal{animation:rise .55s cubic-bezier(.2,.7,.3,1) both}.page .reveal:nth-child(2){animation-delay:.06s}.page .reveal:nth-child(3){animation-delay:.12s}.page .reveal:nth-child(4){animation-delay:.18s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.tile.ghost.wiggle,.parents.flash{animation:none}.tile,.continue-card,.parent-row{transition:none}.tile:hover,.continue-card:hover,.tile:active,.continue-card:active,.parent-row:active{transform:none}}