:root{
  color-scheme:dark;
  --bg:#0b1220;--bg2:#111b2f;--panel:#141f35;--panel2:#19263f;--line:#2b3a58;
  --text:#eef4ff;--muted:#a9b7d0;--accent:#63d6c5;--accent2:#78a7ff;--warning:#f3bf62;--danger:#ff7777;
  --ok:#72d69c;--radius:20px;--shadow:0 18px 50px rgba(0,0,0,.28);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -20%,#1a2d50 0,#0b1220 45%);color:var(--text)}
body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.gate{min-height:100vh;padding:28px 18px;display:grid;place-items:center}.gate-card{width:min(520px,100%);background:rgba(20,31,53,.94);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:800;letter-spacing:.06em;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07121f;margin-bottom:20px}
h1,h2,p{margin-top:0}.gate h1{font-size:clamp(2rem,7vw,3rem);letter-spacing:-.04em;margin-bottom:10px}.lede{color:var(--muted);line-height:1.6}.privacy-strip{display:flex;gap:9px;align-items:center;color:#cde8e4;background:#102c2b;border:1px solid #275653;border-radius:12px;padding:11px 12px;font-size:.9rem;margin:20px 0}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(99,214,197,.13)}
.gate-form{display:grid;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}label{display:grid;gap:7px;color:#dbe6f8;font-size:.9rem}input,select,textarea{width:100%;color:var(--text);background:#0e1728;border:1px solid #344463;border-radius:12px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,214,197,.12)}
button{border:0;border-radius:12px;padding:11px 15px;color:var(--text);background:#273652}.primary{background:linear-gradient(135deg,#4fceb9,#679bff);color:#07111e;font-weight:800}.secondary{background:#22314f;border:1px solid #3a4b6d}.danger{background:#7f2630}.danger-outline{border-color:#8a3a47;color:#ffc3c8;background:transparent}.text-button{background:transparent;color:var(--accent);padding:8px}.form-error{color:#ffb1b1;min-height:1.2em;margin:0}.form-message{color:var(--ok);min-height:1.2em}.help{font-size:.84rem;color:var(--muted);line-height:1.5}.gate-details{margin-top:18px;color:var(--muted);font-size:.88rem;line-height:1.5}.gate-details summary{color:#dce8fb;cursor:pointer}.progress{text-align:center;padding:30px 0}.progress span{display:inline-block;width:32px;height:32px;border:3px solid #33415d;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.app-shell{min-height:100vh;padding-bottom:92px}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top)) clamp(16px,4vw,40px) 14px;background:rgba(11,18,32,.86);backdrop-filter:blur(20px);border-bottom:1px solid rgba(62,78,109,.5)}.topbar h1{font-size:1.55rem;margin:0}.eyebrow{font-size:.69rem;letter-spacing:.15em;font-weight:800;color:var(--accent);margin-bottom:5px}.icon-button{font-size:.82rem;background:#1d2a45;border:1px solid #344463}
main{width:min(1380px,100%);margin:0 auto;padding:22px clamp(14px,3vw,32px) 40px}.view{display:none}.view.active{display:block}.profile-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#19314a,#17333a);border:1px solid #31586b;border-radius:var(--radius);padding:20px;margin-bottom:18px}.profile-banner h2{margin:0 0 5px}.profile-banner p{margin:0;color:var(--muted)}.profile-badge{flex:0 0 auto;background:#0d2028;border:1px solid #315b60;padding:10px 13px;border-radius:12px;color:#bce9df;font-size:.84rem}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:18px;min-height:130px}.metric-card .label{color:var(--muted);font-size:.82rem}.metric-card .value{font-size:1.75rem;font-weight:800;letter-spacing:-.04em;margin:12px 0 6px}.metric-card .date{font-size:.77rem;color:#8392ad}.metric-card .sub{margin-top:10px;font-size:.78rem;color:#c4d1e5}
.panel{background:rgba(20,31,53,.92);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 12px 35px rgba(0,0,0,.15)}.panel h2{font-size:1.25rem;margin-bottom:12px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px}.panel-head.wrap{flex-wrap:wrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notice{margin-top:18px;background:#282615;border:1px solid #5b5531;color:#e9ddb0;padding:15px 17px;border-radius:14px;line-height:1.5}
.flag-list,.timeline-list{display:grid;gap:10px}.flag-item,.timeline-item{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid rgba(55,70,101,.55)}.flag-item:last-child,.timeline-item:last-child{border-bottom:0}.flag-pill{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:5px 7px;border-radius:8px;background:#4f3a1d;color:#ffd895}.flag-pill.low{background:#213c5a;color:#a9d1ff}.flag-item strong,.timeline-item strong{display:block;font-size:.9rem}.flag-item span,.timeline-item span{display:block;color:var(--muted);font-size:.8rem;margin-top:3px}.empty{color:var(--muted);padding:16px 0}
.body-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px}.body-stage-panel{min-width:0}.layer-controls{display:flex;gap:8px;flex-wrap:wrap}.layer-controls label{display:flex;align-items:center;gap:6px;background:#101a2e;border:1px solid #30415f;border-radius:10px;padding:7px 9px}.layer-controls input{width:auto;padding:0}#body-stage{position:relative;height:min(68vh,700px);min-height:470px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#223450,#0c1424 66%);border:1px solid #2c3c59}#body-canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-help{position:absolute;left:12px;bottom:10px;color:#9cacbf;font-size:.72rem;background:rgba(5,10,18,.68);padding:7px 9px;border-radius:8px;pointer-events:none}.canvas-reset{position:absolute;right:10px;top:10px;background:rgba(14,24,41,.8);border:1px solid #3a4b6d;font-size:.75rem}.body-details{align-self:start;position:sticky;top:102px}.body-details .structure-title{font-size:1.6rem;margin-bottom:6px}.system-tag{display:inline-block;background:#123a3a;color:#bff1e8;border:1px solid #2d6662;border-radius:999px;padding:5px 9px;font-size:.72rem;margin:4px 4px 8px 0}.related-grid{display:grid;gap:9px;margin:15px 0}.related-row{background:#101a2e;border:1px solid #2a3a59;border-radius:12px;padding:11px}.related-row strong{display:block}.related-row span{color:var(--muted);font-size:.8rem}.precautions{padding-left:18px;color:#d3deef;line-height:1.5}
.toolbar{display:flex;gap:9px;align-items:center}.toolbar select{min-width:170px}.chart-wrap{height:420px;border-radius:14px;background:#0e1728;border:1px solid #273755;padding:10px}.chart-wrap.small{height:310px}.chart-wrap canvas{width:100%;height:100%;display:block}.trend-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.trend-stat{background:#101a2e;border:1px solid #293a58;border-radius:11px;padding:11px}.trend-stat span{display:block;color:var(--muted);font-size:.75rem}.trend-stat strong{display:block;margin-top:5px}.lab-toolbar{margin-bottom:12px}
.records-panel{min-height:70vh}.record-filters{display:grid;grid-template-columns:1fr 190px 180px;gap:10px;margin-bottom:16px}.record-list{display:grid;gap:10px}.record-card{background:#101a2e;border:1px solid #293a58;border-radius:14px;padding:14px;display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:14px;align-items:start}.record-date{color:#aab8cc;font-size:.79rem}.record-card h3{font-size:.95rem;margin:0 0 5px}.record-card p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.45}.record-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.mini-tag{font-size:.68rem;padding:4px 7px;border-radius:7px;background:#22314f;color:#c6d5eb}.mini-tag.flag{background:#553b20;color:#ffdc9f}.record-count{color:var(--muted);font-size:.8rem}#load-more{display:block;margin:15px auto 0}
.add-layout{align-items:start}.data-form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guidance-list{display:grid;gap:11px}.guidance-list div{display:grid;gap:4px;background:#101a2e;border:1px solid #293a58;border-radius:12px;padding:13px}.guidance-list span{color:var(--muted);font-size:.84rem;line-height:1.5}
.privacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.status-list,.source-list{display:grid;gap:9px;margin:12px 0}.status-row,.source-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #2a3956}.status-row span,.source-row span{color:var(--muted);font-size:.8rem}.status-row strong,.source-row strong{font-size:.82rem;text-align:right;word-break:break-word}.button-stack{display:grid;gap:9px;margin-top:16px}.check-list{padding-left:19px;line-height:1.65;color:#d6e0ef}.check-list li::marker{color:var(--accent)}
.bottom-nav{position:fixed;z-index:30;left:50%;transform:translateX(-50%);bottom:max(10px,env(safe-area-inset-bottom));width:min(760px,calc(100% - 20px));display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:rgba(15,25,43,.93);border:1px solid #344361;border-radius:18px;padding:6px;backdrop-filter:blur(20px);box-shadow:var(--shadow)}.bottom-nav button{display:grid;justify-items:center;gap:3px;padding:8px 3px;background:transparent;border-radius:12px;color:#91a1ba;font-size:.67rem}.bottom-nav button span{font-size:1.05rem}.bottom-nav button.active{background:#243654;color:#e8f4ff}
@media(max-width:980px){.metric-grid{grid-template-columns:repeat(2,1fr)}.body-layout{grid-template-columns:1fr}.body-details{position:static}.two-col,.privacy-grid{grid-template-columns:1fr}.record-card{grid-template-columns:105px 1fr}.record-card>div:last-child{grid-column:2}.trend-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:660px){main{padding-top:14px}.topbar h1{font-size:1.28rem}.metric-grid{gap:10px}.metric-card{padding:14px;min-height:116px}.metric-card .value{font-size:1.45rem}.panel{padding:15px}.profile-banner{align-items:flex-start;flex-direction:column}.record-filters{grid-template-columns:1fr 1fr}.record-filters input{grid-column:1/-1}.record-card{grid-template-columns:1fr;gap:7px}.record-card>div:last-child{grid-column:auto}.toolbar{width:100%;display:grid;grid-template-columns:1fr 1fr}.toolbar select{min-width:0}.chart-wrap{height:340px}.bottom-nav{border-radius:16px}.bottom-nav button{font-size:.6rem}.bottom-nav button span{font-size:.95rem}.form-row{grid-template-columns:1fr}.gate-card{padding:22px}#body-stage{min-height:430px;height:60vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}