:root{--bg: #faf7ff;--surface: #ffffff;--surface-2: #fff7fd;--text: #1b1b1f;--muted: rgba(27,27,31,.64);--border: rgba(27,27,31,.12);--border-2: rgba(27,27,31,.08);--accent: #7c3aed;--accent-2: #ec4899;--accent-soft: rgba(124,58,237,.12);--radius: 16px;--radius-sm: 12px;--shadow: 0 10px 30px rgba(17, 24, 39, .08);--shadow-sm: 0 6px 16px rgba(17, 24, 39, .06);--pad: 18px;--gap: 10px}:root{color-scheme:light}html,body{background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.app-container{max-width:760px;margin:0 auto;padding:var(--pad)}.stack{display:flex;flex-direction:column;gap:var(--gap)}.row{display:flex;align-items:center;gap:var(--gap)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.wrap{flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:12px}.btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:8px 12px;cursor:pointer;box-shadow:0 1px #00000005;transition:transform .06s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.btn:hover{box-shadow:var(--shadow-sm);border-color:#1b1b1f2e}.btn:active{transform:translateY(1px);box-shadow:0 2px 8px #1118270f}.btn-primary{border-color:#7c3aed59;background:linear-gradient(135deg,#7c3aed1f,#ec48991a)}.btn-ghost{background:transparent;box-shadow:none}.btn-pill{border-radius:12px;padding:8px 14px}.input{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 12px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input:focus{border-color:#7c3aed8c;box-shadow:0 0 0 4px var(--accent-soft)}.notice{border:1px dashed rgba(27,27,31,.28);background:#ffffffbf;border-radius:14px;padding:10px 12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.panel-title{display:flex;align-items:baseline;gap:10px}.h-title{font-weight:900;letter-spacing:.2px}.h-sub{font-size:12px;color:var(--muted)}.year-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:10px;margin-top:12px}.seg-card{height:96px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:10px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#fffffff2,#fffc);box-shadow:0 6px 18px #1118270f;cursor:pointer;text-align:left;transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease}.seg-card:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:#7c3aed38}.seg-card.is-selected{border-color:#7c3aed73;box-shadow:0 10px 30px #7c3aed1f;background:linear-gradient(180deg,#7c3aed1a,#ec489914)}.seg-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.seg-id{font-weight:900}.seg-count{font-size:12px;color:var(--muted);min-width:44px;text-align:right}.seg-mid{margin-top:6px;min-height:16px;font-size:12px;color:#1b1b1fb3}.progress{margin-top:auto;height:7px;border-radius:999px;background:#1b1b1f14;overflow:hidden}.progress-bar{height:100%;width:0%;background:#505050}.pop{position:fixed;z-index:9999;width:320px;max-width:calc(100vw - 24px);border:1px solid var(--border);border-radius:16px;padding:12px;background:var(--surface);box-shadow:var(--shadow)}.pop-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.divider-dash{border-top:1px dashed rgba(27,27,31,.1);margin-top:6px}:root{--bg: #242424;--surface: #1a1a1a;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--accent: #646cff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:300;color-scheme:light;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent);text-decoration:none}a:hover{color:#535bf2}body{margin:0;min-height:100vh;display:block;padding-top:16px;color:var(--text);background-color:var(--bg)}#app{max-width:760px;margin:0 auto;padding:20px;text-align:left}h1{font-size:2.4rem;line-height:1.15;font-weight:500;margin:0 0 .8rem;color:var(--text)}button{border-radius:10px;border:1px solid rgba(255,255,255,.06);padding:.5em 1em;font-size:.95em;font-weight:500;font-family:inherit;background-color:transparent;color:var(--text);cursor:pointer;transition:border-color .18s,background-color .18s,transform .08s}button:hover{border-color:var(--accent);background-color:#646cff0f}button:active{transform:translateY(1px)}button:focus,button:focus-visible{outline:3px auto -webkit-focus-ring-color}.card{padding:1.25em;background-color:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.03);box-shadow:0 6px 20px #00000040}.muted{color:var(--muted);font-size:.95em}@media(prefers-color-scheme:light){:root{--bg: #ffffff;--surface: #fbfbfd;--text: #213547;--muted: rgba(33,53,71,.55);--accent: #646cff}a:hover{color:#747bff}button{background-color:transparent;color:var(--text);border-color:#2135470f}}