/* Zinetsu Studio — high contrast visual system */
:root{--bg:#070910;--surface:#0f1420;--surface2:#171e2d;--line:#252e40;--text:#f6f8fc;--muted:#9da9bc;--accent:#24dfc3;--accent2:#8b7cff;--danger:#ff7180;--shadow:0 24px 80px rgba(0,0,0,.42)}
html{background:var(--bg)}body{color:var(--text);background:radial-gradient(ellipse at 80% 30%,rgba(36,223,195,.07),transparent 34%),radial-gradient(ellipse at 15% 82%,rgba(139,124,255,.08),transparent 30%),var(--bg);font-family:Inter,"Segoe UI Variable",system-ui,sans-serif;letter-spacing:-.01em}#ambient-field{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.noise{z-index:-1;opacity:.018}main{width:min(1540px,100%);margin:0 auto;padding-left:clamp(20px,4vw,70px);padding-right:clamp(20px,4vw,70px)}
header{position:relative;margin-bottom:34px;padding:20px 0 10px}header:after{content:"";position:absolute;left:0;bottom:-10px;width:72px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 65%,transparent)}h1,h2{color:var(--text);font-family:Inter,"Segoe UI Variable",system-ui,sans-serif;font-weight:720;letter-spacing:-.055em}h1{font-size:clamp(42px,5vw,72px);line-height:.95}h2{font-size:clamp(32px,4vw,52px)}.eyebrow{color:var(--accent);letter-spacing:.22em;font-weight:750}.muted{color:var(--muted)}
article,.panel{position:relative;color:var(--text);background:linear-gradient(145deg,rgba(17,22,35,.9),rgba(10,14,24,.94));border:1px solid rgba(142,162,196,.16);border-radius:24px;box-shadow:0 18px 60px rgba(0,0,0,.24);backdrop-filter:blur(18px)}article:after,.panel:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.04),transparent 35%)}.focus-card{overflow:hidden}.focus-card:before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-110px;border-radius:50%;background:var(--accent);filter:blur(90px);opacity:.1}.card-head,.metric>span,.brain-stats span{color:var(--muted);font-weight:750}.signal,.link-button{color:var(--accent)}.focus-item{color:var(--text);border-color:rgba(142,162,196,.1)}.focus-item i{border-color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent)}
.health-orbit .orbit-value{stroke:var(--accent);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 55%,transparent))}.orbit-bg{stroke:#222b3c}.health-orbit>p,.metric small,.row small,.disk-card p,.note-card p,.note-card time,.service p{color:var(--muted)}.metric strong,.brain-stats strong,.orbit strong{color:var(--text);font-family:Inter,system-ui,sans-serif;font-weight:680}.metric{min-height:164px;overflow:hidden}.metric:before{content:"";position:absolute;right:-35px;bottom:-55px;width:130px;height:130px;border:1px solid rgba(36,223,195,.16);border-radius:50%;box-shadow:0 0 60px rgba(36,223,195,.05)}.meter{height:5px;background:#20283a}.meter i{background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent)}.disk-card{min-height:105px}.disk-ring{background:conic-gradient(var(--accent) var(--used),#222a3a 0);box-shadow:0 0 22px rgba(36,223,195,.08)}.disk-ring:after{background:#101520}.disk-ring strong,.disk-card h3{color:var(--text)}
.primary{background:linear-gradient(110deg,var(--accent),#68e5ff);color:#06110f;box-shadow:0 10px 30px rgba(36,223,195,.16);transition:.25s}.primary:hover{transform:translateY(-2px);box-shadow:0 15px 42px rgba(36,223,195,.28)}.icon-button,.menu-toggle{color:var(--text);background:rgba(15,20,32,.78);border-color:rgba(142,162,196,.22)}.live-dot,.status-pills i{background:var(--accent);box-shadow:0 0 14px var(--accent)}
.rows .row{padding:14px 10px;border-radius:10px;border-bottom:1px solid rgba(142,162,196,.08)}.rows .row:hover{background:rgba(36,223,195,.055)}.row strong{color:var(--text)}.brain-stats strong{font-size:30px}.mini-network{background:radial-gradient(ellipse at center,rgba(36,223,195,.1),transparent 64%)}
.sidebar{background:rgba(7,9,16,.96);border-color:rgba(142,162,196,.16)}.sidebar-brand strong,.sidebar .nav{color:var(--text)}.sidebar-brand small{color:var(--accent)}.sidebar .nav:hover,.sidebar .nav.active{background:linear-gradient(90deg,rgba(36,223,195,.11),rgba(139,124,255,.07));color:#fff}.sidebar .nav.active{box-shadow:inset 2px 0 var(--accent)}.logo{color:var(--accent);border-color:rgba(36,223,195,.45);box-shadow:0 0 24px rgba(36,223,195,.1)}
.note-card{background:rgba(14,19,31,.82);border-color:rgba(142,162,196,.14)}.note-card:hover{border-color:var(--accent);box-shadow:0 15px 40px rgba(0,0,0,.25)}.note-card h3{color:var(--text)}.note-card .note-kind{color:var(--accent)}.search-input,.notes-toolbar select,.modal textarea{background:#0a0e18;color:var(--text);border-color:#293247}.search-input::placeholder,.modal textarea::placeholder{color:#6f7b90}.modal,.reader-modal{background:#0d121e;color:var(--text)}.markdown-body{color:#e8edf5}.markdown-body pre{background:#060810;border:1px solid #222b3d}.frontmatter{background:#151c2a;color:#aeb9cb}.markdown-body blockquote{color:#b8c3d3}
.service{overflow:hidden}.service:before{content:"";position:absolute;width:100px;height:100px;right:-30px;top:-35px;border-radius:50%;background:var(--accent2);filter:blur(60px);opacity:.09}.service h3,.service-metrics strong{color:var(--text)}.service-metrics div{background:#151c2a}.service-state{background:var(--accent);box-shadow:0 0 12px var(--accent)}
.graph-panel{border-color:rgba(36,223,195,.18);background:radial-gradient(circle at 50% 48%,rgba(36,223,195,.09),transparent 34%),radial-gradient(circle at 72% 28%,rgba(139,124,255,.1),transparent 28%),#070a12}.graph-controls button{background:rgba(8,12,20,.82);border-color:#293248}.graph-tooltip{background:rgba(7,10,17,.95)}
.toast{background:linear-gradient(110deg,var(--accent),#67e5ff);color:#04100e}.login-page{background:radial-gradient(circle at 30% 40%,rgba(36,223,195,.1),transparent 30%),radial-gradient(circle at 75% 55%,rgba(139,124,255,.11),transparent 32%),#070910}.login-card{background:rgba(12,17,27,.88);border-color:rgba(142,162,196,.18)}.login-card h1{color:var(--text)}.login-card input{background:#080c15;color:var(--text);border-color:#293248}

/* Light theme: explicit AA/AAA-oriented contrast */
body.light{--bg:#f4f6fa;--surface:#fff;--surface2:#edf1f7;--line:#c7d0dd;--text:#101828;--muted:#475569;--accent:#086f65;--accent2:#5b4bc4;--danger:#b4233a;--shadow:0 18px 55px rgba(23,38,61,.12);color:#101828!important;background:radial-gradient(ellipse at 80% 30%,rgba(49,95,189,.08),transparent 35%),radial-gradient(ellipse at 15% 82%,rgba(91,75,196,.06),transparent 32%),#f4f6fa}body.light #ambient-field{opacity:.22}body.light h1,body.light h2,body.light h3,body.light strong,body.light .focus-item,body.light .row strong,body.light .metric strong,body.light .brain-stats strong,body.light .orbit strong,body.light .disk-card h3,body.light .note-card h3,body.light .service h3{color:#101828!important}body.light .muted,body.light small,body.light .card-head,body.light .metric>span,body.light .brain-stats span,body.light .health-orbit>p,body.light .disk-card p,body.light .note-card p,body.light .note-card time,body.light .service p,body.light .row small{color:#475569!important}body.light .eyebrow,body.light .signal,body.light .link-button,body.light .note-kind{color:#086f65!important}body.light article,body.light .panel{background:rgba(255,255,255,.94);border-color:#cbd5e1;box-shadow:0 16px 45px rgba(23,38,61,.09)}body.light article:after,body.light .panel:after{background:linear-gradient(125deg,rgba(255,255,255,.5),transparent 35%)}body.light .menu-toggle{background:rgba(255,255,255,.96);border-color:#cbd5e1}body.light .menu-toggle i{background:#172033}body.light .sidebar{background:rgba(249,250,252,.98)}body.light .sidebar .nav{color:#172033}body.light .sidebar .nav:hover,body.light .sidebar .nav.active{background:linear-gradient(90deg,rgba(8,111,101,.1),rgba(91,75,196,.05));color:#101828}body.light .disk-ring{background:conic-gradient(#087f73 var(--used),#dce3ed 0)}body.light .disk-ring:after{background:#fff}body.light .meter{background:#dce3ed}body.light .note-card{background:#fff;border-color:#cbd5e1}body.light .search-input,body.light .notes-toolbar select,body.light .modal textarea,body.light .login-card input{background:#fff;color:#101828;border-color:#b9c4d3}body.light .search-input::placeholder,body.light .modal textarea::placeholder{color:#66758a}body.light .modal,body.light .reader-modal{background:#fff;color:#101828}body.light .markdown-body{color:#1f2937}body.light .frontmatter,body.light .service-metrics div{background:#edf1f7;color:#3f4c60}body.light .graph-panel{background:radial-gradient(circle at 50% 48%,rgba(8,111,101,.09),transparent 34%),radial-gradient(circle at 72% 28%,rgba(91,75,196,.08),transparent 28%),#f8fafc}body.light .graph-controls button{background:rgba(255,255,255,.92);color:#172033;border-color:#cbd5e1}body.light .graph-tooltip{background:rgba(255,255,255,.97);color:#172033}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:700px){main{padding-left:15px;padding-right:15px}header{padding-top:12px}h1{font-size:42px}.hero-grid{gap:12px}.focus-card{min-height:250px}.health-orbit{padding:18px}.metric-grid{gap:10px}.metric{min-height:145px}.disk-grid{gap:10px}.content-grid{gap:12px}.panel{padding:18px}.header-actions .primary{height:48px;border-radius:15px}.notes-panel{padding:12px}.note-card{padding:15px}}

/* Final command-center layer */
#overview{display:flex;flex-direction:column}#overview .metric-grid{order:1;margin-top:0;margin-bottom:12px}#overview .disk-grid{order:2}#overview .hero-grid{order:3}#overview .content-grid{order:4}.metric>span{font-size:11px}.metric strong{font-size:38px;line-height:1}.metric small,.disk-card p,.row small{font-size:12px;font-weight:650}.focus-item{font-size:16px;font-weight:650}.row strong{font-size:15px;font-weight:750}.brain-stats strong{font-size:34px}.brain-stats span{font-size:10px}.health-orbit>p{font-size:13px;font-weight:600}
.header-actions{align-items:center;gap:12px}.header-actions .icon-button{height:50px;min-width:126px;padding:0 17px;border-radius:15px;font-weight:750;font-size:14px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--surface);box-shadow:0 8px 25px rgba(0,0,0,.11)}.header-actions .primary{height:50px;border-radius:15px;padding:0 22px;font-size:14px}.header-actions .primary:before{content:'✦';margin-right:8px;font-size:12px}
#search{width:min(700px,calc(100vw - 28px));max-width:none;padding:0}#search .modal{padding:27px 30px;border-radius:24px}#search .search-input{height:62px;border-radius:16px;font-size:20px;font-weight:600;padding:0 20px;margin:15px 0 5px}.search-results{max-height:55vh;padding-top:8px}.search-result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px 14px;border-radius:12px}.search-result strong{font-size:15px;font-weight:750}.search-result small{font-size:11px;font-weight:600}.search-modal:before{content:'⌘ K  ·  NOTLARDA, KLASÖRLERDE VE İÇERİKTE ARA';display:block;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.14em}.modal textarea{font-size:17px;line-height:1.65;font-weight:550}.modal h2{font-size:42px}
.graph-panel{background:radial-gradient(circle at 50% 45%,rgba(105,126,255,.16),transparent 30%),radial-gradient(circle at 18% 20%,rgba(47,214,187,.08),transparent 24%),#070a12!important;border-color:rgba(134,169,255,.28)!important}.graph-legend{font-size:12px;font-weight:650}.graph-tooltip{font-size:12px;font-weight:700}.graph-controls button{font-size:16px}
body.light .header-actions .icon-button{color:#172033!important;background:#fff;border-color:#b9c4d3}body.light .header-actions .primary{color:#fff;background:#2254b6}body.light .focus-item,body.light .row strong,body.light .metric strong,body.light .disk-card h3{font-weight:750}body.light .metric small,body.light .disk-card p,body.light .row small{color:#334155!important}
@media(max-width:700px){.metric strong{font-size:32px}.header-actions .icon-button{min-width:50px;width:50px;padding:0}.header-actions .icon-button span{display:none}.header-actions .primary{padding:0 15px}.header-actions{gap:8px}.search-modal:before{font-size:8px}.modal h2{font-size:34px}}