.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--color-bg)}.login__card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-4)}.login__title{margin:0;font-size:var(--fs-xl);color:var(--color-text-strong)}.login__subtitle{margin:0;font-size:var(--fs-sm);color:var(--color-muted)}.login__submit{margin-top:var(--space-2)}.assessments__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3);flex-wrap:wrap;flex-shrink:0}.assessments__title{margin:0;font-size:var(--fs-xl);color:var(--color-text-strong)}.assessments__tablewrap{flex:1;min-height:0;overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%}.assessments__table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.assessments__table th,.assessments__table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;white-space:nowrap}.assessments__table thead th{background:var(--color-surface-alt);font-weight:600;color:var(--color-muted);border-bottom:1px solid var(--color-border-strong);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;z-index:1}.assessments__table tbody tr:last-child td{border-bottom:none}.assessments__table tbody tr:hover{background:var(--color-surface-alt)}.assessments__col-status{width:120px}.assessments__col-version{width:80px}.assessments__col-published,.assessments__col-updated{width:160px}.assessments__col-actions{width:56px;text-align:center}.assessments__link{font-weight:600;color:var(--color-primary);text-decoration:none}.assessments__link:hover{text-decoration:underline}.assessments__status{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.assessments__status--draft{background:var(--color-surface-alt);color:var(--color-muted);border:1px solid var(--color-border-strong)}.assessments__status--published{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.assessments__status--archived{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger)}.assessments__newform{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0}.assessments__newformtitle{margin:0;font-size:var(--fs-md)}.assessments__newformactions{display:flex;gap:var(--space-2);justify-content:flex-end}.shell__breadcrumb{margin:0 0 var(--space-3);font-size:var(--fs-xs);color:var(--color-muted)}.ashell__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap}.ashell__title{margin:0;font-size:var(--fs-xl);color:var(--color-text-strong)}.ashell__desc{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--fs-sm)}.ashell__meta{display:grid;grid-template-columns:repeat(2,auto);gap:var(--space-2) var(--space-4);margin:0;font-size:var(--fs-xs)}.ashell__meta div{display:flex;gap:var(--space-2)}.ashell__meta dt{margin:0;color:var(--color-muted);font-weight:500}.ashell__meta dd{margin:0;color:var(--color-text-strong);font-weight:600}.ashell__tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.ashell__tab{padding:var(--space-2) var(--space-4);color:var(--color-muted);font-size:var(--fs-sm);border-bottom:2px solid transparent;text-decoration:none}.ashell__tab:hover{color:var(--color-text);text-decoration:none}.ashell__tab--active{color:var(--color-primary);font-weight:600;border-bottom-color:var(--color-primary)}.ashell__body{min-height:200px}.ashell__actions{display:flex;gap:var(--space-2);margin-left:auto}.ashell__url{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-sm)}.ashell__url dt{margin:0;font-weight:600;color:var(--color-text-strong);min-width:6.5em}.ashell__url dd{margin:0;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ashell__url a{color:var(--color-primary);word-break:break-all}.cattab{display:flex;flex-direction:column;gap:var(--space-4)}.cattab__lockbanner{background:var(--color-surface-alt);border-color:var(--color-border-strong);color:var(--color-text)}.cattab__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.cattab__count{margin:0;color:var(--color-muted);font-size:var(--fs-sm)}.cattab__form{display:flex;flex-direction:column;gap:var(--space-3)}.cattab__formtitle{margin:0;font-size:var(--fs-md)}.cattab__textarea{resize:vertical;min-height:72px}.cattab__formactions{display:flex;justify-content:flex-end;gap:var(--space-2)}.cattab__empty{color:var(--color-muted);text-align:center}.cattab__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.cattab__row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.cattab__handle{width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-muted);font-size:var(--fs-md);line-height:1;cursor:grab;touch-action:none}.cattab__handle:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary)}.cattab__handle:disabled{opacity:.35;cursor:not-allowed}.cattab__handle:active:not(:disabled){cursor:grabbing}.cattab__body{min-width:0}.cattab__name{margin:0;font-weight:600;color:var(--color-text-strong)}.cattab__desc{margin:var(--space-1) 0 0;font-size:var(--fs-sm);color:var(--color-muted);white-space:pre-wrap}.cattab__actions{display:flex;gap:var(--space-2)}.qtab{display:flex;flex-direction:column;gap:var(--space-4)}.qtab__catbar{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius)}.qtab__catchip{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--fs-sm);font-weight:500;cursor:pointer}.qtab__catchip:hover:not(:disabled):not(.qtab__catchip--active){background:var(--color-surface-alt)}.qtab__catchip--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.qtab__catchip:disabled{opacity:.5;cursor:not-allowed}.chtab__qpicker{display:flex;flex-direction:column;gap:var(--space-2)}.chtab__scorerow{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.chtab__scorefield{min-width:0}.chtab__row{grid-template-columns:auto 1fr auto}.chtab__scores{margin:var(--space-1) 0 0;font-size:var(--fs-xs);color:var(--color-muted)}.chtab__scores strong{color:var(--color-text-strong);font-variant-numeric:tabular-nums}.sbtab__filters{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;padding:var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius)}.sbtab__group{border:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--space-2)}.sbtab__group legend{font-size:var(--fs-xs);font-weight:600;color:var(--color-muted);padding:0 var(--space-2) 0 0}.sbtab__catpick{display:flex;flex-direction:column;gap:var(--space-1);min-width:200px}.sbtab__row{display:block}.sbtab__rowmain{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center}.sbtab__meta{margin:var(--space-1) 0 0;font-size:var(--fs-xs);color:var(--color-muted)}.sbtab__comments{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-3)}.sbtab__commentshead{display:flex;justify-content:space-between;align-items:center}.sbtab__commentshead p{margin:0;font-size:var(--fs-sm);color:var(--color-muted)}.sbtab__commentempty{margin:0;font-size:var(--fs-sm);color:var(--color-muted);text-align:center;padding:var(--space-3)}.sbtab__commentlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.sbtab__commentitem{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:start;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.sbtab__commentbody{margin:0;font-size:var(--fs-sm);color:var(--color-text);white-space:pre-wrap}.sbtab__commentactions{display:flex;gap:var(--space-2)}.respage__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.respage__title{margin:0;font-size:var(--fs-xl);color:var(--color-text-strong)}.respage__meta{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--fs-sm)}.respage__filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) auto;gap:var(--space-3);align-items:flex-end;padding:var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-3)}.respage__field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.respage__filteractions{display:flex;gap:var(--space-2);justify-content:flex-end}.respage__count{margin:0 0 var(--space-3);font-size:var(--fs-sm);color:var(--color-muted)}.respage__empty{color:var(--color-muted);text-align:center}.respage__tablewrap{padding:0;overflow-x:auto}.respage__table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.respage__table th,.respage__table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.respage__table thead th{background:var(--color-surface-alt);font-weight:600;color:var(--color-text-strong);border-bottom:1px solid var(--color-border-strong)}.respage__table tbody tr:last-child td{border-bottom:none}.respage__table tbody tr:hover{background:var(--color-surface-alt)}.respage__num{text-align:right;font-variant-numeric:tabular-nums}.respage__attrs{max-width:360px;overflow:hidden;text-overflow:ellipsis;color:var(--color-muted)}.respage__detail{font-weight:600;white-space:nowrap}.respage__pager{margin-top:var(--space-4);display:flex;justify-content:center;align-items:center;gap:var(--space-3)}.respage__pagermeta{font-size:var(--fs-sm);color:var(--color-muted);font-variant-numeric:tabular-nums}.rdetail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.rdetail__title{margin:0;font-size:var(--fs-xl);color:var(--color-text-strong);font-family:var(--font-mono)}.rdetail__meta{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--fs-sm)}.rdetail__section{margin-bottom:var(--space-4)}.rdetail__sectiontitle{margin:0 0 var(--space-3);font-size:var(--fs-md);color:var(--color-text-strong)}.rdetail__scoregrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin:0 0 var(--space-3)}.rdetail__scoregrid div{display:flex;flex-direction:column;gap:var(--space-1)}.rdetail__scoregrid dt{margin:0;font-size:var(--fs-xs);color:var(--color-muted);font-weight:500}.rdetail__scoregrid dd{margin:0;font-size:var(--fs-lg);font-weight:600;color:var(--color-text-strong);font-variant-numeric:tabular-nums}.rdetail__cattable{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.rdetail__cattable caption{text-align:left;font-size:var(--fs-xs);color:var(--color-muted);padding-bottom:var(--space-2)}.rdetail__cattable th,.rdetail__cattable td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.rdetail__cattable thead th{font-weight:600;color:var(--color-text-strong);background:var(--color-surface-alt)}.rdetail__num{text-align:right;font-variant-numeric:tabular-nums}.rdetail__catgroup{margin-bottom:var(--space-4)}.rdetail__catgroup:last-child{margin-bottom:0}.rdetail__catname{margin:0 0 var(--space-2);font-size:var(--fs-sm);color:var(--color-primary);font-weight:600}.rdetail__answerlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.rdetail__answer{padding:var(--space-3);background:var(--color-surface-alt);border-radius:var(--radius-sm)}.rdetail__qbody{margin:0 0 var(--space-1);font-weight:600;color:var(--color-text-strong)}.rdetail__choice{margin:0;color:var(--color-text);font-size:var(--fs-sm)}.rdetail__scores{margin-left:var(--space-2);color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:var(--fs-xs)}.rdetail__attrgrid{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:0}.rdetail__attrgrid div{display:contents}.rdetail__attrgrid dt{margin:0;font-weight:600;color:var(--color-muted);font-size:var(--fs-sm)}.rdetail__attrgrid dd{margin:0;color:var(--color-text);font-size:var(--fs-sm);word-break:break-all}.rdetail__empty{margin:0;color:var(--color-muted);font-size:var(--fs-sm)}.rdetail__hint{margin:0 0 var(--space-3);color:var(--color-muted);font-size:var(--fs-sm)}.rdetail__subtitle{margin:var(--space-4) 0 var(--space-2);font-size:var(--fs-sm);font-weight:600;color:var(--color-text-strong)}.rdetail__sbcomments{margin-top:var(--space-4)}.rdetail__commentlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.rdetail__comment{padding:var(--space-3);background:var(--color-primary-soft);border-left:3px solid var(--color-primary);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-1)}.rdetail__commenttag{font-size:var(--fs-xs);font-weight:600;color:var(--color-primary)}.rdetail__commentbody{font-size:var(--fs-sm);color:var(--color-text)}:root{--color-bg: hsl(220 14% 96%);--color-surface: hsl(0 0% 100%);--color-surface-alt: hsl(220 13% 98%);--color-text: hsl(220 13% 18%);--color-text-strong: hsl(220 18% 10%);--color-muted: hsl(220 9% 45%);--color-border: hsl(220 13% 86%);--color-border-strong: hsl(220 13% 70%);--color-primary: hsl(214 70% 32%);--color-primary-hover: hsl(214 70% 24%);--color-primary-soft: hsl(214 60% 95%);--color-on-primary: hsl(0 0% 100%);--color-danger: hsl(0 70% 45%);--color-danger-soft: hsl(0 80% 96%);--color-warn: hsl(35 90% 35%);--color-success: hsl(145 55% 35%);--color-success-soft: hsl(145 40% 95%);--color-skeleton-a: hsl(220 13% 94%);--color-skeleton-b: hsl(220 13% 97%);--color-overlay: hsl(220 18% 10% / .45);--shadow-modal: 0 12px 32px hsl(220 18% 10% / .2);--shadow-menu: 0 6px 18px hsl(220 18% 10% / .12);--font-sans: system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "Cascadia Code", "Consolas", monospace;--line-strong: 1.45;--line-base: 1.7;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--header-height: 56px;--sidebar-width: 240px;--content-max-width: 1200px;--z-header: 100;--z-overlay: 500;--z-modal: 1000}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--line-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-strong);font-weight:500;line-height:var(--line-strong);transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--color-surface-alt)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--ghost{background:transparent;border-color:transparent;color:var(--color-primary)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-alt)}.btn--sm{padding:var(--space-1) var(--space-2);font-size:var(--fs-xs)}.dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.dashboard__stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);color:inherit;text-decoration:none;transition:background .12s ease}.dashboard__stat:hover{background:var(--color-surface-alt)}.dashboard__stat-num{font-size:var(--fs-xl);font-weight:700;color:var(--color-text-strong);line-height:1}.dashboard__stat-label{font-size:var(--fs-sm);color:var(--color-muted)}.dashboard__quicklinks{list-style:disc;padding-left:var(--space-5);margin:0;display:grid;gap:var(--space-1)}.settings__info{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-4);margin:0}.settings__info div{display:contents}.settings__info dt{margin:0;color:var(--color-muted);font-weight:500}.settings__info dd{margin:0;color:var(--color-text-strong);word-break:break-all}.settings__info code{font-family:var(--font-mono, monospace);font-size:var(--fs-xs);background:var(--color-surface-alt);padding:2px 6px;border-radius:var(--radius-sm, 4px)}.btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-primary)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--color-text-strong)}.field__input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-surface);line-height:var(--line-strong)}.field__input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field__help{font-size:var(--fs-xs);color:var(--color-muted)}.field__error{font-size:var(--fs-xs);color:var(--color-danger)}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-alt);font-size:var(--fs-sm)}.banner--danger{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.banner--success{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5)}.chart-wrap{display:flex;justify-content:center;margin:var(--space-3) 0 var(--space-5)}.chart__grid{fill:none;stroke:var(--color-border);stroke-width:1}.chart__grid--dashed{stroke-dasharray:2 3}.chart__axis{stroke:var(--color-border);stroke-width:1}.chart__polygon{fill:var(--color-primary-soft);stroke:var(--color-primary);stroke-width:2;opacity:.85}.chart__point{fill:var(--color-primary)}.chart__label{fill:var(--color-text);font-size:12px}.settings__usersheader{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-2)}.settings__newuser{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin:var(--space-3) 0;display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface)}.settings__field{display:flex;flex-direction:column;gap:var(--space-1)}.settings__field label{font-size:var(--fs-sm);color:var(--color-text-strong);font-weight:600}.settings__field input,.settings__field select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);font-size:var(--fs-sm);color:var(--color-text);background:var(--color-surface)}.settings__field input:focus,.settings__field select:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.settings__formactions{display:flex;justify-content:flex-end;gap:var(--space-2)}.settings__usertable{width:100%;border-collapse:collapse;margin-top:var(--space-3);font-size:var(--fs-sm)}.settings__usertable th,.settings__usertable td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.settings__usertable th{color:var(--color-muted);font-weight:600;background:var(--color-surface)}