*{box-sizing:border-box}body{margin:0;font-family:Inter,'Noto Sans JP',Arial,sans-serif;color:#1b2636;background:#f5f7fa;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #d9dfe8;background:white;color:#23324a;border-radius:7px;padding:9px 15px;font-size:14px;font-weight:600}button:hover{border-color:#397a70;color:#226f61}button.primary{background:#203b35;color:white;border-color:#203b35}button.danger{color:#ad3641}button:disabled{opacity:.4;cursor:default}input,select,textarea{width:100%;border:1px solid #d5dce5;border-radius:6px;padding:10px;background:white;color:#1b2636}textarea{resize:vertical;min-height:100px}label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}a{color:inherit}aside{width:232px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e1e6ed;padding:30px 20px;display:flex;flex-direction:column}.brand{font-size:26px;font-weight:850;letter-spacing:-1px}.brand span{color:#238571}.kicker{font-size:12px;letter-spacing:2px;color:#839099;font-weight:700}nav{margin-top:40px;display:grid;gap:8px}nav button{text-align:left;border:0;background:transparent;padding:13px 16px;color:#6a7786}nav button.active{background:#eaf3ef;color:#206a56}aside footer{margin-top:auto;font-size:12px;color:#7a8696}.workspace{margin-left:232px;padding:32px 44px}.topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe5ed;padding-bottom:20px;margin-bottom:30px}.tag{font-size:12px;border:1px solid #d4dae3;padding:3px 9px;border-radius:4px;color:#6b788c}.head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0 26px}h1{font-size:30px;line-height:1.35;margin:8px 0;font-weight:750;letter-spacing:-.5px}h2{font-size:20px;margin:0 0 20px}h3{font-size:16px;margin:0 0 12px}p{color:#7b8794;margin:6px 0}.muted{font-size:14px;color:#6c7b8c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.panel{background:white;border:1px solid #e1e6ed;border-radius:10px;padding:24px}.card{position:relative;overflow:hidden}.card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b8b79}.avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#e8efed;color:#287360;font-size:22px;border-radius:10px;font-weight:700;margin-bottom:20px}.card h2{margin:5px 0;font-size:22px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.split{display:flex;justify-content:space-between;gap:12px}.stats{margin-top:24px;padding-top:18px;border-top:1px solid #e7ecf0;display:flex;gap:24px}.stats b{font-size:22px;display:block}.card .row{margin-top:22px}.panel{margin:20px 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.basic{grid-template-columns:repeat(3,1fr)}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{font-weight:600;color:#778497;background:#f8fafb;white-space:nowrap}td,th{padding:16px 12px;border-bottom:1px solid #e5eaf0;vertical-align:top}td .row{flex-wrap:nowrap}td input,td textarea{min-width:130px;padding:8px}td textarea{min-height:76px}.badge{display:inline-block;padding:4px 10px;border-radius:5px;font-size:13px;background:#e6f5ed;color:#226b48;white-space:nowrap}.badge.off{background:#edf0f5;color:#667386}.badge.wait{background:#fff2d9;color:#8a611f}.notice{padding:12px 18px;background:#eaf0f6;border:1px solid #d9e3ed;font-size:13px;color:#5d7087;border-radius:7px;margin-top:25px}.tabs{display:flex;gap:10px}.tools{display:flex;gap:12px;align-items:center}.tools input{max-width:280px}.empty{padding:50px;text-align:center}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#243c35;color:white;padding:12px 22px;border-radius:7px;z-index:50}.modal{position:fixed;inset:0;background:#15243880;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.dialog{background:white;border-radius:12px;max-width:650px;width:100%;padding:30px;max-height:90vh;overflow:auto}.dialog .grid{margin:22px 0}.dark{background:#10151e;color:#e3e9f1;min-height:100vh}.dark p,.dark .muted{color:#9daabb}.viewer{max-width:1180px;margin:auto;padding:40px 48px 70px}.viewer header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #303948;padding-bottom:24px;margin-bottom:48px}.viewer .brand span{color:#72ddba}.viewer .profile{padding-bottom:40px;border-bottom:1px solid #303948}.viewer h1{font-size:46px;letter-spacing:1px}.viewer .kicker{color:#70cfb3}.viewer .role{font-size:18px;color:#c1ccd8;margin:14px 0}.viewer .details{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:36px;margin-top:38px}.viewer h3{color:#70cfb3;font-size:14px;letter-spacing:1px}.viewer .line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #293443}.viewer table{font-size:15px;min-width:760px}.viewer th{background:#1b2430;color:#8ea1b7}.viewer td,.viewer th{border-bottom:1px solid #303b4a;padding:22px 18px;white-space:pre-line}.viewer td:nth-child(2){font-weight:650;color:white;min-width:200px}.viewer .experience{margin-top:40px}.viewer h2{font-size:26px}.viewer button{background:#192430;border-color:#384554;color:#c9d3df}.viewer footer{display:flex;justify-content:space-between;margin-top:56px;border-top:1px solid #303948;padding-top:20px;color:#66798b;font-size:12px}.auth{max-width:450px;margin:12vh auto;text-align:center}.auth .lock{font-size:30px;color:#75d7b7;margin:30px}.auth input{background:#192330;color:white;border-color:#384554;margin:20px 0}.auth button.primary{width:100%;background:#73d7b4;color:#11241e}.testbar{background:#1a2737;padding:12px 24px;display:flex;gap:14px;align-items:center;justify-content:center;font-size:13px;flex-wrap:wrap}.testbar select{width:auto;background:#233348;color:white;border-color:#46556a;padding:6px}.error{color:#e08989!important}.actions{margin-top:24px;justify-content:flex-end}.full{grid-column:1/-1}@media(max-width:1100px){.cards{grid-template-columns:1fr 1fr}.workspace{padding:24px}.viewer .details{gap:20px}}@media(max-width:760px){aside{position:static;width:100%;padding:15px 20px;display:block}aside footer{display:none}nav{margin-top:12px;display:flex;overflow:auto}nav button{white-space:nowrap;padding:8px 10px}.workspace{margin-left:0;padding:20px}.cards,.grid,.basic,.viewer .details{grid-template-columns:1fr}.head{align-items:flex-start;flex-direction:column}h1{font-size:26px}.viewer{padding:24px 20px}.viewer h1{font-size:36px}.viewer header{margin-bottom:30px}.topline{margin-bottom:20px}.dialog{padding:20px}.tools{flex-wrap:wrap}.testbar{justify-content:flex-start}.card{padding:22px}}

.basic{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) 80px 80px minmax(140px,1.25fr);gap:14px;max-width:980px}.basic>div{min-width:0}.basic input,.basic select{min-width:0;padding:9px}.compact-table{width:100%;max-width:680px;table-layout:fixed}.compact-table th:first-child{width:auto}.compact-table .year-cell{width:120px}.compact-table .delete-cell{width:94px}.compact-table td input{min-width:0}.compact-table input.year-input{width:60px;text-align:center;padding:8px 4px}.year-field{display:flex;gap:8px;align-items:center}.input-error{display:block;color:#b03743;font-size:12px;line-height:1.5;margin-top:6px}.skill-editor{height:calc(10 * 1.6em + 22px);line-height:1.6;min-height:180px}.skill-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:#6c7b8c}.work-editor{min-width:1040px}.work-editor .handle-cell{width:42px;padding:16px 4px}.drag-handle{padding:5px 10px;cursor:grab;touch-action:none;font-size:24px;border:0;background:transparent;user-select:none}.drag-handle:active{cursor:grabbing}.work-editor tr.dragging{opacity:.5;background:#e5f1ec}.work-editor .period-cell{width:185px}.work-editor input[type=date]{width:165px;min-width:0;font-size:14px}.period-field label{font-size:12px;font-weight:400;margin:0 0 3px}.period-field label:not(:first-child){margin-top:8px}.work-editor td textarea{min-width:120px}.work-editor .delete-cell{width:80px}.drag-help{font-size:13px;color:#6c7b8c;margin:0 0 12px}@media(max-width:1000px){.basic{grid-template-columns:1fr 1fr 80px 80px}.basic>div:last-child{grid-column:1/-1;max-width:400px}}@media(max-width:760px){.basic{grid-template-columns:1fr 1fr}.basic>div:last-child{max-width:none}.compact-table td,.compact-table th{padding:12px 8px}.compact-table .year-cell{width:100px}.compact-table .delete-cell{width:80px}}

.cards{grid-template-columns:1fr}.card{display:flex;align-items:center;gap:22px;padding:18px 24px}.card .split{align-items:center}.card .avatar{margin:0}.card .identity{min-width:190px}.card .stats{margin:0 0 0 auto;padding:0;border:0;gap:22px}.card .row{margin:0;flex-wrap:nowrap}.basic{grid-template-columns:1fr 1fr 1.35fr 80px 80px 1.2fr;max-width:none}.work-editor{min-width:1250px}.work-editor .handle-cell{vertical-align:middle}.work-editor td textarea{height:130px;min-height:130px}.work-editor .official-cell{min-width:180px}.share-group{padding:0;overflow:hidden}.share-group summary{display:flex;align-items:center;gap:12px;padding:18px 22px;cursor:pointer;font-weight:700;background:#f8fafb;list-style:none}.share-group summary:after{content:'＋';margin-left:auto}.share-group[open] summary:after{content:'−'}.share-count{font-weight:400;color:#6c7b8c}.share-table{min-width:1150px}.share-table td{vertical-align:middle;padding:14px 12px;white-space:nowrap}.share-table .row{gap:6px}.share-table button{padding:7px 9px}.share-table .share-pf{max-width:230px;overflow:hidden;text-overflow:ellipsis}.share-table .url-id{max-width:135px;overflow:hidden;text-overflow:ellipsis}.viewer .official-link{display:block;font-size:13px;font-weight:400;color:#70cfb3;margin-top:8px}@media(max-width:1100px){.card{flex-wrap:wrap}.card .stats{margin-left:auto}.basic{grid-template-columns:1fr 1fr 1fr}.basic>div:last-child{grid-column:auto;max-width:none}}@media(max-width:760px){.card{gap:14px}.card .split .tag{display:none}.card .stats{margin-left:0}.card .row{flex-wrap:wrap}.basic{grid-template-columns:1fr 1fr}.basic>div:nth-child(3){grid-column:1/-1}}