@charset "UTF-8";.c-skill-points{padding-top:20px;padding-bottom:100px}.c-skill-points__points{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;padding:20px;background:var(--color-neutral-100);border-radius:8px;border:1px solid var(--color-neutral-300)}@media (max-width: 480px){.c-skill-points__points{grid-template-columns:1fr;gap:10px}}.c-skill-points__point{display:flex;flex-direction:column;gap:5px}.c-skill-points__point-label{font-weight:700}.c-skill-points__point-input{padding:12px;border:1px solid var(--color-neutral-300);border-radius:6px;font-size:1.6rem;font-weight:700;text-align:center;background:var(--color-neutral-000)}.c-skill-points__point-input:focus{outline:none;border-color:var(--color-blue-500)}.c-skill-points__title-section{margin-bottom:20px}.c-skill-points__title-label{display:block;font-weight:700;margin-bottom:5px}.c-skill-points__title-input{width:100%;padding:12px;border:1px solid var(--color-neutral-300);border-radius:6px;font-size:1.6rem}.c-skill-points__title-input:focus{outline:none;border-color:var(--color-blue-500)}.c-skill-points__actions{margin-bottom:30px}.c-skill-points__reset-btn{padding:10px 20px;border:1px solid var(--color-blue-700);color:var(--color-blue-700);border-radius:6px;cursor:pointer;transition:background .2s;font-weight:900}.c-skill-points__reset-btn:hover{background-color:var(--color-blue-700);color:var(--color-neutral-000)}.c-skill-points__categories{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}@media (max-width: 1024px){.c-skill-points__categories{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.c-skill-points__categories{grid-template-columns:1fr}}.c-skill-points__category{border-radius:8px;overflow:hidden}.c-skill-points__category-title{padding:15px;margin:0;font-weight:700;color:var(--color-blue-700);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s;border-bottom:2px solid var(--color-blue-700)}.c-skill-points__category-title:after{content:"▼";transition:transform .2s}.c-skill-points__category-title.is-open:after{transform:rotate(180deg)}.c-skill-points__category-content{padding:10px 0}.c-skill-points__skill-list{list-style:none;padding:0;margin:0}.c-skill-points__skill-item{margin-bottom:8px;border:1px solid var(--color-neutral-300);border-radius:6px}.c-skill-points__skill-item:last-child{margin-bottom:0}.c-skill-points__skill-header{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:all .2s}.c-skill-points__skill-header:hover{border-color:var(--color-blue-400)}.c-skill-points__skill-header.is-open{background:var(--color-blue-50);border-bottom:1px solid var(--color-neutral-300);border-bottom-left-radius:0;border-bottom-right-radius:0}.c-skill-points__skill-checkbox{display:flex;align-items:center;cursor:pointer}.c-skill-points__skill-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-blue-700)}.c-skill-points__skill-name{flex:1;font-weight:700;color:var(--color-blue-700)}.c-skill-points__skill-total{min-width:30px;padding:2px 8px;color:var(--color-blue-700);border-radius:4px;font-weight:700;text-align:center}.c-skill-points__skill-toggle{width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer}.c-skill-points__skill-toggle-icon{display:block;width:10px;height:10px;border-right:2px solid var(--color-blue-700);border-bottom:2px solid var(--color-blue-700);transform:rotate(45deg);margin:0 auto;transition:transform .2s}.is-open .c-skill-points__skill-toggle-icon{transform:rotate(-135deg)}.c-skill-points__skill-body{background:var(--color-neutral-000)}.c-skill-points__skill-row{display:flex;align-items:center;gap:8px;padding:8px;margin-bottom:4px;border-radius:4px}.c-skill-points__skill-row:last-child{margin-bottom:0}.c-skill-points__skill-row.stairs-1{margin-left:15px}.c-skill-points__skill-row.stairs-2{margin-left:30px}.c-skill-points__skill-row.stairs-3{margin-left:45px}.c-skill-points__skill-row.stairs-4{margin-left:60px}.c-skill-points__skill-value{flex:0 0 50px;border:1px solid var(--color-neutral-300)}.c-skill-points__skill-value-input{width:100%;padding:8px;border:none;border-radius:4px;text-align:center}.c-skill-points__skill-value-input:focus{outline:none;border-color:var(--color-blue-500)}.c-skill-points__skill-info{flex:1;min-width:0}.c-skill-points__skill-label{font-size:1.2rem;word-break:break-word;white-space:nowrap}.c-skill-points__skill-star{padding:0;border:none;background:transparent;font-size:1.8rem;cursor:pointer;transition:color .2s}.c-skill-points__skill-star:hover,.c-skill-points__skill-star.is-starred{color:var(--color-blue-700)}.c-skill-points__skill-level{text-align:center;font-size:1rem;line-height:1.2}.c-skill-points__output{padding:20px;border-radius:8px}.c-skill-points__output-title{font-weight:700;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--color-blue-700)}.c-skill-points__output-section{margin-bottom:20px}.c-skill-points__output-section:last-child{margin-bottom:0}.c-skill-points__output-subtitle{font-weight:700;margin:0 0 10px}.c-skill-points__output-row{display:flex;align-items:flex-start}.c-skill-points__output-btn{background-color:var(--color-neutral-300);border-radius:10px 0 0 10px;padding:12px 20px;border:none;cursor:pointer;transition:background .2s}.c-skill-points__output-input{flex:1;padding:10px;min-height:45px;border-radius:0 10px 10px 0;width:100%;border:1px solid;border-color:var(--color-neutral-300)}@media (max-width: 600px){.c-skill-points__output-input{width:100%}}.c-skill-points__output-textarea{flex:1;padding:5px 5px 0;resize:vertical;border:1px solid;border-color:var(--color-neutral-300);border-radius:0 10px 10px 0;min-height:45px}@media (max-width: 600px){.c-skill-points__output-textarea{width:100%}}.c-skill-points__url-result{margin-top:10px}.c-skill-points__url-link{display:inline-block;padding:8px 16px;border-radius:4px;text-decoration:none}