@import "https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&family=Poppins:wght@400;600;700;800&family=Roboto:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#3b82f6;--color-secondary:#8b5cf6;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-surface:#fff;--color-background:#f9fafb;--color-text:#111827;--color-text-muted:#6b7280;--color-border:#e5e7eb;--font-primary:"Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--font-display:"Poppins", "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--font-mono:"Inconsolata", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;font-family:var(--font-primary);background:var(--color-background);color:var(--color-text)}*{box-sizing:border-box}body{min-height:100vh;margin:0;line-height:1.5}button,select,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.shell{width:min(1120px, calc(100% - var(--space-4)));padding:var(--space-5) 0 var(--space-6);margin:0 auto}.topbar{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.brand{align-items:center;gap:var(--space-1);font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);font-weight:700;text-decoration:none;display:flex}.tagline{max-width:680px;margin:var(--space-1) 0 0;color:var(--color-text-muted);line-height:1.6;font-size:var(--text-sm)}.login{justify-content:center;align-items:center;gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--space-1);min-height:44px;padding:0 var(--space-2);color:var(--color-text);background:var(--color-surface);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-flex}.login:hover{border-color:var(--color-primary);background-color:#f3f4f6}.account{align-items:center;gap:var(--space-1);display:flex}.signInPrompt{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.controls{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.controls label{gap:var(--space-1);min-width:180px;display:grid}.controls span{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700;display:inline-flex}select{border:1px solid var(--color-border);border-radius:var(--space-1);min-height:44px;padding:0 var(--space-2);color:var(--color-text);background:var(--color-surface);cursor:pointer}.panel{border:1px solid var(--color-border);border-radius:var(--space-2);background:var(--color-surface);overflow:hidden}.panelHeader{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}h1{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-weight:600;line-height:1.3}.panelHeader p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.status{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700}.notice,.empty{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin:0}.notice.error{color:var(--color-danger)}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;font-size:var(--text-sm);white-space:nowrap}th{color:var(--color-text-muted);background:var(--color-background);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.symbol{font-family:var(--font-mono);font-weight:700}.symbol a{color:var(--color-primary);text-decoration:none}.symbol a:hover{text-underline-offset:4px;text-decoration:underline}.positive{color:var(--color-success);font-weight:700}.negative{color:var(--color-danger);font-weight:700}.disclaimer{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.6}.backLink{align-items:center;gap:var(--space-1);margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);min-height:44px;padding:0 var(--space-1);font-weight:500;text-decoration:none;display:inline-flex}.backLink:hover{color:var(--color-primary)}.detailGrid{gap:var(--space-2);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid}.fullWidth{grid-column:1/-1}.quoteBox{gap:var(--space-1);text-align:right;display:grid}.quoteBox strong{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700}.miniChart{height:180px;padding:var(--space-3);border-bottom:1px solid var(--color-border);align-items:end;gap:3px;display:flex}.miniChart span{background:var(--color-primary);border-radius:2px 2px 0 0;flex:1;min-width:4px}.sentiment{gap:var(--space-1);padding:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.sentiment span,.pill{border:1px solid var(--color-border);padding:6px var(--space-2);color:var(--color-text-muted);background:var(--color-background);font-size:var(--text-xs);border-radius:999px;font-weight:600}.pill.bullish{color:var(--color-success);background:#f0fdf4;border-color:#bbf7d0}.pill.bearish{color:var(--color-danger);background:#fef2f2;border-color:#fecaca}.postForm{gap:var(--space-2);padding:var(--space-3);display:grid}.postForm label{gap:var(--space-1);display:grid}.postForm label span{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.fieldRow{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}input,textarea{border:1px solid var(--color-border);border-radius:var(--space-1);width:100%;min-height:44px;padding:0 var(--space-2);color:var(--color-text);background:var(--color-surface)}textarea{min-height:120px;padding:var(--space-2);resize:vertical;line-height:1.6}.submitBtn{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--space-1);min-height:44px;padding:0 var(--space-3);color:var(--color-surface);background:var(--color-primary);cursor:pointer;border:0;font-weight:600;transition:background-color .15s;display:inline-flex}.submitBtn:hover:not(:disabled){background:#2563eb}.submitBtn:disabled{opacity:.5;cursor:not-allowed}.postList{display:grid}.postItem{padding:var(--space-3);border-top:1px solid var(--color-border)}.postItem p{margin:var(--space-2) 0;color:var(--color-text);line-height:1.6}.postMeta,.postSnapshot{gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.postSnapshot{font-family:var(--font-mono)}.outcomes{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.outcome{border:1px solid var(--color-border);border-radius:var(--space-1);padding:6px var(--space-2);color:var(--color-text-muted);background:var(--color-background);font-size:var(--text-xs);font-weight:600}.outcome.correct{color:var(--color-success);background:#f0fdf4;border-color:#bbf7d0}.outcome.incorrect{color:var(--color-danger);background:#fef2f2;border-color:#fecaca}.badge{background:var(--color-danger);min-width:18px;height:18px;color:var(--color-surface);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.briefPanel{margin-bottom:var(--space-2);border-left:3px solid var(--color-secondary)}.briefBody{padding:var(--space-2) var(--space-3) var(--space-3)}.briefBody h3{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-base)}.briefBody p{color:var(--color-text);font-size:var(--text-sm);white-space:pre-wrap;margin:0;line-height:1.8}.pill.diary{color:var(--color-secondary);background:#f5f3ff;border-color:#ddd6fe}.author{color:var(--color-text);font-weight:700}.checkboxRow{align-items:center;gap:var(--space-1);cursor:pointer;display:flex!important}.checkboxRow input[type=checkbox]{cursor:pointer;width:18px;min-height:18px;margin:0}.checkboxRow span{text-transform:none!important;letter-spacing:normal!important;font-weight:500!important;font-size:var(--text-sm)!important}.postActions{gap:var(--space-1);margin-top:var(--space-2);display:flex}.insightBtn{border:1px solid var(--color-border);min-height:36px;padding:0 var(--space-2);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--text-xs);cursor:pointer;border-radius:999px;align-items:center;gap:6px;font-weight:600;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.insightBtn:hover{border-color:var(--color-warning);color:var(--color-warning)}.insightBtn.active{color:var(--color-warning);background:#fffbeb;border-color:#fde68a}.reflection{align-items:flex-start;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-2);border-left:3px solid var(--color-secondary);border-radius:0 var(--space-1) var(--space-1) 0;color:var(--color-text);font-size:var(--text-sm);background:#f5f3ff;line-height:1.6;display:flex}.reflectionForm{gap:var(--space-1);margin-top:var(--space-2);display:grid}.reflectionForm .submitBtn{width:fit-content}.reflectionPrompt{align-items:center;gap:var(--space-1);font-size:var(--text-sm);display:flex;color:var(--color-text-muted)!important;margin:0!important}.tendencyGrid{gap:var(--space-2);padding:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.tendencyItem{gap:4px;display:grid}.tendencyItem strong{font-family:var(--font-mono);font-size:var(--text-lg)}.tendencyLabel{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.tendencySub{color:var(--color-text-muted);font-size:var(--text-xs)}.tendencyLine{padding:var(--space-1) var(--space-3) var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);margin:0}@media (width<=720px){.shell{width:min(100% - var(--space-3), 1120px);padding-top:var(--space-3)}.topbar{gap:var(--space-2);display:grid}.login{width:fit-content}.controls label{min-width:min(100%,220px)}.panelHeader,th,td{padding:var(--space-2)}.detailGrid,.fieldRow{grid-template-columns:1fr}.quoteBox{text-align:left}}
