@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&family=Inter:wght@400;500;600&family=Space+Grotesk:wght@600&display=swap";
:root{--brand-600:#d61f3b;--brand-500:#ef3a56;--brand-100:#2b1419;--sun-500:#f2c16e;--sun-100:#33271a;--coral-500:#ff8ea0;--coral-100:#34161e;--bg:#08090b;--surface:#111317;--surface-alt:#181c23;--text-900:#f3f4f7;--text-600:#b6bcc8;--border:#2a2f39;--data-1:#ef3a56;--data-2:#f2c16e;--data-3:#8896ad;--data-4:#ff8ea0;--focus-ring:#ef3a56}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 8% 2%,#ef3a5629,transparent 35%),radial-gradient(circle at 88% 4%,#ef3a561a,transparent 30%),var(--bg);color:var(--text-900);margin:0;padding:0;font-family:Inter,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.hero{margin-bottom:20px}.hero h1{margin:0;font-size:2rem}.muted{color:var(--text-600)}.grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;transition:box-shadow .18s,transform .18s,background-color .18s;box-shadow:0 10px 24px #00000059}.card:hover{box-shadow:0 14px 28px #0000006b}.row{align-items:center;gap:8px;display:flex}.row.space{justify-content:space-between}input,textarea,select,button{font:inherit}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--text-900);background:#0e1116;border-radius:12px;padding:10px 12px}button{cursor:pointer;border:1px solid #0000;border-radius:12px;padding:10px 14px;transition:transform 80ms,box-shadow .16s,background-color .16s}button:active{transform:scale(.98)}.primary{background:linear-gradient(135deg,var(--brand-600),var(--brand-500));color:#fff;box-shadow:0 0 14px #d61f3b59}.soft{background:var(--surface-alt);color:var(--text-900);border:1px solid var(--border)}.danger{background:var(--coral-100);color:var(--coral-500)}.skillList{gap:8px;margin-top:12px;display:grid}.skillItem{background:var(--surface-alt);border:1px solid #0000;border-radius:12px;padding:10px 12px}.pill{color:#d7dce8;background:#1f2530;border-radius:999px;padding:2px 10px;font-size:.8rem;display:inline-block}.kpi{margin:6px 0;font-family:Space Grotesk,Inter,sans-serif;font-size:1.8rem}.recommendText{color:var(--brand-600);font-weight:700}.minmaxShell{min-height:100vh;padding:24px 32px}.alert{border:1px solid;border-radius:12px;max-width:1360px;margin:0 auto 12px;padding:10px 12px;font-weight:600}.alert.error{background:var(--coral-100);color:var(--coral-500);border-color:#5a1f2b}.alert.success{background:var(--brand-100);color:#ffb9c5;border-color:#5f1d2a}.minmaxTopbar{background:var(--surface);max-width:1160px;color:var(--text-900);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;margin:0 auto 12px;padding:20px 24px;display:flex;box-shadow:0 10px 24px #00000059}.minmaxTopbar h1{margin:0;font-family:DM Sans,Inter,sans-serif;font-size:2.5rem;line-height:3rem}.minmaxTopbar p{color:var(--text-600);margin:2px 0 0;font-size:15px;line-height:24px}.minmaxLayout{grid-template-columns:1.7fr 1fr;gap:24px;max-width:1160px;margin:0 auto;display:grid}.minmaxSidebar{order:2;align-content:start;gap:24px;display:grid}.minmaxCanvasWrap{order:1;min-height:700px}.radialPanSurface{cursor:grab;touch-action:none;border-radius:18px;width:100%;max-width:900px;margin:8px auto;overflow:hidden}.radialPanSurface.panning{cursor:grabbing}.radialCanvas{aspect-ratio:1;border:1px solid var(--border);background:radial-gradient(circle,#111820 0%,#0d1218 64%,#090c11 100%);border-radius:16px;width:100%;position:relative;overflow:hidden}.radialViewport{transform-origin:50%;position:absolute}.ring{border:1px solid #f0f4ff57;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radialLinks{width:100%;height:100%;position:absolute;inset:0}.link{stroke:#7789a3;stroke-width:.5px}.link.recommend{stroke:var(--brand-500);stroke-width:.8px}.radialNode{border:1px solid #f0f4ffbd;border-radius:50%;width:78px;height:78px;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;position:absolute;transform:translate(-50%,-50%)}.radialNode:hover{border-color:#ffffffeb;transform:translate(-50%,-50%)scale(1.04);box-shadow:0 0 14px #ef3a5633}.radialNode.core{border-color:#ffffffe6;width:96px;height:96px}.radialNode.recommended{box-shadow:0 0 0 3px #d61f3b70}.radialNode.selected{box-shadow:0 0 0 3px #ef3a56b8,0 0 24px #ef3a5647}.radialNodeInner{text-align:center;background:0 0;border-radius:50%;place-content:center;gap:3px;padding:10px 8px;display:grid;position:absolute;inset:0}.radialNodeLabel{color:var(--text-900);letter-spacing:.01em;font-family:DM Sans,Inter,sans-serif;font-size:clamp(.78rem,.72rem + .22vw,.96rem);font-weight:700;line-height:1.04}.radialNodeMeta{color:var(--text-600);font-size:clamp(.76rem,.7rem + .18vw,.9rem);font-weight:500}.radialNode:not(.core) .radialNodeLabel{font-size:clamp(.72rem,.68rem + .12vw,.84rem)}.radialNode:not(.core) .radialNodeMeta{font-size:clamp(.66rem,.62rem + .12vw,.78rem)}.dropRoot{color:var(--text-600);text-align:center;background:#12171f;border:1px dashed #4a5160;border-radius:10px;margin-bottom:10px;padding:8px 10px}.skillOrganizer{gap:8px;display:grid}.skillRowWrap{gap:6px;display:grid}.skillRow{border:1px solid var(--border);background:var(--surface-alt);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.skillInfo{flex:1;gap:2px;min-width:0;display:grid}.skillInfo strong,.skillInfo .muted{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.editPanel{border:1px solid var(--border);background:#10141b;border-radius:10px;gap:8px;padding:8px;display:grid}.logList{gap:6px;margin-top:10px;display:grid}.logItem{background:var(--surface-alt);border:1px solid #0000;border-radius:8px;justify-content:space-between;padding:6px 8px;display:flex}.recommendCard{background:var(--brand-100);border-left:4px solid var(--brand-500);border-radius:12px;gap:10px;padding:16px;display:grid}.quickLogCard{z-index:5;position:sticky;top:8px}.durationChips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-alt);color:var(--text-900);border:1px solid var(--border);border-radius:999px;min-height:44px;padding:8px 12px}.chipActive{background:var(--brand-100);color:#ffc3cd;border-color:#5b2430}.customDuration{max-width:92px}.fullButton{width:100%;min-height:48px}.toastCard{background:var(--brand-100);color:#ffb9c5;border-left:4px solid var(--brand-500);animation:.14s ease-out toastIn}.treeViewerOverlay{z-index:40;background:#06080bb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.treeViewerPanel{width:min(1100px,100%);max-height:92vh;overflow:auto}.viewerCanvas{max-width:100%;min-height:620px}.activityGrid{grid-template-columns:repeat(18,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.activityCell{aspect-ratio:1;border:1px solid var(--border);background:#0e1116;border-radius:4px;width:100%}.activityCell.level0{background:#0e1116}.activityCell.level1{background:#2f1820}.activityCell.level2{background:#5a1f2d}.activityCell.level3{background:#8e2638}.activityCell.level4{background:#d2334c}.activityLegend{align-items:center;gap:6px;margin-top:8px;display:flex}.nodeLogHistory{margin-top:10px}.scrollLogs{gap:8px;max-height:320px;padding-right:4px;display:grid;overflow:auto}.historyItem{border:1px solid var(--border);background:#0f131a;border-radius:10px;padding:8px}.tinyText{margin:2px 0 0;font-size:.78rem}.pathNodeButton{text-align:left;color:#f4f6fb;background:#10151d;border:1px solid #404b5b;width:100%;transition:border-color .12s,box-shadow .12s,transform .12s}.pathNodeButton:hover{border-color:#f16980;box-shadow:0 0 0 2px #ef3a5633}.pathNodeActive{background:#2a1319;border-color:#ef3a56;box-shadow:0 0 0 2px #ef3a5657}.backButton{color:#d7ebff;background:#122843;border:1px solid #2f5d8f}.backButton:hover{background:#183659;border-color:#4c80b9}.activeNodeLabel{color:#ff6d84;font-weight:700}.mobileTreeCanvas{border:1px solid var(--border);background:radial-gradient(circle,#111820 0%,#0b1016 65%,#080b10 100%);border-radius:14px;width:100%;min-height:clamp(260px,58vw,360px);position:relative;overflow:hidden}.mobileTreeScroller{position:absolute;inset:0;overflow:auto}.mobileTreeLayer{transform-origin:0 0;transition:transform .12s;position:relative}.mobileTreeNode{color:#f1f3f8;text-align:center;background:#111826;border:2px solid #323845;border-radius:50%;align-content:center;justify-items:center;gap:2px;width:68px;height:68px;padding:4px;transition:transform .14s,box-shadow .14s,border-color .14s;display:grid;position:absolute;transform:translate(-50%,-50%)}.mobileTreeNode:hover{border-color:#f16980;transform:translate(-50%,-50%)scale(1.04);box-shadow:0 0 0 2px #ef3a5659,0 0 16px #ef3a5633}.mobileTreeNode span{font-size:clamp(.56rem,1.7vw,.62rem);font-weight:700;line-height:1.05}.mobileTreeNode small{color:var(--text-600);font-size:clamp(.52rem,1.6vw,.6rem)}.mobileTreeNode.core{border-color:#f16b82;width:80px;height:80px}.mobileTreeNode.active{box-shadow:0 0 0 3px #ef3a56b8,0 0 20px #ef3a5642}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.minmaxLayout{grid-template-columns:1fr}.minmaxCanvasWrap{min-height:520px}.radialNode{width:64px;height:64px}.radialNode.core{width:82px;height:82px}.activityGrid{grid-template-columns:repeat(14,minmax(0,1fr))}}@media (max-width:860px){.grid{grid-template-columns:1fr}.card{padding:16px}.minmaxTopbar h1{font-size:2rem;line-height:2.4rem}.mobileTreeCanvas{min-height:clamp(230px,54vw,320px)}}@media (max-width:420px){.minmaxShell{padding:12px}.page{padding:16px 10px 24px}.mobileTreeCanvas{min-height:220px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}