:root{--bg-page: #f4f6f9;--bg-card: #ffffff;--bg-input: #ffffff;--bg-subtle: #f8f9fb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-light: #e2e8f0;--border-default: #cbd5e1;--border-strong: #94a3b8;--sidebar-bg: #1e3a5f;--sidebar-bg-dark: #162d4a;--sidebar-text: #c8d8eb;--sidebar-text-muted: #7a9cbf;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-hover: rgba(255, 255, 255, .09);--sidebar-active: rgba(255, 255, 255, .15);--project-600: #b45309;--project-500: #d97706;--project-400: #f59e0b;--project-bg: #fffbeb;--project-border: #fde68a;--project-tag-bg: #fef3c7;--project-tag-color: #92400e;--project-sidebar-dot: #fcd34d;--project-sidebar-active-bg: rgba(252, 211, 77, .12);--project-sidebar-active-border: rgba(252, 211, 77, .3);--talent-600: #0f766e;--talent-500: #0d9488;--talent-400: #14b8a6;--talent-bg: #f0fdfb;--talent-border: #99f6e4;--talent-tag-bg: #ccfbf1;--talent-tag-color: #134e4a;--talent-sidebar-dot: #5eead4;--talent-sidebar-active-bg: rgba(94, 234, 212, .12);--talent-sidebar-active-border: rgba(94, 234, 212, .3);--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-blue-bg: #eff6ff;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-full: 9999px;--sidebar-width: 240px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .1), 0 3px 6px rgba(15, 23, 42, .06);--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0}html{font-size:16px;-webkit-font-smoothing:antialiased}html,body,#root{width:100%;min-height:100%;font-family:Inter,Noto Sans JP,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;color:var(--text-primary);background:var(--bg-page);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}button,input,textarea,select{font:inherit}.app-shell{display:block;min-height:100vh}.app-main{padding:24px 28px;background:var(--bg-page);min-width:0;margin-left:var(--sidebar-width);min-height:100vh;display:grid;gap:14px;align-content:start}.app-main-header{display:flex;justify-content:flex-end}.plan-badge-link{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:3px 12px;border-radius:var(--radius-full);border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:.82rem;font-weight:700;letter-spacing:.01em;transition:background .14s,border-color .14s,color .14s}.plan-badge-link:hover{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.plan-badge-link:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);padding:0;position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;z-index:50}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:18px 16px 16px;border-bottom:1px solid var(--sidebar-border)}.sidebar__brand-icon{width:34px;height:34px;border-radius:var(--radius-md);background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__brand-icon svg{width:18px;height:18px}.sidebar__brand-text{display:grid;gap:1px}.brand__title{font-weight:700;font-size:.95rem;letter-spacing:.01em;color:#fff;line-height:1.2}.brand__caption{font-size:.78rem;color:var(--sidebar-text-muted);line-height:1.3}.sidebar__section-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-text-muted);padding:16px 16px 5px}.sidebar__nav{display:flex;flex-direction:column;padding:0 8px;gap:1px}.sidebar__link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);text-decoration:none;font-size:.92rem;font-weight:500;color:var(--sidebar-text);border:1px solid transparent;transition:background .14s,color .14s,border-color .14s}.sidebar__link:hover{background:var(--sidebar-hover);color:#fff}.sidebar__link--active{color:#fff}.sidebar__link-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;opacity:.5;transition:opacity .14s}.sidebar__link--active .sidebar__link-dot,.sidebar__link:hover .sidebar__link-dot{opacity:1}.sidebar__link--project .sidebar__link-dot{background:var(--project-sidebar-dot)}.sidebar__link--project.sidebar__link--active{background:var(--project-sidebar-active-bg);border-color:var(--project-sidebar-active-border);color:#fcd34d}.sidebar__link--talent .sidebar__link-dot{background:var(--talent-sidebar-dot)}.sidebar__link--talent.sidebar__link--active{background:var(--talent-sidebar-active-bg);border-color:var(--talent-sidebar-active-border);color:#5eead4}.sidebar__link--neutral .sidebar__link-dot{background:#93c5fd}.sidebar__link--neutral.sidebar__link--active{background:#93c5fd1f;border-color:#93c5fd4d;color:#93c5fd}.sidebar__link-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page{display:grid;gap:16px}.page-header{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px 20px;display:grid;gap:3px;box-shadow:var(--shadow-sm)}.page-header h1{font-size:1.42rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}.theme-project .page-header h1{color:var(--project-600)}.theme-talent .page-header h1{color:var(--talent-600)}.page-header p,.muted{color:var(--text-secondary);font-size:.94rem}.section-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.section-card--project{border-top:3px solid var(--project-500)}.section-card--talent{border-top:3px solid var(--talent-500)}.section-card--neutral{border-top:3px solid var(--accent-blue)}.section-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 18px;border-bottom:1px solid var(--border-light);background:var(--bg-subtle)}.section-card__header h2{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.section-card__header p{color:var(--text-secondary);font-size:.9rem}.section-card__body{padding:16px 18px}.stack{display:grid;gap:14px}.search-basic{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.search-actions{display:flex;align-items:flex-end}.search-reset-row{display:flex;justify-content:flex-end;margin-top:10px}.settings-actions{display:flex;gap:8px}.saved-message{color:#0f766e;font-weight:700;font-size:.9rem}.hint-box{margin:0;padding:8px 10px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text-secondary);font-size:.86rem;line-height:1.6}.plan-detail-list{display:grid;gap:8px}.plan-detail-list div{display:grid;gap:2px}.plan-detail-list dt{font-size:.85rem;color:var(--text-secondary)}.plan-detail-list dd{font-size:.95rem;font-weight:700}.plan-action-row{margin-top:12px}.preview-head{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:8px}.profile-preview{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-subtle)}.profile-preview__avatar{width:56px;height:56px;border-radius:50%;border:1px solid var(--border-default);background:#dbeafe;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.profile-preview__avatar span{color:#1e3a8a;font-size:1.2rem;font-weight:700}.profile-preview__avatar img{width:100%;height:100%;object-fit:cover}.profile-preview__text p{font-weight:700;font-size:1rem;color:var(--text-primary)}.profile-preview__text small{color:var(--text-secondary);font-size:.88rem}.detail-search{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-subtle);padding:10px 14px;margin-top:6px}.detail-search summary{cursor:pointer;font-weight:700;font-size:.92rem;color:var(--text-secondary);list-style:none;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;transition:color .14s}.detail-search summary:hover{color:var(--text-primary)}.detail-search summary::-webkit-details-marker{display:none}.detail-search summary:before{content:"▶";font-size:.65rem;color:var(--text-muted);transition:transform .16s;flex-shrink:0}.detail-search[open] summary:before{transform:rotate(90deg)}.detail-search .grid-2{margin-top:12px}.result-meta{margin-top:10px;color:var(--text-secondary);font-size:.92rem;font-weight:700}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:4px;color:var(--text-primary)}.field span{font-weight:600;font-size:.88rem;color:var(--text-secondary)}.field input,.field textarea,.field select{border-radius:var(--radius-md);border:1px solid var(--border-default);padding:8px 10px;background:var(--bg-input);color:var(--text-primary);font-size:.95rem;transition:border-color .14s,box-shadow .14s;appearance:none;-webkit-appearance:none}.field input[type=text],.field input[type=email],.field input[type=url],.field input[type=password]{width:min(100%,44ch)}.field input[type=number]{width:min(100%,18ch)}.field input[type=date]{width:min(100%,20ch)}.field select{width:min(100%,30ch)}.field textarea{width:min(100%,72ch)}.field--full input,.field--full select,.field--full textarea{width:100%}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb1a}.field input::placeholder{color:var(--text-muted)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.option-group{border-radius:var(--radius-md);border:1px solid var(--border-default);padding:8px 10px;display:flex;flex-wrap:wrap;gap:10px;background:var(--bg-input)}.option-choice{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:.9rem}.option-choice input{margin:0}.skill-multi-select{display:grid;gap:6px}.skill-multi-select__selected{min-height:40px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-input);display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 8px}.skill-multi-select__placeholder{color:var(--text-muted);font-size:.9rem}.skill-multi-select__chip{border:1px solid var(--border-default);background:var(--bg-subtle);color:var(--text-primary);border-radius:var(--radius-full);padding:2px 8px;font-size:.82rem;display:inline-flex;gap:5px;align-items:center;cursor:pointer}.skill-multi-select__dropdown{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-subtle)}.skill-multi-select__dropdown summary{list-style:none;cursor:pointer;font-size:.86rem;font-weight:700;color:var(--text-secondary);padding:8px 10px}.skill-multi-select__dropdown summary::-webkit-details-marker{display:none}.skill-multi-select__panel{border-top:1px solid var(--border-light);padding:8px 10px;display:grid;gap:8px}.skill-multi-select__panel input[type=text]{border-radius:var(--radius-md);border:1px solid var(--border-default);padding:7px 9px;background:var(--bg-input);color:var(--text-primary)}.skill-multi-select__options{max-height:180px;overflow-y:auto;display:grid;gap:6px}.skill-multi-select__option{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.skill-entry-list{display:grid;gap:8px}.skill-entry-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr) auto;gap:8px;align-items:end}.skill-entry-remove{height:38px}.btn{border:none;border-radius:var(--radius-md);font-weight:700;font-size:.93rem;padding:8px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.01em;transition:all .14s;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{color:#fff}.btn--project{background:var(--project-500);color:#fff}.btn--project:hover{background:var(--project-600)}.btn--talent{background:var(--talent-500);color:#fff}.btn--talent:hover{background:var(--talent-600)}.btn--neutral{background:var(--sidebar-bg);color:#fff}.btn--neutral:hover{background:var(--sidebar-bg-dark)}.btn--outline{background:#fff;color:var(--text-secondary);border:1px solid var(--border-default)}.btn--outline:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-strong)}.btn--danger{background:#dc2626;color:#fff}.btn--danger:hover{background:#b91c1c}.list-stack{display:grid;gap:10px}.list-card{position:relative;border-radius:var(--radius-lg);padding:16px 18px;border:1px solid var(--border-light);background:var(--bg-card);display:grid;gap:12px;box-shadow:var(--shadow-sm);transition:box-shadow .16s,border-color .16s}.list-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.list-card--clickable{cursor:pointer}.list-card--clickable:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.list-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.list-card--project:before{background:var(--project-500)}.list-card--talent:before{background:var(--talent-500)}.list-card{padding-left:22px}.list-card__header{display:flex;align-items:center;gap:10px}.list-card__header h2{flex:1;font-size:1.08rem;font-weight:700;line-height:1.45;color:var(--text-primary)}.freshness-badge{position:absolute;top:10px;right:12px;display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-full);border:1px solid transparent;font-size:.75rem;font-weight:700;line-height:1.4}.freshness-badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.freshness-badge--hot{color:#166534;background:#bbf7d0;border-color:#4ade80}.freshness-badge--recent{color:#166534;background:#dcfce7;border-color:#86efac}.freshness-badge+.list-card__header{padding-right:120px}.entity-badge{display:inline-flex;align-items:center;font-size:.78rem;padding:2px 8px;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.entity-badge--project{background:var(--project-tag-bg);color:var(--project-tag-color);border:1px solid var(--project-border)}.entity-badge--talent{background:var(--talent-tag-bg);color:var(--talent-tag-color);border:1px solid var(--talent-border)}.meta{font-size:.92rem;color:var(--text-secondary);line-height:1.5}.meta-label{font-weight:700;color:var(--text-primary);font-size:.9rem}.meta-label-line{font-weight:700;font-size:.86rem;color:var(--text-secondary);margin-bottom:4px}.summary-text{color:var(--text-secondary);line-height:1.7;font-size:.93rem;padding:8px 10px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-light)}.card-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.card-facts .meta{margin:0;padding:6px 8px;border-radius:var(--radius-md);background:var(--bg-subtle);border:1px solid var(--border-light);font-size:.89rem}.skill-sentence-block{display:grid;gap:5px;padding:8px 10px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-subtle)}.skill-sentence{margin:0;color:var(--text-secondary);line-height:1.65;font-size:.91rem}.skill-sentence strong{color:var(--text-primary)}.tag-block{display:grid;gap:5px}.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin:0}.tag-row>span:not(.skill-chip){padding:3px 9px;border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.84rem;font-weight:500;background:var(--bg-card);color:var(--text-secondary);transition:border-color .12s,color .12s}.tag-row>span:not(.skill-chip):hover{border-color:var(--border-strong);color:var(--text-primary)}.tag-row--skills{gap:6px}.skill-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:.84rem;line-height:1.4}.skill-chip em{font-style:normal;font-weight:700}.skill-chip__broad{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:1px 7px;font-size:.72rem;line-height:1.4;letter-spacing:.01em;border:1px solid transparent}.skill-chip__broad--web{background:#dbeafe;border-color:#93c5fd;color:#1e3a8a}.skill-chip__broad--core{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.skill-chip__broad--business{background:#fef3c7;border-color:#fcd34d;color:#92400e}.skill-chip__broad--mobile{background:#fce7f3;border-color:#f9a8d4;color:#9d174d}.skill-chip__broad--data{background:#dcfce7;border-color:#86efac;color:#166534}.skill-chip__broad--infrastructure{background:#cffafe;border-color:#67e8f9;color:#155e75}.skill-chip__broad--other{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.skill-chip--fe{background:#e0f2fe;border-color:#bae6fd;color:#0c4a6e}.skill-chip--be{background:#ecfccb;border-color:#bef264;color:#365314}.skill-chip--infra{background:#fef3c7;border-color:#fcd34d;color:#92400e}.skill-chip--tool{background:#e2e8f0;border-color:#cbd5e1;color:#334155}.card-footer-line{display:flex;justify-content:flex-end;align-items:center;padding-top:8px;border-top:1px solid var(--border-light)}.card-footer-line--actions{justify-content:flex-start;flex-wrap:wrap;gap:8px}.card-footer-line--split{justify-content:space-between;align-items:flex-end;gap:10px}.card-action-group{display:flex;flex-wrap:wrap;gap:8px}.card-updated-at{color:var(--text-muted);font-size:.82rem;white-space:nowrap}.status-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;border:1px solid transparent}.status-chip--active{color:#166534;background:#dcfce7;border-color:#86efac}.status-chip--inactive{color:#92400e;background:#fef3c7;border-color:#fcd34d}.text-link{display:inline-flex;align-items:center;gap:3px;font-size:.9rem;font-weight:700;color:var(--accent-blue);text-decoration:none;transition:color .13s}.text-link:hover{color:var(--accent-blue-hover);text-decoration:underline}.detail-grid{display:grid;grid-template-columns:160px 1fr;gap:8px}.detail-grid dt{font-weight:700;font-size:.9rem;color:var(--text-secondary);padding-top:1px}.detail-grid dd{margin:0;font-size:.95rem}.share-preview,.share-preview-input{margin:0;white-space:pre-wrap;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 14px;font-size:.93rem;line-height:1.7}.share-preview-input{width:100%;min-height:180px;resize:vertical;font:inherit}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(150deg,#edf2f8,#f4f6f9,#eff6ff)}.auth-card{width:min(460px,100%);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:28px 32px;display:grid;gap:18px;box-shadow:var(--shadow-lg)}.auth-card header{display:grid;gap:5px;text-align:center}.auth-card header h1{font-size:1.4rem;font-weight:800;letter-spacing:-.01em;color:var(--sidebar-bg)}.auth-card header p{color:var(--text-secondary);font-size:.92rem}.auth-form-stack{display:grid;gap:12px}.auth-form-stack h2{font-size:1.02rem;font-weight:700;color:var(--text-primary)}.auth-help{color:var(--text-secondary);font-size:.9rem;text-align:center;line-height:1.7}.auth-help a{color:var(--accent-blue);font-weight:700}.auth-help a:hover{text-decoration:underline}.auth-footer{display:flex;justify-content:center;gap:20px;color:var(--text-secondary);font-size:.9rem;padding-top:4px;border-top:1px solid var(--border-light)}.auth-footer a:hover{color:var(--text-primary);text-decoration:underline}@media(max-width:1024px){.sidebar{position:sticky;top:0;left:auto;width:auto;z-index:40;height:auto;padding:8px 10px 10px;gap:0;overflow:visible;box-shadow:0 6px 16px #0f172a33}.sidebar__brand{padding:8px 4px 10px;border-right:none;margin-right:0;margin-bottom:2px}.sidebar__section-label{display:block;padding:8px 4px 4px;font-size:.68rem}.sidebar__nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 2px 2px;gap:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.sidebar__link{flex:0 0 auto;padding:7px 10px;font-size:.84rem}.sidebar__link-label{white-space:nowrap;overflow:visible;text-overflow:clip}.app-main{padding:14px;margin-left:0;min-height:auto}.app-main-header{justify-content:flex-start}.grid-2,.search-basic,.skill-entry-row{grid-template-columns:1fr}.skill-entry-remove{width:100%}.settings-actions{width:100%;flex-direction:column}.settings-actions .btn{width:100%}.detail-grid{grid-template-columns:1fr}.card-facts{grid-template-columns:repeat(2,1fr)}.search-actions .btn{width:100%}}@media(max-width:640px){html{font-size:15px}.page{gap:12px}.page-header{padding:12px 14px}.page-header h1{font-size:1.25rem;line-height:1.35}.section-card__header{padding:10px 12px}.section-card__body{padding:12px}.detail-search{padding:9px 10px}.detail-search summary{font-size:.86rem}.list-card{padding:13px 12px 12px 18px;gap:10px}.list-card__header h2{font-size:1rem}.freshness-badge{top:8px;right:10px;font-size:.7rem;padding:2px 8px}.freshness-badge+.list-card__header{padding-right:98px}.summary-text{padding:7px 8px}.card-facts{grid-template-columns:1fr}.tag-row{gap:4px}.tag-row span{font-size:.8rem;padding:3px 8px}.card-footer-line{justify-content:flex-start}.auth-card{width:100%;padding:20px 16px;border-radius:var(--radius-lg)}}
