:root,[data-theme=paper]{--bg: #f6f4ee;--paper: #fffdf8;--ink: #23211c;--sub: #6f6a5c;--line: #d9d3c2;--line-soft: #e8e3d4;--green: #3d5a46;--green-soft: #e7ede6;--link: #9c8f74;--danger: #9a3324;--warn-bg: #f5ecdd;--shadow: 0 1px 2px rgba(35, 33, 28, .06)}[data-theme=ink]{--bg: #211f1a;--paper: #2b2922;--ink: #ece7da;--sub: #a49d8c;--line: #4a463a;--line-soft: #3a382e;--green: #8fae97;--green-soft: #35443a;--link: #7c7460;--danger: #d08a7c;--warn-bg: #3a3327;--shadow: none}[data-theme=moss]{--bg: #edefe3;--paper: #f7f9ef;--ink: #262e26;--sub: #5f6a58;--line: #c6cdb4;--line-soft: #dde2cd;--green: #33513f;--green-soft: #e0e8d8;--link: #8f9a78;--danger: #9a3324;--warn-bg: #eef0da;--shadow: 0 1px 2px rgba(38, 46, 38, .06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:15px;line-height:1.75}.app-root{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink)}h1,h2,h3,h4{font-family:Zen Old Mincho,serif;font-weight:700;line-height:1.45;margin:0 0 .5em}p{margin:0 0 .8em}a{color:var(--green)}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn,.btn-ghost,.btn-danger,.rate,.chip,.link-like{font-family:inherit;font-size:14px;border-radius:3px;padding:8px 16px;cursor:pointer;border:1px solid transparent;line-height:1.4}.btn{background:var(--green);border-color:var(--green);color:#fffdf8}.btn:hover{filter:brightness(1.08)}.btn-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover:not(:disabled){border-color:var(--green);color:var(--green)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn:disabled,.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.sm{padding:5px 12px;font-size:13px}.btn-lg{padding:12px 28px;font-size:16px}.link-like{background:none;border:none;color:var(--green);text-decoration:underline;padding:0 4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}input[type=text],input[type=search],textarea,select{width:100%;padding:8px 10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;border-radius:3px}textarea{resize:vertical;line-height:1.7}input[type=range]{width:100%;accent-color:var(--green)}label{font-size:13px;color:var(--sub);display:block;margin-bottom:4px}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{font-family:Zen Old Mincho,serif;font-weight:900;font-size:19px;color:var(--ink);text-decoration:none;letter-spacing:.08em}.brand-mark{color:var(--green);margin-right:6px;font-size:14px}.header-nav a{color:var(--sub);text-decoration:none;margin-left:18px;font-size:14px}.header-nav a:hover{color:var(--green)}.hero{padding:56px 20px 44px;border-bottom:3px double var(--line)}.hero-eyebrow{font-size:12px;letter-spacing:.32em;color:var(--green);margin-bottom:12px}.hero-title{font-size:clamp(30px,5.2vw,46px);font-weight:900;margin:0 0 16px}.hero-lead{max-width:640px;color:var(--sub);margin-bottom:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.hero-points{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:13px;color:var(--sub)}.hero-points li{padding-left:16px;position:relative}.hero-points li:before{content:"—";position:absolute;left:0;color:var(--green)}.card{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:14px 16px;box-shadow:var(--shadow)}.app-main{padding-top:28px;padding-bottom:48px}.board-bar{margin-bottom:18px}.board-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.board-row+.board-row{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.board-label{margin:0;color:var(--sub);font-size:13px}.board-row select{width:auto;min-width:160px}.board-name{width:200px;padding:6px 8px!important}.board-count{font-size:12px;color:var(--sub);margin-left:auto}.notice{margin:10px 0 0;padding:8px 12px;border-left:3px solid var(--green);background:var(--green-soft);font-size:13px}.theme-picker{display:inline-flex;gap:6px;margin-left:auto}.swatch{font-size:12px;padding:4px 12px;border:1px solid var(--line);border-radius:3px;cursor:pointer;color:var(--ink);background-clip:padding-box}.swatch.active{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:16px}.tab{font-family:Zen Old Mincho,serif;font-size:16px;padding:10px 24px 8px;background:none;border:none;border-bottom:2.5px solid transparent;color:var(--sub);cursor:pointer}.tab.active{color:var(--ink);border-bottom-color:var(--green)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.search-wrap{flex:1 1 260px;max-width:420px}.count{font-size:12px;color:var(--sub);white-space:nowrap}.hint{font-size:12px;color:var(--green)}.tag-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;color:var(--sub);margin-bottom:12px}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-item i{width:10px;height:10px;border-radius:50%;display:inline-block}.map-layout,.tree-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.map-frame{border:1px solid var(--line);background:var(--paper);border-radius:3px;overflow:hidden}.map-svg{display:block;width:100%;height:auto;aspect-ratio:900 / 640;touch-action:none}.map-empty{aspect-ratio:900 / 640;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--sub);padding:20px}.map-edge{stroke:var(--link);stroke-width:1.5;pointer-events:none}.map-node{cursor:grab}.map-node.dragging{cursor:grabbing}.map-node text{pointer-events:none}.map-node-label{font-size:11px;fill:var(--sub);font-family:Zen Kaku Gothic New,sans-serif}.focus-ring{opacity:0;fill:none;stroke:var(--green);stroke-width:2}.map-node:focus,.map-node:focus-visible{outline:none}.map-node:focus-visible .focus-ring{opacity:1}.panel{background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:14px;min-height:200px}.panel-body{display:flex;flex-direction:column;gap:14px}.field.grow{flex:1}.field-label{display:block;font-size:13px;color:var(--sub);margin-bottom:6px}.empty{color:var(--sub);font-size:13px;padding:12px 6px}.muted{color:var(--sub);font-size:13px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{font-size:12px;border:1px solid;border-radius:3px;padding:1px 8px}.chip-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.chip{background:transparent;border:1px solid var(--line);color:var(--ink);padding:4px 12px;font-size:13px}.chip:hover{border-color:var(--green);color:var(--green)}.chip-x{background:none;border:1px solid var(--line);color:var(--sub);border-radius:3px;width:24px;height:24px;line-height:1;cursor:pointer;flex:none}.chip-x:hover{color:var(--danger);border-color:var(--danger)}.pc-note{display:none;color:var(--sub);font-size:12px;margin:10px 2px 0}.stats-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.stat{display:flex;flex-direction:column;align-items:center;padding:12px 8px;text-align:center}.stat-num{font-family:Zen Old Mincho,serif;font-size:26px;font-weight:700;color:var(--green);font-variant-numeric:tabular-nums;line-height:1.2}.stat-sub{font-size:15px;color:var(--sub)}.stat-label{font-size:12px;color:var(--sub)}.review-queue{margin-bottom:14px}.review-queue h3{font-size:16px;margin-bottom:8px}.review-list{list-style:none;margin:0;padding:0}.review-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line-soft)}.review-row:last-child{border-bottom:none}.review-btns{display:inline-flex;gap:6px;margin-left:auto}.rate{padding:5px 14px;font-size:13px;border-radius:3px;background:transparent;cursor:pointer}.rate-1{border-color:var(--danger);color:var(--danger)}.rate-2{border-color:var(--green);color:var(--green)}.rate-3{border-color:var(--link);color:var(--link)}.rate:hover{background:var(--green-soft)}.legend{display:inline-flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--sub);margin-left:auto}.legend-skill{padding-left:14px;position:relative}.legend-skill:before{content:"";position:absolute;left:0;top:4px;width:9px;height:9px;border:1.5px solid;border-radius:2px}.legend-skill.st-locked:before{border-color:var(--line);background:var(--line-soft)}.legend-skill.st-available:before{border-color:var(--green);background:transparent}.legend-skill.st-learning:before{border-color:var(--green);background:var(--green-soft)}.legend-skill.st-done:before{border-color:var(--green);background:var(--green)}.warn{border:1px solid var(--danger);background:var(--warn-bg);color:var(--ink);padding:10px 14px;font-size:13px;border-radius:3px;margin-bottom:12px}.tree-scroll{border:1px solid var(--line);background:var(--paper);border-radius:3px;overflow-x:auto;overflow-y:hidden}.tree-svg{display:block}.skill-edge{fill:none;stroke:var(--link);stroke-width:1.5}.skill-node{cursor:pointer}.skill-node:focus{outline:none}.skill-box{stroke-width:1.5}.skill-box.st-locked{fill:var(--line-soft);stroke:var(--line)}.skill-box.st-available{fill:var(--paper);stroke:var(--green)}.skill-box.st-learning{fill:var(--green-soft);stroke:var(--green);stroke-width:2}.skill-box.st-done{fill:var(--green);stroke:var(--green)}.skill-box.selected{stroke:var(--ink);stroke-width:2.5}.skill-name{font-size:13px;fill:var(--ink);font-family:Zen Kaku Gothic New,sans-serif;pointer-events:none}.st-done .skill-name{fill:#fffdf8}.st-locked .skill-name{fill:var(--sub)}.skill-bar-bg{fill:var(--line-soft)}.st-done .skill-bar-bg{fill:#fffdf859}.skill-bar{fill:var(--green)}.st-done .skill-bar{fill:#fffdf8}.st-locked .skill-bar{fill:var(--line)}.due-dot{fill:var(--danger)}.skill-node:focus-visible .skill-box{stroke:var(--ink);stroke-width:2.5}.status{font-family:Zen Kaku Gothic New,sans-serif;font-size:13px}.status.st-locked{color:var(--sub)}.status.st-available,.status.st-learning,.status.st-done{color:var(--green)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.prereq-list{max-height:190px;overflow-y:auto;border:1px solid var(--line-soft);border-radius:3px;padding:8px 10px}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);margin:0 0 6px;cursor:pointer}.check-row input{accent-color:var(--green)}.due-text{color:var(--danger);margin-left:6px}.review-history{list-style:none;padding:0;margin:8px 0 0;font-size:12px;color:var(--sub)}.review-history li{padding:2px 0;border-bottom:1px dotted var(--line-soft)}.recent-list{list-style:none;padding:0;margin:0}.recent-list li{display:flex;align-items:center;gap:8px;padding:3px 0}.recent-list .muted{font-size:12px}.section{padding:44px 20px 8px}.sec-head{border-bottom:1px solid var(--ink);margin-bottom:24px;padding-bottom:8px}.sec-kicker{font-size:11px;letter-spacing:.3em;color:var(--green);margin:0 0 2px}.howto-list{list-style:none;counter-reset:howto;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.howto-list li{display:flex;gap:14px;align-items:flex-start;border-top:1px solid var(--line);padding-top:14px}.howto-num{font-family:Zen Old Mincho,serif;font-size:28px;font-weight:900;color:var(--green);line-height:1;flex:none;min-width:30px}.howto-list h3{font-size:15px;margin-bottom:4px}.howto-list p{font-size:13px;color:var(--sub);margin:0}.faq-item{border-bottom:1px solid var(--line);padding:14px 4px}.faq-item summary{cursor:pointer;font-family:Zen Old Mincho,serif;font-weight:700;font-size:15px;list-style-position:outside}.faq-item summary::marker{color:var(--green)}.faq-item p{margin:10px 0 0;font-size:14px;color:var(--sub)}.site-footer{border-top:3px double var(--line);margin-top:56px}.footer-inner{padding:24px 20px 32px;font-size:13px;color:var(--sub)}.copyright{font-family:Zen Old Mincho,serif;color:var(--ink);margin-bottom:4px}.footer-links{display:flex;gap:18px;margin:8px 0 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#23211c8c;display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.modal{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:3px;max-width:480px;width:100%;padding:24px;max-height:88vh;overflow-y:auto}.modal h2{font-size:19px}.pro-list{font-size:13px;color:var(--sub);padding-left:18px;margin:10px 0 16px}.error-text{color:var(--danger);font-size:13px;margin:8px 0}.note{font-size:12px;color:var(--sub);margin:14px 0 0}.terms-body{font-size:13px;color:var(--sub)}.terms-body ol{padding-left:18px}.terms-body li{margin-bottom:8px}@media (max-width: 960px){.map-layout,.tree-layout{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-note{display:block}.board-count,.theme-picker{margin-left:0}}@media (max-width: 620px){.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:40px 20px 32px}.board-name{width:100%}.panel{padding:12px}.map-svg,.map-empty{aspect-ratio:4 / 3}.legend{margin-left:0;width:100%}}@media (max-width: 480px){body{font-size:14px}.hero-actions .btn,.hero-actions .btn-ghost{width:100%;text-align:center}.header-nav a{margin-left:12px;font-size:13px}.review-btns{margin-left:0;width:100%}.review-btns .rate{flex:1}.toolbar .btn{flex:1 1 auto}}@media print{.site-header,.hero-actions,.board-bar,.tabs,.site-footer,.pc-note{display:none!important}body{background:#fff}}