:root{color:#2f2522;background:#f7f0e5;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ruby: #a2202f;--ruby-dark: #5c1620;--ruby-deep: #2e1313;--sakura: #d88a96;--sakura-soft: #f6d9dc;--washi: #f7f0e5;--washi-deep: #eee1cf;--paper: #fffaf2;--ink: #2f2522;--muted: #7d6a61;--line: #dcc5b4;--gold: #b38a42;--shadow: 0 14px 30px rgba(70, 33, 24, .08)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{background:linear-gradient(rgba(92,22,32,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(92,22,32,.028) 1px,transparent 1px),linear-gradient(135deg,#f8f1e6,#fffaf2 46%,#f3e3dc);background-size:24px 24px,24px 24px,auto;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.adminSidebar{background:linear-gradient(180deg,#351515,var(--ruby-dark) 54%,#7d2030);color:#fffaf2;display:flex;flex-direction:column;gap:22px;min-height:100vh;padding:24px 18px;position:sticky;top:0}.brandBlock{background:#fffaf20a;border:1px solid rgba(247,240,229,.24);border-radius:8px;padding:18px}.brandBlock h1{font-size:27px;line-height:1.08;margin:6px 0 0;max-width:210px}.brandBlock h1 span,.brandBlock h1 small{display:block}.brandBlock h1 small{color:#e7c9bd;font-size:13px;font-weight:700;margin-top:6px}.eyebrow{color:#a5888f;font-size:12px;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}.adminSidebar .eyebrow{color:#e7c9bd}.sideNav{display:grid;gap:18px}.navGroup{display:grid;gap:9px}.navGroup p{color:#e7c9bd;font-size:13px;font-weight:900;margin:0 0 1px;padding:0 4px;text-transform:uppercase}.navGroup p span,.navGroup p small{display:block}.navGroup p small{color:#f7f0e59e;font-size:10px;margin-top:2px}.sideNav button{align-items:center;background:#fffaf20e;border:1px solid rgba(247,240,229,.16);border-radius:8px;color:#ffeaf0;display:grid;gap:12px;grid-template-columns:38px minmax(0,1fr);min-height:64px;padding:10px;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.sideNav button:hover{background:#ffffff1f;transform:translate(2px)}.sideNav button.active{background:var(--paper);border-color:var(--paper);color:var(--ruby-dark);box-shadow:0 12px 30px #0003}.navIndex{align-items:center;background:#ffffff1c;border-radius:8px;display:flex;font-size:12px;font-weight:900;height:38px;justify-content:center}.sideNav button.active .navIndex{background:var(--ruby);color:#fff}.sideNav strong{display:block;font-size:15px;line-height:1.2}.sideNav small{color:#fffaf2b8;display:block;font-size:12px;margin-top:3px}.sideNav button.active small{color:#9c5969}.sidebarStatus{background:#fffaf214;border:1px solid rgba(247,240,229,.18);border-radius:8px;display:grid;gap:4px;margin-top:auto;padding:14px}.sidebarStatus span,label span,fieldset legend,.metric span,.stat span,.breakdown span,.brainNotice span{color:var(--muted);font-size:13px;font-weight:800}.sidebarStatus span{color:#e7c9bd}.textPair{display:grid;gap:2px}.jpText{color:inherit;display:block;font-size:15px;font-weight:900;line-height:1.25}.enText{color:var(--muted);display:block;font-size:11px;font-weight:700;line-height:1.2}.sidebarStatus strong{font-size:14px}.mainStage{margin:0 auto;max-width:1260px;min-width:0;padding:28px;width:100%}.viewStack{display:grid;gap:18px}.pageHeader{align-items:end;background:#fffaf2e6;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:flex;justify-content:space-between;min-height:96px;padding:20px}.pageHeader h2{color:var(--ruby-dark);font-size:31px;line-height:1.12;margin:8px 0 0}.pageHeader p{color:var(--muted);margin:8px 0 0}.pageHeader .textPair{color:var(--gold)}.workspace{display:grid;gap:22px;grid-template-columns:minmax(310px,390px) minmax(460px,1fr)}.panel,.productCard,.contextCard{background:#fffaf2eb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.inputPanel{align-self:start;display:grid;gap:16px;padding:18px;position:sticky;top:28px}label{display:grid;gap:7px}input,select,textarea{background:#fffdf8;border:1px solid #d9b7ad;border-radius:8px;color:var(--ink);min-height:42px;outline:0;padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--ruby);box-shadow:0 0 0 3px #a2202f1f}textarea{line-height:1.5;resize:vertical}fieldset{border:0;margin:0;padding:0}fieldset legend{margin-bottom:7px}.brainNotice,.suggestedUse{background:#f8ece8;border:1px solid #dfb8ae;border-radius:8px;display:grid;gap:4px;padding:11px}.brainNotice strong{color:var(--ruby-dark);font-size:16px}.formGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.primaryButton{background:linear-gradient(135deg,var(--ruby-dark),var(--ruby));border:0;border-radius:8px;box-shadow:0 12px 22px #a2202f2e;color:#fff;font-weight:900;min-height:46px;padding:0 16px}.primaryButton:disabled{opacity:.62}.ghostButton{background:#fffdf8;border:1px solid #d7b3a7;border-radius:8px;color:var(--ruby-dark);font-weight:800;min-height:34px;padding:0 12px}.ghostButton:disabled{cursor:wait;opacity:.62}.ruleTabs{background:#efe1d2;border:1px solid #d9c0ad;border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.ruleTabs button{background:transparent;border:0;border-radius:6px;color:var(--muted);min-height:54px;padding:8px;text-align:left}.ruleTabs button.active{background:var(--paper);box-shadow:0 8px 18px #46211814;color:var(--ruby-dark)}.ruleTabs .jpText{font-size:14px}.formTitleRow{align-items:center;border-bottom:1px solid #f1c9d2;display:flex;gap:12px;justify-content:space-between;padding-bottom:12px}.formTitleRow strong{color:var(--ruby-dark);display:block;margin-top:3px}.tagInputShell{align-items:center;background:#fffdf8;border:1px solid #d9b7ad;border-radius:8px;display:flex;flex-wrap:wrap;gap:7px;min-height:96px;padding:9px}.tagInputShell:focus-within{border-color:var(--ruby);box-shadow:0 0 0 3px #a2202f1f}.tagInputShell input{background:transparent;border:0;box-shadow:none;flex:1 1 170px;min-height:32px;min-width:150px;padding:4px}.tagInputShell input:focus{box-shadow:none}.tagPill{align-items:center;background:#f7e2dc;border:1px solid #d9aaa2;border-radius:6px;color:var(--ruby-dark);display:inline-flex;gap:8px;min-height:32px;max-width:100%;padding:0 8px 0 11px}.tagPill span{color:inherit;font-size:13px;font-weight:800;overflow-wrap:anywhere}.tagPill strong{align-items:center;background:#a2202f24;border-radius:50%;display:inline-flex;font-size:15px;height:19px;justify-content:center;line-height:1;width:19px}.resultsColumn{display:grid;gap:16px;min-width:0}.summaryPanel{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:18px}.summaryPanel h2,.progressHeader h2{color:var(--ruby-dark);font-size:22px;line-height:1.2;margin:2px 0 0}.progressPanel{display:grid;gap:12px;overflow:hidden;padding:18px;position:relative}.progressPanel:before{background:linear-gradient(180deg,var(--ruby),var(--gold));content:"";inset:0 auto 0 0;position:absolute;width:5px}.progressHeader{align-items:center;display:flex;gap:16px;justify-content:space-between}.progressHeader h2{font-size:18px;text-transform:capitalize}.progressHeader strong{background:var(--ruby-dark);border-radius:8px;color:#fff;min-width:60px;padding:8px;text-align:center}.progressTrack{background:#ead9cf;border-radius:999px;height:8px;overflow:hidden}.progressTrack span{background:linear-gradient(90deg,var(--ruby),var(--gold));display:block;height:100%;transition:width .18s ease}.progressList{display:grid;gap:8px;max-height:210px;overflow:auto}.progressItem{align-items:start;display:grid;gap:8px;grid-template-columns:48px minmax(0,1fr)}.progressItem span{color:var(--ruby);font-size:12px;font-weight:900}.progressItem p{color:var(--muted);font-size:13px;line-height:1.45;margin:0}.statRow,.metricGrid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(90px,1fr))}.stat,.metric{background:#fbf1e8;border:1px solid #e4cdbc;border-radius:8px;display:grid;gap:4px;padding:10px}.stat strong,.metric strong{color:var(--ruby-dark);font-size:18px}.fullWidth{flex-basis:100%}.interpretation{display:flex;flex-wrap:wrap;gap:8px}.interpretation span{background:#f7e2dc;border-radius:999px;color:var(--ruby-dark);font-size:12px;font-weight:800;padding:6px 10px}.resultsList,.contextList{display:grid;gap:14px}.productCard{display:grid;gap:14px;grid-template-columns:54px 132px minmax(0,1fr);overflow:hidden;padding:16px}.compactProductCard{align-items:start}.rankBadge{align-items:center;background:var(--ruby-dark);border-radius:8px;color:#fff;display:flex;font-weight:900;height:42px;justify-content:center}.productImageFrame{align-items:center;aspect-ratio:1 / 1;background:#fbf1e8;border:1px solid #e4cdbc;border-radius:8px;display:flex;justify-content:center;overflow:hidden;width:132px}.productImageFrame img{height:100%;object-fit:cover;width:100%}.imagePlaceholder{color:var(--muted);font-size:12px;font-weight:800}.productMain{display:grid;gap:12px;min-width:0}.productHeader{align-items:start;display:flex;gap:16px;justify-content:space-between}.productHeader h3{color:var(--ruby-dark);font-size:18px;line-height:1.35;margin:0}.score{background:var(--ruby-dark);border-radius:8px;color:#fff;font-size:24px;min-width:72px;padding:8px;text-align:center}.muted,.description{color:var(--muted);line-height:1.55;margin:0}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{background:#f7e2dc;border:1px solid #d9aaa2;border-radius:6px;color:var(--ruby-dark);font-size:12px;font-weight:800;padding:5px 9px}.chips .kbChip{background:#fff4dd;border-color:#f5d998;color:#7a5510}.chips .vectorChip{background:#f7e8ff;border-color:#e5bcf5;color:#6c287d}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.knowledgeStrip{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.breakdown{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.breakdown div{align-items:center;display:grid;gap:8px;grid-template-columns:90px 1fr 42px}meter{height:8px;width:100%}.reasonList{color:#453139;display:grid;gap:6px;margin:0;padding-left:18px}.riskBox{background:#f8ece8;border:1px solid #dfb8ae;border-radius:8px;color:#713426;display:grid;gap:6px;padding:10px}.riskBox ul{display:grid;gap:4px;margin:0;padding-left:18px}.detailsBlock,.transparency{border-top:1px solid #e4cdbc;display:grid;gap:12px;padding-top:10px}.detailsBlock summary,.transparency summary{color:var(--ruby);cursor:pointer;font-weight:900}.suggestedUse{color:var(--ruby-dark);margin:0}.selectedProduct{background:#fbf1e8;border:1px solid #e4cdbc;border-radius:8px;display:grid;gap:4px;padding:10px}.productCombobox{position:relative}.productOptions{background:var(--paper);border:1px solid #d9b7ad;border-radius:8px;box-shadow:0 16px 34px #5a0b162e;display:grid;left:0;max-height:310px;overflow:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:5}.productOptions button{background:transparent;border:0;border-radius:8px;display:grid;gap:3px;padding:9px;text-align:left}.productOptions button:hover,.productOptions button.active{background:#fbf1e8}.productOptions button strong{color:var(--ruby-dark);font-size:13px;line-height:1.35}.productOptions button span,.emptyOptions{color:var(--muted);font-size:12px}.emptyOptions{padding:12px}.selectedProduct span,.contextCard span{color:var(--muted);font-size:12px}.contextCard{align-items:center;display:flex;gap:14px;justify-content:space-between;padding:14px}.contextCard strong{color:var(--ruby-dark)}.contextCard p{margin:4px 0}.contextCard button{background:#fffdf8;border:1px solid #d7b3a7;border-radius:8px;color:var(--ruby-dark);min-height:34px;padding:0 12px}.indexStatus{margin-top:8px}.indexStatus small{background:#f8ece8;border:1px solid #dfb8ae;border-radius:6px;color:var(--ruby-dark);display:inline-flex;font-size:11px;font-weight:900;padding:4px 8px}.stackedForm{display:grid;gap:14px}.rowActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.subtle{color:var(--muted);padding:18px}.errorText{color:var(--ruby);font-weight:800;margin:0}.successText{color:#9c1b50;font-weight:900;margin:0}@media(max-width:1120px){.appShell{grid-template-columns:230px minmax(0,1fr)}.workspace{grid-template-columns:1fr}.inputPanel{position:static}}@media(max-width:760px){.appShell{grid-template-columns:1fr}.adminSidebar{min-height:auto;position:static}.sideNav{grid-template-columns:1fr}.mainStage{padding:16px}.summaryPanel{align-items:stretch;flex-direction:column}.metricGrid,.knowledgeStrip,.statRow,.breakdown,.formGrid{grid-template-columns:1fr}.productCard{grid-template-columns:48px 96px minmax(0,1fr)}.productImageFrame{width:96px}}@media(max-width:560px){.productCard{grid-template-columns:1fr}.productImageFrame{width:100%}.productHeader,.contextCard{align-items:stretch;flex-direction:column}.score{min-width:0}}
