/* Günce 2.2 — görsel düzen ve ölçülü hareket */
:root{--canvas:#f6f7f9;--line:#e7e9ee;--soft:#f4f5f8;--shadow:0 6px 24px #22293d06;--brand-soft:#fff0f2;--ease:cubic-bezier(.2,.7,.2,1)}
body{font-family:Gunce,'Segoe UI',Arial,sans-serif;background:radial-gradient(ellipse at 95% 0,#f1586308,transparent 45%),var(--canvas)}
.button,.icon-button,.theme-toggle,input,select,textarea,.filter-priority{border-radius:9px}
.button,.icon-button,.theme-toggle,.nav-item,.category-nav button,.favorite-toggle{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms var(--ease)}
.primary{background:linear-gradient(120deg,#bf3c4c,#ac3041);color:white;box-shadow:0 4px 12px #b4324522}
.primary:hover{background:linear-gradient(120deg,#c84252,#b53747);box-shadow:0 6px 18px #b4324533}
.button:active,.icon-button:active,.theme-toggle:active{transform:scale(.98)}
.secondary{box-shadow:0 2px 5px #20293b03}.theme-toggle{box-shadow:0 2px 8px #20293b06}.theme-toggle svg{transition:transform 250ms var(--ease)}.theme-toggle:hover svg{transform:rotate(15deg)}
.sidebar{background:linear-gradient(165deg,#282b36,#22242c 70%);border-right:1px solid #ffffff09}
.sidebar .wordmark{padding-bottom:7px}.brand-logo{filter:drop-shadow(0 3px 7px #00000012)}.nav-item{border-radius:9px}.nav-item.active{background:linear-gradient(100deg,#f1586327,#f158630c);box-shadow:inset 3px 0 0 var(--brand)}.nav-item.active svg{color:#ff9ba4}.category-nav button{border-radius:7px}.category-nav button.active{background:#ffffff0a}.private-label{margin-top:12px;padding-top:18px;border-top:1px solid #ffffff0c}.nav-caption{font-weight:600}
.topbar{background:var(--surface);border-bottom-color:var(--line)}.sync-state{display:flex;align-items:center;gap:6px}.sync-state::before{content:'';width:6px;height:6px;border-radius:50%;background:#73a58b}.sync-state.error::before{background:#d86a76}.sync-state.is-syncing::before{background:transparent;width:8px;height:8px;border:1.5px solid #d5d9e2;border-top-color:var(--accent);animation:gunce-spin 800ms linear infinite}
.page-heading{padding:3px 0 2px}.page-heading h1{font-size:29px;font-weight:650;letter-spacing:-.65px!important}.page-heading .eyebrow{font-size:11px;text-transform:none;letter-spacing:.02em}.page-heading p{margin-top:7px}.page-heading>div{position:relative;padding-left:16px}.page-heading>div::before{content:'';position:absolute;left:0;top:4px;bottom:5px;width:3px;background:linear-gradient(var(--brand),#f1586326);border-radius:3px}
.stats{gap:14px;border:0;background:transparent;border-radius:0;overflow:visible}.stat,.stat:last-child,.stat:nth-child(2),.stat:nth-child(-n+2){border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:19px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:box-shadow 200ms ease,border-color 200ms ease}.stat::after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:2px;background:var(--line)}.stat:first-child::after{background:linear-gradient(90deg,var(--brand),#f1586315)}.stat-value{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.2}.stat-icon{display:grid;width:39px;height:39px;border-radius:11px;background:var(--bg);color:var(--fg)}.stat-icon svg{width:19px;height:19px}.stat-label{font-size:12px}.stat-sub{margin-top:5px}
.planner{border-radius:15px;box-shadow:0 8px 32px #22293d05;position:relative}.planner-top{padding:24px 25px 18px}.planner-top h2{font-size:21px;font-weight:600;letter-spacing:-.3px!important}.date-controls{background:var(--soft);border:1px solid var(--line);padding:3px;border-radius:10px;gap:2px}.date-controls .icon-button{height:32px;border-radius:7px}.today-button{background:var(--surface);border-color:var(--line);border-radius:7px;box-shadow:0 1px 3px #121b2806;color:var(--ink)}
.view-tabs{gap:7px;padding:0 25px 15px;border-bottom:1px solid var(--line)}.view-tabs button{border:0;border-radius:8px;padding:8px 14px;min-width:62px;color:var(--muted);transition:background-color 180ms ease,color 180ms ease}.view-tabs button:hover{background:var(--soft)}.view-tabs button.active{background:var(--brand-soft);color:#aa3244;border:0;box-shadow:inset 0 0 0 1px #f1586318}
.filters{background:var(--surface);padding-top:17px;padding-bottom:17px}.search-wrap{border-radius:9px}.search-wrap input{background:var(--soft);border-color:transparent}.search-wrap input:focus{background:var(--surface)}.filter-priority[aria-pressed=true]{border-color:#e6cfaa;background:#fff8ee}
.day-title:after{background:var(--line)}.day-title{padding-top:23px;padding-bottom:12px}.event-card{padding:15px;margin-bottom:9px;border:1px solid var(--line);border-radius:11px;transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms var(--ease)}.event-card:hover,.event-card:focus-visible{background:var(--surface);border-color:#e0b2b9;box-shadow:0 4px 15px #2d193c06}.date-tile{border-radius:9px;background:var(--soft);border:1px solid var(--line);color:var(--ink)}.date-tile strong{font-size:21px}.date-tile span{color:var(--muted)}.event-title h3{font-size:14px}.event-chevron svg{transition:transform 180ms var(--ease)}.event-card:hover .event-chevron svg{transform:translateX(2px)}.status-pill{padding:6px 9px;border-radius:6px;font-weight:600}.favorite-toggle{border-radius:8px}.favorite-toggle.is-favorite{background:#fff8eb}.planner-footer{margin-top:20px;background:var(--soft);padding-top:13px;padding-bottom:13px}
.calendar-grid{gap:6px}.calendar-cell{border-radius:8px;padding:8px;transition:border-color 180ms ease,background-color 180ms ease}.calendar-cell.today{background:#fff5f6;border-color:#f0b9c0;box-shadow:inset 0 2px 0 var(--brand)}.calendar-event{border-radius:5px;padding:5px 6px}.calendar-number{border-radius:6px}
.auth-editorial{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#f1586319,transparent 58%),linear-gradient(150deg,#2b2e39,#20232b)}.auth-editorial::after{content:'';position:absolute;width:400px;height:400px;border:1px solid #ffffff08;border-radius:50%;right:-240px;bottom:-150px;box-shadow:0 0 0 55px #ffffff02,0 0 0 110px #ffffff02;pointer-events:none}.auth-editorial h1{font-weight:500;letter-spacing:-.9px!important}.auth-rule{height:3px;width:50px;border-radius:3px}.auth-box{max-width:390px;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 45px #26324807}.auth-box h2{font-size:25px;letter-spacing:-.4px!important}.lock-icon{background:var(--brand-soft);border-color:#f1586326;color:var(--accent);border-radius:12px;width:48px;height:48px}.auth-box .auth-help{margin-bottom:0}.auth-side{background:radial-gradient(ellipse at 50% 45%,#f1586305,transparent 70%),var(--canvas)}
dialog{border-radius:15px;box-shadow:0 22px 90px #151a3540}.dialog-head{padding-top:23px;padding-bottom:20px}.dialog-footer{background:var(--soft)}.dialog-head .eyebrow{color:var(--accent)}.dialog-head h2{font-size:22px}.info-box,.ios-install-hint{border-radius:9px}.toast{border-radius:10px;box-shadow:0 8px 30px #16203426}
dialog[open]{animation:gunce-dialog-in 210ms var(--ease)}dialog[open]::backdrop{animation:gunce-fade-in 180ms ease}#app:not([hidden]) main{animation:gunce-enter 320ms var(--ease)}#auth-screen:not([hidden]) .auth-box{animation:gunce-enter 320ms var(--ease)}.toast:not([hidden]){animation:gunce-toast-in 200ms var(--ease)}.planner.view-enter #planner-content{animation:gunce-enter 220ms var(--ease)}
@keyframes gunce-enter{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes gunce-dialog-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gunce-fade-in{from{opacity:0}to{opacity:1}}@keyframes gunce-toast-in{from{opacity:0;margin-bottom:-6px}to{opacity:1;margin-bottom:0}}@keyframes gunce-spin{to{transform:rotate(360deg)}}
[data-theme="dark"]{--canvas:#181b22;--surface:#242832;--line:#363c49;--soft:#2a2f3b;--brand-soft:#3a2831;--shadow:0 5px 22px #00000012}
[data-theme="dark"] .sidebar{background:linear-gradient(160deg,#222630,#1d2028)}[data-theme="dark"] .primary{background:linear-gradient(120deg,#c94c5c,#b6384b);color:white;box-shadow:0 4px 15px #0000001a}[data-theme="dark"] .primary:hover{background:linear-gradient(120deg,#d15162,#bf4053)}[data-theme="dark"] .view-tabs button.active{color:#ffbbc4;background:var(--brand-soft);box-shadow:inset 0 0 0 1px #f1586323}[data-theme="dark"] .stat-icon{background:color-mix(in srgb,var(--fg) 15%,var(--surface));color:color-mix(in srgb,var(--fg) 65%,white)}[data-theme="dark"] .stat{box-shadow:var(--shadow)}[data-theme="dark"] .planner{box-shadow:0 10px 32px #00000010}[data-theme="dark"] .event-card:hover{background:#292d38;border-color:#76505e}[data-theme="dark"] .favorite-toggle.is-favorite{background:#3d352a}[data-theme="dark"] .calendar-cell.today{background:#352933;border-color:#65404f}[data-theme="dark"] .auth-editorial{background:radial-gradient(ellipse at 0 0,#f1586314,transparent 58%),linear-gradient(150deg,#242832,#1b1e26)}[data-theme="dark"] .auth-side{background:radial-gradient(ellipse at 50% 45%,#f1586305,transparent 70%),var(--canvas)}[data-theme="dark"] .lock-icon{background:var(--brand-soft)}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.event-card:hover{transform:translateY(-1px)}.stat:hover{border-color:#cdd3dd;box-shadow:0 8px 25px #22293d0a}.nav-item:hover{transform:translateX(2px)}}
@media(max-width:1100px){.stat{padding:16px}.stat-icon{width:32px;height:32px;border-radius:9px}.stat-label{font-size:11px}.stats{gap:10px}}
@media(max-width:600px){.page-heading h1{font-size:24px}.page-heading>div{padding-left:12px}.stats{gap:10px}.stat,.stat:last-child,.stat:nth-child(2),.stat:nth-child(-n+2){padding:15px;border:1px solid var(--line);border-radius:11px}.stat-value{font-size:26px}.stat-icon{width:31px;height:31px}.stat-icon svg{width:16px;height:16px}.planner{border-radius:12px}.planner-top{padding:18px 13px 14px;gap:8px}.planner-top h2{font-size:17px}.date-controls{gap:0;padding:2px}.date-controls .icon-button{width:26px}.today-button{padding:5px 8px}.view-tabs{padding:0 13px 13px;gap:4px}.view-tabs button{padding:8px 10px;min-width:0}.event-card{padding:12px 10px;gap:7px 10px}.event-title h3{font-size:13px}.date-tile{width:42px;min-width:42px}.calendar-grid{gap:3px}.calendar-cell{padding:3px;border-radius:5px}.calendar-event{padding:3px;font-size:9px}.auth-side{padding-left:20px;padding-right:20px}.auth-box{padding:24px;max-width:380px}.dialog-head{padding:20px 18px}.dialog-head h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.event-card:hover,.button:hover,.nav-item:hover{transform:none!important}}
@media print{body{background:#fff}.stats{gap:8px}.stat,.planner,.event-card{box-shadow:none;animation:none}.event-card{transform:none}}