/* PROJE GÜNLÜĞÜ V3 — tactile timeline / 3 interchangeable date treatments */
:root{--bg:#f6f8fc;--navy:#12203c;--sub:#67758e;--primary:#5c9ae5;--line:#e7ebf4}
body{background:radial-gradient(ellipse 650px 450px at 95% 4%,#f2f6fa 0%,transparent 67%),var(--bg);color:var(--navy)}
.sidebar{background:#fff;border-right:1px solid #e8ecf5;box-shadow:3px 0 26px #1b2f5105}
.brand{gap:12px;font-size:18px;line-height:1.08;letter-spacing:-.7px;margin:0 0 42px;padding-left:5px}
.brandmark{width:44px;height:44px;flex:none;border-radius:14px;overflow:hidden;background:transparent!important;padding:0}
.brand-symbol{display:block;width:100%;height:100%;filter:drop-shadow(0 6px 9px #6554ef2e)}
.brandtype{display:block;font-weight:680;color:#253350}.brandtype strong{font-weight:890;color:#111e37}.brandtype small{display:block;margin-top:6px;color:#9ca5b8;font-size:9px;letter-spacing:2px;font-weight:800}
.sidebar-label{color:#9ba6b9;font-size:10px}.project-item.active,.menu-item.active{background:#eff4fa;color:#5a95dd}.sidebar .project-item:hover,.sidebar .menu-item:hover{background:#f5f8fb}
.main{background:transparent}.workspace{max-width:1300px;padding-top:38px;padding-left:clamp(25px,4vw,65px);padding-right:clamp(25px,4vw,65px)}
.heading-row{align-items:center;margin-bottom:20px}
.stream-kicker{display:flex;align-items:center;gap:9px;font-size:12px;color:#60708b;font-weight:900;letter-spacing:1.65px}.stream-kicker-dot{width:8px;height:8px;background:#32c59e;border-radius:50%;box-shadow:0 0 0 4px #d8f9ee;animation:breathe 2.6s ease-in-out infinite}.stream-kicker .badge-demo{font-size:9px;letter-spacing:.5px}
.create-button{padding:12px 19px!important;font-weight:790;border-radius:11px!important;background:linear-gradient(110deg,#5f9eea,#5290dc)!important;border:0!important;box-shadow:0 8px 22px #6356fd27!important;transition:transform .2s ease,box-shadow .2s ease}.create-button:hover{transform:translateY(-2px);box-shadow:0 13px 25px #6356fd3d!important}.plus-symbol{font-size:19px;font-weight:400;line-height:0}
.toolbar{box-shadow:0 9px 32px #1e315309;border-radius:15px}.search{background:#f9faff;border-color:#e7eaf4}.search:focus{background:white;box-shadow:0 0 0 3px #eff3f9;border-color:#afcaea}.filter-select{font-weight:650}
.summarybar{margin:20px 0 10px}.summarybar .count{font-size:13px;color:#53617a}.style-bar{display:flex;align-items:center;gap:10px;padding:6px 0 12px;flex-wrap:wrap;border-bottom:1px solid #eceef6}.style-bar-name{font-weight:900;font-size:10px;letter-spacing:1px;color:#a2adbe}.date-style-group{display:inline-flex;padding:3px;border:1px solid #e4e8f2;border-radius:9px;background:#f0f2f9;gap:3px}.date-style-group button{border:0;color:#8792a6;background:transparent;border-radius:7px;padding:6px 11px;font-weight:760;font-size:11px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.date-style-group button.selected{background:white;color:#5b95dc;box-shadow:0 2px 7px #1a2b4a13}.date-style-group button:hover{color:#5b95dc}.style-hint{margin-left:auto;color:#a8b1c0;font-size:11px}
.journal-stage{position:relative;isolation:isolate;padding:9px 0 36px}
.year-dock{position:sticky;top:13px;z-index:12;display:flex;align-items:center;gap:9px;width:max-content;min-width:124px;padding:9px 13px;margin:2px 0 19px 0;border:1px solid #e1eaf5;background:linear-gradient(120deg,#fff 4%,#f5f8fb);box-shadow:0 8px 25px #4f43ad12;border-radius:13px;color:#538bcf;backdrop-filter:blur(16px)}
.year-dock[hidden]{display:none}.year-mini{font-size:9px;font-weight:850;letter-spacing:1px;color:#aab5c2}.year-digits{font-variant-numeric:tabular-nums;display:inline-block;font-size:21px;letter-spacing:-.75px;line-height:1.1;font-weight:900;transform-origin:center center}.year-pulse{width:6px;height:6px;background:#6da3e5;border-radius:50%;margin-left:2px;box-shadow:0 0 0 4px #eaf0f8}.year-in.year-down{animation:counterDown .46s cubic-bezier(.19,.85,.28,1.2) both}.year-in.year-up{animation:counterUp .46s cubic-bezier(.19,.85,.28,1.2) both}
@keyframes counterDown{0%{transform:translateY(-16px) scale(.92);opacity:.12;filter:blur(3px)}60%{opacity:1;filter:blur(0)}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes counterUp{0%{transform:translateY(16px) scale(.92);opacity:.12;filter:blur(3px)}60%{opacity:1;filter:blur(0)}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes breathe{50%{box-shadow:0 0 0 7px #d8f9ee55}}
.timeline{margin:0!important;padding:0 0 40px 0!important;position:relative}
.timeline:before{left:143px!important;top:17px;bottom:15px;width:2px!important;background:linear-gradient(180deg,#cfdff2,#d9e2fa 55%,#bfe9ea)!important;border-radius:10px}
.month-divider{height:36px;margin:12px 0 12px!important;display:grid;grid-template-columns:122px 42px minmax(0,1fr);align-items:center;color:#7886a3;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:850}
.month-divider:before{display:none}.month-divider span{grid-column:3;display:inline-block;width:max-content;border:1px solid #e8eaf4;border-radius:999px;padding:5px 13px;background:#f8f9ff}.month-divider b{color:#aab2c1;font-weight:700}
.entry{position:relative;display:grid;grid-template-columns:122px 42px minmax(0,1fr);align-items:start;min-width:0;min-height:106px;margin:0 0 18px!important;animation:fade-up .22s ease-out}
.entry:before{display:none!important}
.date-block{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:112px;min-height:108px;padding:12px 9px 12px 13px;border:1px solid #eaebf5;border-radius:14px;background:#fff;box-shadow:0 3px 14px #1c2b4f06;color:#273550;transform:translateZ(0);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
.date-day{display:block;font-size:39px;font-weight:900;letter-spacing:-2.3px;line-height:1.03;color:#26344f;font-variant-numeric:tabular-nums;transition:color .2s ease,transform .25s ease}
.date-month{display:block;font-size:13px;font-weight:830;line-height:1.55;color:var(--tone);text-transform:capitalize;transition:color .2s ease}
.date-weektime{font-size:10.3px;color:#8592a6;line-height:1.45;font-weight:650;white-space:nowrap;letter-spacing:-.2px}.date-dot{color:#b5bcca}
.timeline-node{height:100%;min-height:108px;position:relative;display:block;z-index:1}
.node-core{position:absolute;top:32px;left:11px;height:20px;width:20px;border:5px solid var(--bg);background:var(--tone);border-radius:50%;box-shadow:0 0 0 2px var(--tone),0 0 0 7px #fff;transition:transform .26s cubic-bezier(.2,.9,.2,1.3),box-shadow .26s ease,background .26s ease;z-index:2}
.node-aura{position:absolute;left:1px;top:22px;width:40px;height:40px;background:var(--tone);opacity:0;border-radius:50%;transform:scale(.55);transition:transform .35s ease,opacity .35s ease;z-index:1}
.entry-card{position:relative;min-width:0;background:white!important;border:1px solid #e7ebf4!important;border-left:3px solid var(--tone)!important;border-radius:15px!important;padding:19px 21px 20px!important;box-shadow:0 5px 18px #1c30520b!important;transform:none!important;transition:box-shadow .27s ease,border-color .27s ease,transform .27s cubic-bezier(.2,.8,.2,1),background .22s ease!important}
.entry-card:before{content:'';width:21px;height:2px;left:-24px;top:40px;background:#d5dceb;border:0;transform:none;transition:background .2s ease,height .2s ease}
.entry:hover .entry-card,.entry:focus-within .entry-card{transform:translateY(-2px)!important;box-shadow:0 16px 33px #1e31501c!important;border-color:color-mix(in srgb,var(--tone) 25%,#ebedf2)!important}
.entry:hover .entry-card:before,.entry:focus-within .entry-card:before{background:var(--tone);height:3px}
.entry:hover .date-block,.entry:focus-within .date-block{background:color-mix(in srgb,var(--tone) 11%,white);border-color:color-mix(in srgb,var(--tone) 35%,#e7e9f4);box-shadow:0 8px 21px color-mix(in srgb,var(--tone) 12%,transparent);transform:translateY(-2px)}
.entry:hover .date-day,.entry:focus-within .date-day{color:var(--tone);transform:translateX(2px)}
.entry:hover .node-core,.entry:focus-within .node-core{transform:scale(1.25);box-shadow:0 0 0 2px var(--tone),0 0 0 7px #fff,0 0 0 11px color-mix(in srgb,var(--tone) 18%,transparent)}
.entry:hover .node-aura,.entry:focus-within .node-aura{transform:scale(1.26);opacity:.085}
.priority{display:inline-flex;gap:6px;align-items:center;background:color-mix(in srgb,var(--tone) 10%,white)!important;color:var(--tone)!important;border:1px solid color-mix(in srgb,var(--tone) 17%,white);padding:4px 8px!important;border-radius:7px!important;font-size:10px!important;letter-spacing:.3px}
.priority-dot{width:7px;height:7px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 2px color-mix(in srgb,var(--tone) 17%,white)}
.entry-top{min-height:27px}.entry-title{font-size:17px;line-height:1.33;margin:9px 0 9px;color:#1a2a43;letter-spacing:-.4px;font-weight:840}.entry-body{font-size:13.1px;color:#526079}.entry-body p{line-height:1.68}.entry-body pre{font-size:12px;background:#18243a;color:#d7e7ff;border:1px solid #344563;max-height:240px;overflow:auto}
.tags .tag{color:#78859a;background:#f7f8fd;border-color:#eaedf4}.pin{color:#a36c18;background:#fff9ee;border-radius:6px;padding:3px 8px;font-size:10px}
.entry-actions{display:flex;gap:5px;align-items:center;margin-left:auto}.action-link{display:inline-flex;align-items:center;gap:6px;color:#818fa6!important;background:transparent;border:1px solid transparent;border-radius:9px;padding:6px 9px;font-size:11.5px;font-weight:750;transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease}
.action-link:hover{background:#ffffff!important;color:#5d98e1!important;border-color:#ebf1f8;transform:translateY(-1px)}.action-icon{flex:none;overflow:visible}.pencil-motion{transform-origin:49% 55%;transition:transform .3s cubic-bezier(.2,.8,.2,1.4)}.action-edit:hover .pencil-motion{transform:rotate(-18deg) scale(1.22)}
.history-ring,.clock-hands{transform-origin:12px 12px;transition:transform .4s ease}.action-history:hover .history-ring{transform:rotate(-40deg)}.action-history:hover .clock-hands{transform:rotate(16deg)}
html[data-date-style="minimal"] .date-block{background:transparent;border-color:transparent;box-shadow:none;padding-left:7px}.date-style-group button:focus-visible{outline:2px solid #649fe8;outline-offset:2px}
html[data-date-style="minimal"] .entry:hover .date-block{background:color-mix(in srgb,var(--tone) 8%,white);border-color:color-mix(in srgb,var(--tone) 24%,white)}
html[data-date-style="vivid"] .date-block{background:linear-gradient(130deg,var(--tone),color-mix(in srgb,var(--tone) 75%,#25375d));border:1px solid transparent;box-shadow:0 8px 18px color-mix(in srgb,var(--tone) 22%,transparent)}
html[data-date-style="vivid"] .date-day,html[data-date-style="vivid"] .date-month{color:white}
html[data-date-style="vivid"] .date-weektime,html[data-date-style="vivid"] .date-dot{color:#ffffffe0}
html[data-date-style="vivid"] .entry:hover .date-block{background:linear-gradient(115deg,color-mix(in srgb,var(--tone) 84%,white),var(--tone));box-shadow:0 14px 29px color-mix(in srgb,var(--tone) 33%,transparent)}
html[data-date-style="vivid"] .entry:hover .date-day{color:white}
.mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand .brand-symbol{width:31px;height:31px}.mobile-brand strong{font-weight:850;font-size:14px}
@media(max-width:1050px){.timeline:before{left:131px!important}.entry,.month-divider{grid-template-columns:111px 40px minmax(0,1fr)}.date-block{width:102px}.node-core{left:10px}.node-aura{left:0}.year-dock{min-width:114px}}
@media(max-width:760px){.workspace{padding:21px 14px 56px}.heading-row{margin-bottom:15px}.stream-kicker{font-size:10px;letter-spacing:.8px}.create-button{padding:10px 11px!important;font-size:11px!important}.timeline:before{left:97px!important}.entry,.month-divider{grid-template-columns:80px 34px minmax(0,1fr)}.date-block{width:75px;min-height:99px;padding:10px 5px 9px 6px;border-radius:11px}.date-day{font-size:33px}.date-month{font-size:11.8px}.date-weektime{font-size:9.2px;white-space:normal;line-height:1.25;max-width:65px}.date-dot{display:none}.timeline-node{min-height:99px}.node-core{left:8px;top:29px;width:18px;height:18px}.node-aura{left:0;top:21px;width:34px;height:34px}.entry-card{padding:13px!important}.entry-card:before{left:-17px;width:14px;top:35px}.entry-title{font-size:15px}.entry-body{font-size:12px}.entry-actions{gap:0}.action-link{font-size:0;padding:5px}.action-icon{width:19px;height:19px}.entry-card .priority{font-size:9px!important}.year-dock{top:10px;min-width:95px;padding:8px 9px}.year-digits{font-size:18px}.year-mini{font-size:8px}.year-pulse{width:5px;height:5px}.month-divider{margin:7px 0!important}.month-divider span{font-size:10px;padding:4px 9px}.style-hint{display:none}}
@media(max-width:380px){.timeline:before{left:84px!important}.entry,.month-divider{grid-template-columns:70px 28px minmax(0,1fr)}.date-block{width:65px;padding-left:5px}.date-day{font-size:31px}.date-weektime{font-size:8.6px}.node-core{left:5px;top:28px}.node-aura{left:-2px}.entry-card{padding:11px!important}.entry-card:before{left:-13px;width:11px}}
@media(prefers-reduced-motion:reduce){.stream-kicker-dot,.year-in,.entry,.entry-card,.date-block,.date-day,.node-core,.node-aura,.action-link,.pencil-motion,.history-ring,.clock-hands{animation:none!important;transition:none!important}}


/* Kart odak modu: üst meta öğeleri ve etiketler daha hafif */
.entry-card .badge,.entry-card .pin,.entry-card .tags .tag{opacity:.22;transition:opacity .2s ease,transform .2s ease,filter .2s ease}\n.entry-card:hover .badge,.entry-card:hover .pin,.entry-card:hover .tags .tag,.entry-card:focus-within .badge,.entry-card:focus-within .pin,.entry-card:focus-within .tags .tag{opacity:.55}\n.entry-card .badge:hover,.entry-card .pin:hover,.entry-card .tags .tag:hover,.entry-card .badge:focus-visible,.entry-card .pin:focus-visible,.entry-card .tags .tag:focus-visible{opacity:.88}\n.entry-card .entry-title,.entry-card .entry-body{opacity:1!important}\n