:root{color-scheme:dark;--line:#ffffff12;--muted:#9aaba6;--accent:#c5e5da;background:#0d1211;color:#f0f6f4;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body,body.dark-theme{--line:#ffffff12;--muted:#9aaba6;--accent:#c5e5da;background:radial-gradient(ellipse at 80% 0%,#2d3d3977,transparent 48%),radial-gradient(ellipse at 0% 55%,#2a383444,transparent 48%),#0d1211;color:#f0f6f4;min-height:100vh;background-attachment:fixed;-webkit-font-smoothing:antialiased}button,a,input,select{touch-action:manipulation}body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible{outline:2px solid #c5e5da;outline-offset:4px}button{transition:background .2s,transform .2s,box-shadow .2s}button:active{transform:scale(.98)}
.wordmark{font-size:25px;font-weight:650;letter-spacing:-1.3px;color:#f5fbf9;text-decoration:none;white-space:nowrap}.wordmark span{font-size:12px;vertical-align:super;margin-left:3px;color:#afdbcc;letter-spacing:0}
body.dark-theme .sidebar{width:220px;padding:38px 24px;background:#141b19b3;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-color:var(--line)}.workspace{margin:48px 10px 16px;color:#7c918b;font-size:10px}.dark-theme .nav{border-radius:14px;padding:14px 12px;margin:4px 0}body.dark-theme .nav.active{color:#eaf6f2;background:linear-gradient(120deg,#c2e4d923,#ffffff08);box-shadow:inset 0 1px #ffffff15}.nav:hover{background:#ffffff08}.sidebar-bottom{border-top:1px solid var(--line);padding-top:24px}.avatar{background:linear-gradient(145deg,#59746d,#313e3a);color:#e5f4ef;width:38px;height:38px}
body:not(.home-page) main{margin-left:220px;width:calc(100% - 220px);max-width:1500px;padding:52px clamp(24px,4vw,64px);transform:none}.eyebrow{color:#8aa09a;letter-spacing:1.8px;font-size:9px}h1{font-size:38px;font-weight:600;letter-spacing:-1.6px}body.dark-theme .intro{color:#9aaba6;font-size:14px;line-height:1.6}body.dark-theme .demo{color:#889b96;margin:26px 0 20px;font-size:11px}.demo>span:first-child{background:#9dd0bf}.bottom-note{color:#69817a}
body.dark-theme .calendar-shell,body.dark-theme .agenda-row,body.dark-theme .empty,body .card,body .summary{background:linear-gradient(135deg,#ffffff08,#ffffff02),#1c2422d1;border:1px solid var(--line);box-shadow:inset 0 1px #ffffff09,0 18px 60px #00000022;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.calendar-shell{border-radius:24px}.toolbar{padding:26px 26px 20px}.month-controls h2{font-size:21px;font-weight:550}.arrows button{color:#adc4bc;width:32px;height:34px;border-radius:50%}.arrows button:hover{background:#ffffff0c}body.dark-theme .today{background:#ffffff06;border-color:var(--line);color:#bdd0ca;border-radius:20px;padding:9px 13px}body.dark-theme .view-switch,body.dark-theme .mobile-tabs{background:#0a100e66;border:1px solid #ffffff05;border-radius:24px;padding:4px}body.dark-theme .view-switch button{color:#92aaa3;border-radius:20px;padding:9px 14px}body.dark-theme .view-switch .selected,body.dark-theme .mobile-tabs .active{background:linear-gradient(#ffffff19,#ffffff0b);box-shadow:inset 0 1px #ffffff15,0 3px 8px #0003;color:#f3f9f7}
.filters{padding:0 26px 20px;gap:8px}body.dark-theme .filters button{color:#abbfb8;padding:8px 12px;font-size:12px}body.dark-theme .filters .chosen{background:#c6e6db12;border-color:#c6e6db30;color:#e3f2ed}.filters [data-person] .avatar-edit-pencil{color:#88a49c;opacity:.5}.avatar-settings-row{padding:0;border:0}.weekdays{color:#849b94;padding:15px 10px;border-color:var(--line)}body.dark-theme .day{background:transparent;border-color:#ffffff06;min-height:110px;padding:12px 9px;color:#cee1db}body.dark-theme .day.outside{background:#00000012;color:#6b847d}body.dark-theme .day.has-bloggers{background:color-mix(in srgb,var(--day-tint) 9%,transparent)}body.dark-theme .day:hover{background:#ffffff09}body.dark-theme .day.selected{background:#c2e4d910;box-shadow:inset 0 0 0 1px #c4e5da65}.day-number{font-size:12px}.is-today .day-number{background:#cee9e0;color:#1f302b;box-shadow:0 0 18px #b5ded025}.day-dots{justify-content:flex-start;opacity:.8}body.dark-theme .event-mini{background:#ffffff09;color:#c4dbd3;border-radius:6px;font-size:10px;padding:5px 6px}body.dark-theme .event-mini.olesya-event{background:color-mix(in srgb,var(--olesya-color) 13%,transparent);color:var(--olesya-color)}body.dark-theme .event-mini.nastya-event{background:color-mix(in srgb,var(--nastya-color) 13%,transparent);color:var(--nastya-color)}body.dark-theme .event-mini.dasha-event{background:color-mix(in srgb,var(--dasha-color) 13%,transparent);color:var(--dasha-color)}body.dark-theme .calendar-footer{color:#8ca19b;padding:17px 25px}.legend-dot{background:#a8ccc0}
body.dark-theme .page-header .add,body.dark-theme .primary,body.home-page .primary{background:linear-gradient(145deg,#d5ece4,#b2ddcf);color:#22342f;border:1px solid #eef8f560;box-shadow:inset 0 1px #ffffff60,0 4px 20px #8ccbb914;border-radius:24px;font-weight:600}body.dark-theme .page-header .add:hover,body.dark-theme .primary:hover{background:linear-gradient(145deg,#dff1eb,#c2e3d8)}.add-icon{border:0}.agenda{margin-top:34px}.agenda-heading h2{font-size:23px;font-weight:550}.agenda-row{border-radius:18px;padding:20px}.event-main strong{font-size:14px}.event-main small,body.dark-theme .muted,body.dark-theme .form-note,body.dark-theme label,body.dark-theme dt,.person-label{color:#97aea7}.empty{border-radius:18px;color:#9baea9;padding:30px}.empty button{color:#cce8df}
body.dark-theme dialog{background:linear-gradient(140deg,#2a3834f5,#1b2623f5);color:#f1f8f6;border:1px solid #ffffff20;border-radius:26px;box-shadow:inset 0 1px #ffffff12,0 32px 120px #0008;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);padding:28px}body.dark-theme dialog::backdrop{background:#05090888;backdrop-filter:blur(10px)}body.dark-theme .close{background:#ffffff0b;color:#bed6ce;width:36px;height:36px}.form-note{font-size:12px;line-height:1.6}body.dark-theme input,body.dark-theme select,body.home-page input,body.home-page select{background:#0d151366;color:#ebf6f2;border:1px solid #ffffff13;border-radius:12px;padding:13px;font-size:14px}option{background:#1f2c28;color:#ebf6f2}body.dark-theme .day-edit-card,.role-summary,.invite-card{background:#ffffff04;border-color:var(--line);border-radius:16px;color:#bbd6cd}.day-edit-meta,.team-member span,.team-heading span,.approval-row>span{color:#9bb3ac}.secondary,body.dark-theme #panel-add,.demo-action{background:#ffffff09;color:#cae7dd;border:1px solid var(--line);border-radius:12px}.blogger-picks label{border-color:var(--line);color:#bddbd1}.blogger-picks input{accent-color:#c5e5da}.blogger-picks legend{color:#a2bbb4}.toast{background:#e1f2ec;color:#21342f;border-radius:24px;box-shadow:0 10px 40px #0005}.plan-table th{background:#ffffff06;color:#a7c0b8}.plan-table th,.plan-table td{border-color:var(--line)}.plan-table tbody tr:hover{background:#ffffff05}body.dark-theme .list-event{background:transparent;color:#d6e9e3}.list-event span{color:#a4bdb6}
body.home-page{padding:0 28px}.home-page .app{max-width:920px;margin:0 auto;padding:36px 0 28px}.home-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}.workspace-tag{font-size:11px;color:#8fa59f;border:1px solid var(--line);border-radius:20px;padding:9px 14px;background:#ffffff04}.home-intro{padding:64px 0 34px}.home-intro h1{font-size:clamp(38px,6vw,60px);line-height:1.12;letter-spacing:-2.5px;margin:20px 0}.home-intro h1 span{color:#92afa7}.home-page .subtitle{font-size:15px;color:#9ab1ab;line-height:1.6}.home-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-page .card{position:relative;border-radius:22px;padding:28px 54px 28px 26px;font-size:17px;letter-spacing:-.25px;color:#ecf6f3;min-height:116px}.home-page .card::after{content:'↗';position:absolute;right:24px;top:28px;font-size:19px;color:#7fa197}.home-page .card small{color:#97b3ab;font-size:13px;line-height:1.5;margin-top:10px;letter-spacing:0}.home-page .card:hover{background:linear-gradient(135deg,#ffffff0e,#ffffff04),#212e2a;border-color:#ffffff25;transform:translateY(-2px)}.home-page [data-calendar-open]{grid-column:1/-1;grid-row:1;padding:32px 54px 32px 26px;background:linear-gradient(110deg,#b1dcce24,#cae7dd08),#202d29;font-size:21px;min-height:128px}.home-page [data-calendar-open]::after{border:1px solid #ffffff20;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;top:38px;color:#d8ede6}.home-page .status{font-size:11px;color:#6f8881;margin-top:32px}.home-page .screen:not(#home){max-width:520px;margin:55px auto}.home-page .screen h2{font-size:30px;margin:15px 0}.home-page .field span,.home-page .progress{color:#a2bbb4}.home-page .back{color:#cde9e0;cursor:pointer}.home-page .summary{padding:24px;border-radius:20px}.home-page .primary{padding:16px}.home-page .secondary{color:#bfded4;border-color:var(--line)}
@media(max-width:1100px) and (min-width:701px){body.dark-theme .sidebar{width:185px;padding:32px 18px}.wordmark{font-size:22px}body:not(.home-page) main{margin-left:185px;width:calc(100% - 185px);padding:36px 24px}.day .event-mini{font-size:9px}.month-controls{gap:8px}}
@media(max-width:700px){body:not(.home-page) main{margin:0;width:100%;padding:28px 16px 32px}h1{font-size:32px}.page-header{align-items:flex-end}.page-header .eyebrow{font-size:7px;letter-spacing:1px}.header-actions{flex-shrink:0}body.dark-theme .page-header .add{min-width:0;width:44px;height:44px;padding:0;border-radius:50%}.page-header .add .add-label{display:none}.page-header .add .add-icon{display:grid;font-size:25px}.demo-detail{display:none}.demo{margin:20px 0!important}.team-mobile{color:#8da8a1}.team-mobile button{color:#c5e5da}.mobile-tabs{margin-bottom:20px}.mobile-tabs button{color:#94aba5;padding:12px 0;border-radius:22px}.toolbar{padding:20px 14px 16px}.month-controls h2{font-size:18px}.view-switch button{padding:8px 10px!important}.filters{padding:0 8px 16px;gap:0}.filters button{padding:7px 6px!important;font-size:10px!important}.filters [data-person] .avatar-edit-pencil{margin-left:0;width:15px}.days{gap:4px;padding:0 8px 12px}body.dark-theme .day{min-height:64px;padding:5px 1px;border:1px solid #ffffff06!important;border-radius:12px}.day-dots{justify-content:center}.day-number{font-size:13px}.calendar-shell{border-radius:22px}body.dark-theme .calendar-footer{font-size:9px;padding:15px 13px}.agenda-heading h2{font-size:22px}.agenda-row{padding:17px 13px}.home-page .app{padding-top:24px}.home-page .home-intro{padding:44px 0 22px}.home-page .grid{grid-template-columns:1fr;gap:10px}.home-page .card{min-height:98px;padding:24px 45px 24px 22px}.home-page [data-calendar-open]{min-height:122px;padding:28px 58px 28px 22px}.workspace-tag{font-size:9px;padding:8px 10px}.home-page .wordmark{font-size:22px}body.home-page{padding:0 20px}.home-page .home-intro h1{letter-spacing:-1.7px}.team-member{flex-wrap:wrap}.team-member select{max-width:100%}}
@media(prefers-reduced-motion:no-preference){.screen.active{animation:glass-enter .35s ease-out}dialog[open]{animation:glass-enter .25s ease-out}@keyframes glass-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.dark-theme .day.has-bloggers .event-mini:not(.olesya-event):not(.nastya-event):not(.dasha-event){background:#ffffff0c;color:#c4dbd3}
/* Appearance and glass optics shared across both palettes. */
:root{--glass-ease:cubic-bezier(.22,.8,.22,1);--glass-rim:#ffffff25;--glass-highlight:#ffffff1c}
.appearance-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #ffffff21;border-radius:24px;background:linear-gradient(145deg,#ffffff15,#ffffff04);color:#d1e8e0;box-shadow:inset 0 1px #ffffff26,0 4px 18px #00000012;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;font:500 12px -apple-system,BlinkMacSystemFont,sans-serif}.appearance-icon{display:inline-grid;place-items:center;width:20px;height:20px;line-height:1}.appearance-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.appearance-toggle:hover{background:#ffffff18}.appearance-toggle:active{transform:scale(.94)}
.browser-logout{width:44px;height:44px;min-height:44px;padding:0;color:#e1b8b8;border-color:#c98f8f55;border-radius:50%;flex-shrink:0}.browser-logout:hover{color:#ffe1e1;background:#b86c6c22;border-color:#d79a9a88}.browser-logout .appearance-icon{width:20px;height:20px}.browser-logout:disabled{opacity:.55;cursor:wait}
.page-header .header-actions>.appearance-toggle,.page-header .header-actions>.browser-logout{position:fixed;top:max(10px,env(safe-area-inset-top));z-index:30;width:44px;height:44px;padding:0;border-radius:12px}.page-header .header-actions>.appearance-toggle{right:max(64px,calc(env(safe-area-inset-right) + 64px))}.page-header .header-actions>.browser-logout{right:max(12px,env(safe-area-inset-right))}.page-header .header-actions>.appearance-toggle .appearance-label{display:none}
.calendar-shell,body .card,body.dark-theme .agenda-row,body.dark-theme dialog{border-top-color:#ffffff2a;border-left-color:#ffffff18;box-shadow:inset 0 1px 0 #ffffff17,inset 0 -1px 0 #ffffff04,0 18px 50px #00000018;backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%)}
body.dark-theme dialog{background:linear-gradient(135deg,#5f7c7438,transparent 55%),#1c2825e8}dialog[open]{animation:none}dialog::backdrop{transition:opacity .3s,backdrop-filter .3s}
body .liquid-segments{position:relative;isolation:isolate}.liquid-segments::before{content:"";position:absolute;left:0;top:0;width:var(--lens-width,0px);height:var(--lens-height,0px);transform:translate(var(--lens-x,0px),var(--lens-y,0px));border-radius:22px;background:linear-gradient(135deg,#ffffff2c,#ffffff09);border:1px solid #ffffff25;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff0d,0 3px 10px #0002;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:-1;transition:transform .42s var(--glass-ease),width .42s var(--glass-ease),height .42s var(--glass-ease);box-sizing:border-box;pointer-events:none}body.dark-theme .liquid-segments .selected,body.dark-theme .liquid-segments .active,body .liquid-segments .selected,body .liquid-segments .active{background:transparent;box-shadow:none}.liquid-segments button{position:relative;z-index:1}
html[data-theme="light"]{color-scheme:light;background:#eff5f3;color:#2b403a}
html[data-theme="light"] body{--line:#31514814;--muted:#6a857d;--accent:#549e89;color:#2b403a;background:radial-gradient(ellipse at 85% 0%,#cee9e099,transparent 48%),radial-gradient(ellipse at 0% 65%,#dcebe688,transparent 50%),#eff5f3}
html[data-theme="light"] .wordmark{color:#2c453e}html[data-theme="light"] .wordmark span{color:#629f8e}html[data-theme="light"] .appearance-toggle{background:linear-gradient(145deg,#ffffffb3,#ffffff40);border-color:#ffffffd9;color:#4b7468;box-shadow:inset 0 1px #fff,0 4px 18px #3b5f550d}
html[data-theme="light"] .sidebar{width:220px;padding:38px 24px;background:#ffffff66;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-color:var(--line)}html[data-theme="light"] .workspace{color:#77918a}html[data-theme="light"] .nav{border-radius:14px;color:#68847c;padding:14px 12px;margin:4px 0}html[data-theme="light"] .nav.active{background:linear-gradient(120deg,#ffffffd9,#ffffff66);color:#407566;box-shadow:inset 0 1px #fff,0 3px 12px #4a706510}html[data-theme="light"] .avatar{background:linear-gradient(145deg,#c8e7dd,#e8f2ef);color:#4b7468}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .intro,html[data-theme="light"] .demo,html[data-theme="light"] .muted,html[data-theme="light"] .form-note,html[data-theme="light"] label,html[data-theme="light"] dt,html[data-theme="light"] .event-main small,html[data-theme="light"] .person-label{color:#6a857d}
html[data-theme="light"] .calendar-shell,html[data-theme="light"] .agenda-row,html[data-theme="light"] .empty,html[data-theme="light"] .card,html[data-theme="light"] .summary{background:linear-gradient(135deg,#ffffffa6,#ffffff40),#f8fcfb66;border:1px solid #ffffffd9;box-shadow:inset 0 1px #fff,inset 0 -1px #ffffff80,0 16px 44px #4671650c;color:#2b4840;backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%)}
html[data-theme="light"] .view-switch,html[data-theme="light"] .mobile-tabs{background:#b4cfc61f;border:1px solid #ffffff66;border-radius:24px;padding:4px}html[data-theme="light"] .view-switch button{border-radius:20px;padding:9px 14px;color:#6a857d}html[data-theme="light"] .liquid-segments::before{background:linear-gradient(135deg,#fffffff2,#ffffff73);border-color:#fff;box-shadow:inset 0 1px #fff,0 3px 10px #3f6b5f14}html[data-theme="light"] .liquid-segments .selected,html[data-theme="light"] .liquid-segments .active{color:#386e5e}
html[data-theme="light"] .today{background:#ffffff66;border-color:#fff;color:#5d7f75;border-radius:20px;padding:9px 13px}html[data-theme="light"] .filters button{color:#66867d;padding:8px 12px;font-size:12px}html[data-theme="light"] .filters .chosen{background:#ffffffa6;border-color:#fff;color:#407666}html[data-theme="light"] .weekdays{color:#78918a}html[data-theme="light"] .day{background:#ffffff0d;border-color:#3b5f550a;color:#3b5b52;min-height:110px;padding:12px 9px}html[data-theme="light"] .day.outside{background:#99b9b009;color:#97aea7}html[data-theme="light"] .day.has-bloggers{background:color-mix(in srgb,var(--day-tint) 35%,transparent)}html[data-theme="light"] .day:hover{background:#ffffff80}html[data-theme="light"] .day.selected{background:#c6e5db33;box-shadow:inset 0 0 0 1px #8ac0b1}html[data-theme="light"] .is-today .day-number{background:#6ca998;color:#fff}html[data-theme="light"] .day .event-mini{background:#ffffff73;color:#4b7065}html[data-theme="light"] .calendar-footer{color:#78938b}
html[data-theme="light"] .primary,html[data-theme="light"] .page-header .add{background:linear-gradient(145deg,#7fbbaa,#62a491);color:#fff;border:1px solid #ffffff66;box-shadow:inset 0 1px #ffffff66,0 5px 18px #62a49126;border-radius:24px}html[data-theme="light"] .empty{color:#6f8b83}html[data-theme="light"] .empty button{color:#569c88}html[data-theme="light"] .bottom-note{color:#819a93}
html[data-theme="light"] dialog{background:linear-gradient(135deg,#fffffff2,#f1f8f6e6);color:#2d4941;border-color:#fff;box-shadow:inset 0 1px #fff,0 30px 100px #305c5033;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-radius:26px;padding:28px}html[data-theme="light"] dialog::backdrop{background:#2f574c26;backdrop-filter:blur(9px)}html[data-theme="light"] .close{background:#6393850d;color:#60867b}html[data-theme="light"] input,html[data-theme="light"] select{background:#ffffff80;border:1px solid #51756b21;color:#305047;border-radius:12px;padding:13px;font-size:14px}html[data-theme="light"] option{background:#f6faf9;color:#305047}html[data-theme="light"] .day-edit-card,html[data-theme="light"] .role-summary,html[data-theme="light"] .invite-card{background:#ffffff66;border-color:var(--line);color:#63857b}html[data-theme="light"] .secondary,html[data-theme="light"] #panel-add,html[data-theme="light"] .demo-action{background:#ffffff73;color:#548e7e;border:1px solid #ffffffd9}html[data-theme="light"] .day-edit-meta,html[data-theme="light"] .team-member span,html[data-theme="light"] .team-heading span,html[data-theme="light"] .approval-row>span,html[data-theme="light"] .blogger-picks label,html[data-theme="light"] .blogger-picks legend{color:#6a857d}
html[data-theme="light"] .plan-table th{background:#78ad9e0a;color:#64887e}html[data-theme="light"] .plan-table tbody tr:hover{background:#ffffff66}html[data-theme="light"] .list-event{background:transparent;color:#3a5950}html[data-theme="light"] .home-intro h1 span{color:#84a59c}html[data-theme="light"] .home-page .subtitle,html[data-theme="light"] .home-page .card small{color:#6c8b82}html[data-theme="light"] .home-page [data-calendar-open]{background:linear-gradient(115deg,#def0eaa6,#ffffff99);border-color:#fff}html[data-theme="light"] .home-page .card::after{color:#6ea494;border-color:#9bc8bb44}html[data-theme="light"] .home-page .status{color:#77938b}html[data-theme="light"] .home-page .back{color:#5b9d8a}html[data-theme="light"] .home-page .field span,html[data-theme="light"] .home-page .progress{color:#6c8b82}
@media(max-width:1100px) and (min-width:701px){html[data-theme="light"] .sidebar{width:185px;padding:32px 18px}}
@media(max-width:700px){.header-actions{gap:8px}.appearance-toggle{width:44px;height:44px;padding:0;flex-shrink:0}.appearance-icon{width:19px;height:19px}.appearance-label{display:none}html[data-theme="light"] .page-header .add{min-width:0;width:44px;height:44px;padding:0;border-radius:50%}html[data-theme="light"] .day{min-height:64px;padding:5px 1px;border:1px solid #466c6110!important;border-radius:12px}html[data-theme="light"] .filters button{padding:7px 6px;font-size:10px}html[data-theme="light"] .team-mobile button{color:#538d7d}html[data-theme="light"] .mobile-tabs button{color:#698e84}html[data-theme="light"] .mobile-tabs .active{color:#396f5f}.home-page .appearance-toggle{width:40px;height:40px;min-height:40px}}

/* Guided browser-demo tour */
.demo-tour-button{margin-left:auto;border:1px solid #92aa9d66;border-radius:999px;background:transparent;color:inherit;padding:6px 11px;font-size:11px}.demo-tour-button:hover{background:#eef4f0;color:#365d4d}.demo-tour-highlight{position:relative!important;z-index:10002!important;border-radius:12px;box-shadow:0 0 0 4px #b8ead7,0 0 0 9999px rgba(7,16,14,.72),0 12px 36px rgba(0,0,0,.28)!important;isolation:isolate}.demo-tour-card{position:fixed;z-index:10003;width:min(360px,calc(100vw - 28px));padding:22px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:#fff;color:#203029;box-shadow:0 20px 70px rgba(0,0,0,.34)}.demo-tour-card h2{margin:7px 0 9px;font-size:21px}.demo-tour-card p{margin:0;color:#66756f;font-size:14px;line-height:1.5}.demo-tour-progress{color:#648477;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.demo-tour-actions{display:flex;align-items:center;gap:9px;margin-top:20px}.demo-tour-actions button{border:0;border-radius:11px;padding:10px 14px;font-size:13px}.demo-tour-next{margin-left:auto;background:#365f50;color:#fff}.demo-tour-back{background:#edf3f0;color:#365f50}.demo-tour-skip{background:transparent;color:#7a8882;padding-left:0!important}.demo-tour-card:focus{outline:none}@media(max-width:700px){.demo-tour-button{margin-left:4px}.demo-tour-card{left:14px!important;right:14px!important;bottom:max(14px,env(safe-area-inset-bottom))!important;top:auto!important;width:auto}.demo-tour-highlight{box-shadow:0 0 0 3px #b8ead7,0 0 0 9999px rgba(7,16,14,.72),0 10px 28px rgba(0,0,0,.25)!important}}@media(prefers-reduced-motion:no-preference){.demo-tour-card{animation:demo-tour-in .22s ease-out}@keyframes demo-tour-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
.demo-tour-checklist{display:grid;gap:7px;margin:17px 0 0;padding:14px 0 0;border-top:1px solid #dce7e1;list-style:none}.demo-tour-checklist li{display:flex;align-items:center;gap:9px;color:#83918b;font-size:11px}.demo-tour-checklist li span{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;border:1px solid #cad8d1;border-radius:7px;background:#f5f8f6;font-size:9px}.demo-tour-checklist .is-current{color:#365f50;font-weight:700}.demo-tour-checklist .is-current span{border-color:#77ab96;background:#e4f2eb}.demo-tour-checklist .is-done{color:#5d8173}.demo-tour-checklist .is-done span{border-color:#8bb8a6;background:#ddefe7;color:#35634f}.demo-tour-next:disabled{opacity:.48;cursor:default}.demo-tour-complete{left:50%;top:50%;width:min(440px,calc(100vw - 28px));transform:translate(-50%,-50%)}.demo-tour-complete-actions{display:grid;gap:9px;margin-top:22px}.demo-tour-login,.demo-tour-continue{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:13px;text-decoration:none;font-size:13px;font-weight:650}.demo-tour-login{background:#365f50;color:#fff}.demo-tour-continue{border:1px solid #d4e0da;background:#edf3f0;color:#365f50}.team-join-row{display:flex;gap:8px;margin:8px 0 16px}.team-join-row input{min-width:0}.team-join-row button{flex:0 0 auto;border:1px solid var(--line);border-radius:12px;background:rgba(142,190,169,.12);color:inherit;padding:0 12px}.team-create-divider{display:block;margin:12px 0;color:var(--muted);font-size:11px;text-align:center}.team-create-form>.form-note:first-child{margin-bottom:8px}@media(max-width:700px){.demo-tour-complete{top:auto;transform:none}.team-join-row{display:grid}.team-join-row button{min-height:42px}}
@media(prefers-reduced-motion:reduce){.liquid-segments::before{transition:none!important}}

/* Keep the initial mobile header below the iOS top glass/safe area.
   This space scrolls with the page, so content enters the glass only on scroll. */
@media(max-width:700px){
  body:not(.home-page) main{
    padding-top:calc(env(safe-area-inset-top,0px) + 52px);
  }
  .page-header .header-actions>.appearance-toggle,
  .page-header .header-actions>.browser-logout{
    top:calc(env(safe-area-inset-top,0px) + 24px);
  }
}
/* Logo palette: restrained mint, jade and a small warm green highlight. */
body,body.dark-theme{background:radial-gradient(ellipse at 85% 0%,#426b5d30,transparent 48%),radial-gradient(ellipse at 0% 65%,#65724a12,transparent 50%),#0d1210}
html[data-theme="light"] body{background:radial-gradient(ellipse at 85% 0%,#b8dcd04d,transparent 48%),radial-gradient(ellipse at 0% 65%,#dce8c93d,transparent 50%),#eff3ef}
body.dark-theme .primary,body.dark-theme .page-header .add,body.home-page.dark-theme .primary{background:linear-gradient(135deg,#bbd9ad,#8ac7b3);color:#173c2f;border-color:#d9eee266}
body.dark-theme .primary:hover,body.dark-theme .page-header .add:hover{background:linear-gradient(135deg,#c6e0ba,#9cd2bf)}
html[data-theme="light"] .primary,html[data-theme="light"] .page-header .add{background:linear-gradient(135deg,#487b60,#367c70);color:#fff;border-color:#ffffff66}
html[data-theme="light"] .primary:hover,html[data-theme="light"] .page-header .add:hover{background:linear-gradient(135deg,#3c6f54,#2e6f64)}
body.dark-theme .wordmark span{color:#9cc7ad}html[data-theme="light"] .wordmark span{color:#487c63}
/* Quiet spatial background: three silhouettes, each on its own focal plane. */
body{isolation:isolate}.depth-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;--depth-near:0px;--depth-far:0px;--depth-scale:1;--depth-fade:1;opacity:var(--depth-fade)}
.depth-shape{position:absolute;display:block;pointer-events:none;transform-origin:center}
.depth-orb{width:clamp(300px,42vw,650px);aspect-ratio:1;right:-9%;top:-16%;border-radius:50%;background:radial-gradient(circle at 32% 30%,#aac89724,#568f7910 65%,#477e6905);box-shadow:inset 0 0 70px #a5c8b20b;filter:blur(38px);transform:translateY(var(--depth-far)) scale(var(--depth-scale))}
.depth-frame{width:clamp(280px,31vw,460px);aspect-ratio:1;left:-13%;top:36%;border:32px solid #7fb39c0d;border-radius:27%;filter:blur(7px);transform:translateY(var(--depth-near)) rotate(-26deg);box-shadow:inset 0 0 32px #90b69f05,0 0 30px #7fac9b05}
.depth-plane{width:clamp(330px,40vw,560px);aspect-ratio:1.5;right:-8%;bottom:-17%;border-radius:26%;background:linear-gradient(135deg,#82aa940e,#8aaa6417);filter:blur(19px);transform:translateY(var(--depth-near)) rotate(27deg) scale(var(--depth-scale))}
html[data-theme="light"] .depth-orb{background:radial-gradient(circle at 32% 30%,#a6c8a14d,#8cbca72b 65%,#8cbca708);box-shadow:inset 0 0 70px #ffffff66}
html[data-theme="light"] .depth-frame{border-color:#699f8712;box-shadow:inset 0 0 32px #ffffff4d,0 0 30px #84ab9910}
html[data-theme="light"] .depth-plane{background:linear-gradient(135deg,#8ab8a323,#b4c99230)}
@media(max-width:700px){.depth-orb{right:-40%;top:-7%;filter:blur(30px)}.depth-frame{left:-49%;top:35%;border-width:24px;filter:blur(6px)}.depth-plane{right:-45%;bottom:-9%;filter:blur(22px)}}
@media(prefers-reduced-motion:reduce){.depth-backdrop{--depth-near:0px!important;--depth-far:0px!important;--depth-scale:1!important;opacity:1}}
.wordmark{display:inline-flex;align-items:center;gap:10px}.wordmark .brand-name{font-size:inherit;vertical-align:baseline;letter-spacing:inherit;color:inherit;margin:0}.wordmark .brand-motion{position:relative;display:block;flex-shrink:0;width:52px;height:52px;margin:0;border-radius:17px;overflow:hidden;background:#e4e8e5;box-shadow:inset 0 1px #ffffff66,0 4px 16px #0000000a}.brand-motion img,.brand-motion video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.brand-motion video{visibility:hidden}.brand-motion.playing img{visibility:hidden}.brand-motion.playing video{visibility:visible}.sidebar .wordmark{gap:8px;font-size:20px}.sidebar .wordmark .brand-motion{width:40px;height:40px;border-radius:13px}.sidebar .wordmark .brand-name>span{font-size:10px}
@media(max-width:1100px) and (min-width:701px){.sidebar .wordmark{font-size:17px;gap:6px}.sidebar .wordmark .brand-motion{width:34px;height:34px;border-radius:11px}}
@media(max-width:700px){.wordmark .brand-motion{width:44px;height:44px;border-radius:14px}.home-page .wordmark{font-size:20px;gap:8px}}
@media(prefers-reduced-motion:reduce){.brand-motion video{display:none}.brand-motion.playing img{visibility:visible}}

/* Team management destructive action */
.team-member .team-member-remove{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:36px;
  padding:8px 12px;
  border:1px solid color-mix(in srgb,#c85e58 22%,transparent);
  border-radius:12px;
  background:color-mix(in srgb,#c85e58 7%,transparent);
  color:#b6534e;
  font-size:11px;
  font-weight:650;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 #ffffff80,0 2px 8px #6f2f2a08;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  transform:translateZ(0);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;
}
.team-member .team-member-remove::before{
  content:'−';
  display:grid;
  place-items:center;
  width:17px;
  height:17px;
  border-radius:50%;
  background:color-mix(in srgb,#c85e58 12%,transparent);
  font-size:15px;
  font-weight:500;
  line-height:1;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s ease;
}
.team-member .team-member-remove:active{
  transform:scale(.965);
  box-shadow:inset 0 1px 3px #7f28251a;
}
.team-member .team-member-remove:disabled{opacity:.46;cursor:default;transform:none}
body.dark-theme .team-member .team-member-remove{
  border-color:#e9827a2e;
  background:#e9827a0d;
  color:#efaaa4;
  box-shadow:inset 0 1px 0 #ffffff0a,0 5px 16px #00000014;
}

/* Active team member is a distinct card, not a suffix in the name. */
.team-member.is-current{margin:8px -12px;padding:15px 12px;border:1px solid rgba(130,190,170,.28);border-radius:15px;background:linear-gradient(135deg,rgba(147,207,186,.14),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(27,66,53,.08)}.team-member-identity{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}.team-current-badge{display:inline-flex!important;align-items:center;min-height:22px;padding:3px 8px;border:1px solid rgba(131,199,176,.36);border-radius:999px;background:rgba(155,220,197,.16);color:#bde8d9!important;font-size:9px!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.team-member.is-current::before{content:'';width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#93cfba;box-shadow:0 0 0 4px rgba(147,207,186,.12),0 0 14px rgba(147,207,186,.45)}html[data-theme="light"] .team-member.is-current{border-color:rgba(77,139,119,.2);background:linear-gradient(135deg,rgba(192,229,216,.52),rgba(255,255,255,.58));box-shadow:inset 0 1px #fff,0 8px 24px rgba(49,102,85,.08)}html[data-theme="light"] .team-current-badge{border-color:rgba(74,143,120,.24);background:rgba(91,161,138,.1);color:#457b69!important}

/* Theme is a secondary action beside onboarding on desktop and mobile. */
.demo{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.demo .appearance-toggle{width:auto;height:auto;min-height:0;padding:6px 11px;border:1px solid #92aa9d66;border-radius:999px;background:transparent;color:inherit;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:11px}.demo .appearance-toggle:hover,.demo .appearance-toggle:focus-visible{background:#eef4f0;color:#365d4d}.demo .appearance-icon{font-size:13px}.demo .appearance-label{display:inline;margin:0;font-size:11px;white-space:nowrap}html[data-theme="light"] .demo .appearance-toggle{background:transparent;border-color:#92aa9d66;color:inherit;box-shadow:none}html[data-theme="light"] .demo .appearance-toggle:hover,html[data-theme="light"] .demo .appearance-toggle:focus-visible{background:#eef4f0;color:#365d4d}@media(max-width:700px){.team-member.is-current{margin:7px 0;padding:14px 12px}.team-member.is-current::before{display:none}.team-member-identity{width:100%}.demo .appearance-toggle{display:inline-flex;width:auto;height:auto;min-height:0;flex-shrink:0}}
@media(hover:hover) and (pointer:fine){
  .team-member .team-member-remove:hover:not(:disabled){
    border-color:color-mix(in srgb,#c85e58 38%,transparent);
    background:color-mix(in srgb,#c85e58 12%,transparent);
    color:#a74440;
    box-shadow:inset 0 1px 0 #ffffffa8,0 8px 20px #843b3515;
    transform:translateY(-1px) scale(1.015);
  }
  .team-member .team-member-remove:hover:not(:disabled)::before{
    background:color-mix(in srgb,#c85e58 18%,transparent);
    transform:rotate(-8deg) scale(1.06);
  }
  body.dark-theme .team-member .team-member-remove:hover:not(:disabled){
    border-color:#ef958a50;
    background:#e9827a18;
    color:#ffc0ba;
    box-shadow:inset 0 1px 0 #ffffff10,0 10px 24px #0003;
  }
}
@media(max-width:700px){
  .team-member .team-member-remove{width:auto;min-width:104px;margin:2px 0 0 auto;min-height:40px}
}
@media(prefers-reduced-motion:reduce){
  .team-member .team-member-remove,.team-member .team-member-remove::before{transition:none!important;transform:none!important}
}
.wordmark .brand-motion{background:transparent;box-shadow:none;overflow:visible;border-radius:0}.brand-motion img,.brand-motion video{border-radius:0}

/* Light-theme interaction states stay within the mint glass palette. */
html[data-theme="light"] .home-page .card:hover,
html[data-theme="light"] .home-page .card:focus-visible {
  background:linear-gradient(135deg,#f8fffc,#e0eee6);
  border-color:#a9cbbd;
  color:#2b4840;
  box-shadow:inset 0 1px #fff,0 10px 28px #46716514;
}
html[data-theme="light"] .home-page .card:hover small,
html[data-theme="light"] .home-page .card:focus-visible small {color:#506f63}
html[data-theme="light"] .nav:hover {background:#deece380;color:#365f50}
html[data-theme="light"] .nav.active {
  background:linear-gradient(120deg,#dceee3,#edf6f0);
  color:#315e4b;
  box-shadow:inset 0 0 0 1px #accdbc,inset 0 1px #fff,0 3px 12px #4a706510;
}
html[data-theme="light"] .liquid-segments::before {
  background:linear-gradient(135deg,#f7fcf9,#dceee3);
  border-color:#b6d2c3;
  box-shadow:inset 0 1px #fff,0 3px 10px #3f6b5f14;
}
html[data-theme="light"] .liquid-segments .selected,
html[data-theme="light"] .liquid-segments .active {color:#315e4b;font-weight:600}
html[data-theme="light"] .filters .chosen {background:#e1efe6;border-color:#aecdbd;color:#315e4b}
html[data-theme="light"] body :is(button,a,input,select):focus-visible {outline-color:#487c63}

/* ===== Mediaplan24 Profile · Liquid Glass ===== */

.sidebar-profile-button{
  position:relative;
  margin-left:-10px;
  margin-right:-10px;
  padding:10px;
  border:1px solid transparent;
  border-radius:18px;
  cursor:pointer;
  user-select:none;
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

.sidebar-profile-button::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.13),
      rgba(255,255,255,.025) 42%,
      rgba(173,222,207,.07)
    );
  transition:opacity .3s ease;
}

.sidebar-profile-button:hover{
  transform:translateY(-2px) scale(1.015);
  background:rgba(255,255,255,.055);
  border-color:rgba(220,245,237,.10);
  box-shadow:
    0 12px 32px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.sidebar-profile-button:hover:before{
  opacity:1;
}

.sidebar-profile-button:active{
  transform:translateY(0) scale(.985);
  transition-duration:.12s;
}

.sidebar-profile-copy{
  flex:1;
  min-width:0;
}

.sidebar-profile-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  font-weight:650;
  color:inherit;
}

.sidebar-profile-copy small{
  margin-top:2px;
}

.sidebar-profile-chevron{
  margin-left:auto;
  padding-right:2px;
  font-size:22px;
  font-weight:300;
  opacity:.35;
  transform:translateX(0);
  transition:
    transform .3s cubic-bezier(.2,.8,.2,1),
    opacity .3s ease;
}

.sidebar-profile-button:hover .sidebar-profile-chevron{
  opacity:.75;
  transform:translateX(3px);
}

.sidebar-profile-avatar{
  flex:0 0 auto;
  font-size:18px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 6px 18px rgba(0,0,0,.12);
}


/* Profile sheet */

#avatar-editor.profile-sheet{
  width:min(470px,calc(100vw - 32px));
  padding:26px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(145deg,rgba(31,43,39,.90),rgba(18,25,23,.82));
  color:#edf7f3;
  box-shadow:
    0 32px 90px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(38px) saturate(150%);
  -webkit-backdrop-filter:blur(38px) saturate(150%);
}

#avatar-editor.profile-sheet::backdrop{
  background:rgba(4,10,8,.35);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

#avatar-editor.profile-sheet[open]{
  animation:profileGlassIn .42s cubic-bezier(.16,1,.3,1);
}

@keyframes profileGlassIn{
  from{
    opacity:0;
    transform:translateY(18px) scale(.94);
    filter:blur(5px);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}

.profile-preview{
  position:relative;
  display:flex;
  align-items:center;
  gap:15px;
  margin:22px 0;
  padding:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:rgba(255,255,255,.055);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 30px rgba(0,0,0,.08);
}

.profile-preview::after{
  content:"";
  position:absolute;
  width:180px;
  height:70px;
  top:-50px;
  left:15%;
  border-radius:50%;
  background:rgba(220,255,244,.12);
  filter:blur(25px);
  pointer-events:none;
}

.profile-preview-avatar{
  position:relative;
  z-index:1;
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  border-radius:19px;
  font-size:29px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    0 8px 22px rgba(0,0,0,.15);
  transition:
    background .35s ease,
    transform .35s cubic-bezier(.2,.8,.2,1);
}

.profile-preview-copy{
  position:relative;
  z-index:1;
  min-width:0;
}

.profile-preview-copy strong{
  display:block;
  font-size:17px;
  font-weight:650;
  letter-spacing:-.25px;
}

.profile-preview-copy span{
  display:block;
  margin-top:4px;
  color:#91aaa2;
  font-size:11px;
}

.profile-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-bottom:18px;
}

.profile-field{
  margin:0!important;
  color:#8fa69f;
  font-size:10px;
  letter-spacing:.02em;
}

.profile-field input,
.profile-field select,
.profile-role-value{
  width:100%;
  height:45px;
  margin-top:7px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  outline:none;
  background:rgba(255,255,255,.055);
  color:#e9f4f0;
  transition:
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

.profile-field input:focus,
.profile-field select:focus{
  border-color:rgba(174,222,207,.36);
  background:rgba(255,255,255,.085);
  box-shadow:
    0 0 0 3px rgba(135,191,173,.08),
    inset 0 1px rgba(255,255,255,.05);
}

.profile-role-value{
  display:flex;
  align-items:center;
  color:#94aaa3;
  cursor:default;
}

.profile-emoji-select{
  font-size:20px;
}

#avatar-editor.profile-sheet .primary{
  width:100%;
  min-height:47px;
  border-radius:15px;
}

@media(max-width:700px){
  #avatar-editor.profile-sheet{
    width:calc(100vw - 16px);
    max-width:none;
    margin:auto 8px 8px;
    padding:22px 18px;
    border-radius:28px;
  }

  #avatar-editor.profile-sheet[open]{
    animation:profileGlassMobileIn .48s cubic-bezier(.16,1,.3,1);
  }

  @keyframes profileGlassMobileIn{
    from{
      opacity:0;
      transform:translateY(55px) scale(.97);
    }
    to{
      opacity:1;
      transform:translateY(0) scale(1);
    }
  }

  .profile-form-grid{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .sidebar-profile-button,
  .sidebar-profile-chevron,
  #avatar-editor.profile-sheet[open]{
    animation:none;
    transition:none;
  }
}
/* ===== Mediaplan24 Sidebar · Liquid Glass Hover ===== */

.sidebar .nav,
.sidebar nav a,
.sidebar nav button{
  position:relative;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:16px;
  transform:translateY(0) scale(1);
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

/* Стеклянный блик */
.sidebar .nav::before,
.sidebar nav a::before,
.sidebar nav button::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.13),
      rgba(255,255,255,.025) 42%,
      rgba(173,222,207,.07)
    );
  transition:opacity .3s ease;
}

/* Та же реакция, что у блока пользователя */
.sidebar .nav:hover,
.sidebar nav a:hover,
.sidebar nav button:hover{
  transform:translateY(-2px) scale(1.015);
  background:rgba(255,255,255,.055);
  border-color:rgba(220,245,237,.10);
  box-shadow:
    0 12px 32px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.sidebar .nav:hover::before,
.sidebar nav a:hover::before,
.sidebar nav button:hover::before{
  opacity:1;
}

/* Лёгкое физическое нажатие */
.sidebar .nav:active,
.sidebar nav a:active,
.sidebar nav button:active{
  transform:translateY(0) scale(.985);
  transition-duration:.12s;
}

/* Убираем стандартный синий focus */
.sidebar .nav:focus-visible,
.sidebar nav a:focus-visible,
.sidebar nav button:focus-visible{
  outline:none;
  border-color:rgba(143,183,160,.38);
  box-shadow:
    0 0 0 3px rgba(143,183,160,.10),
    0 12px 32px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.08);
}

@media(prefers-reduced-motion:reduce){
  .sidebar .nav,
  .sidebar nav a,
  .sidebar nav button{
    transition:none;
  }
}
/* Mediaplan24 selection & focus */
::selection{
  background:rgba(143,183,160,.32);
  color:inherit;
}

::-moz-selection{
  background:rgba(143,183,160,.32);
  color:inherit;
}

.sidebar-profile-button:focus,
.sidebar-profile-button:focus-visible{
  outline:none;
  border-color:rgba(143,183,160,.38);
  background:rgba(143,183,160,.09);
  box-shadow:
    0 0 0 3px rgba(143,183,160,.10),
    0 12px 32px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.08);
}

#avatar-editor.profile-sheet input:focus,
#avatar-editor.profile-sheet select:focus{
  outline:none;
  border-color:rgba(143,183,160,.45);
  box-shadow:0 0 0 3px rgba(143,183,160,.10);
}
/* Главная · Быстрая запись */
.home-page .quick-entry{
  background:linear-gradient(135deg,#487b60,#367c70);
  color:#fff;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:
    inset 0 1px rgba(255,255,255,.20),
    0 8px 24px rgba(25,61,49,.18);
}

.home-page .quick-entry small{
  color:rgba(255,255,255,.68);
}

.home-page .quick-entry:hover{
  transform:translateY(-2px) scale(1.01);
  box-shadow:
    inset 0 1px rgba(255,255,255,.24),
    0 14px 32px rgba(25,61,49,.24);
}
/* Calendar date interaction — Liquid Glass motion only */
@media (prefers-reduced-motion: no-preference) {
  .day {
    isolation: isolate;
    overflow: hidden;
    transform: translateZ(0);
    will-change: transform, box-shadow, background-color;
    transition:
      transform .42s cubic-bezier(.2,.8,.2,1),
      box-shadow .42s cubic-bezier(.2,.8,.2,1),
      background-color .32s ease,
      border-color .32s ease,
      filter .32s ease;
  }

  .day::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    background:
      radial-gradient(
        120% 90% at 20% 0%,
        rgba(255,255,255,.16) 0%,
        rgba(255,255,255,.055) 38%,
        transparent 72%
      );
    transform: translate3d(0, 6px, 0) scale(.985);
    transition:
      opacity .32s ease,
      transform .48s cubic-bezier(.16,1,.3,1);
  }

  @media (hover:hover) and (pointer:fine) {
    .day:hover {
      transform: translate3d(0,-2px,0) scale(1.012);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(255,255,255,.025),
        0 8px 24px rgba(0,0,0,.10);
      z-index: 2;
    }

    .day:hover::after {
      opacity: 1;
      transform: translate3d(0,0,0) scale(1);
    }
  }

  .day:active {
    transform: translate3d(0,0,0) scale(.975);
    transition-duration: .11s;
  }

  .day.selected {
    transition:
      transform .38s cubic-bezier(.16,1,.3,1),
      box-shadow .45s cubic-bezier(.16,1,.3,1),
      background-color .35s ease,
      border-color .35s ease;
  }

  .day-number,
  .day-dots,
  .event-mini {
    transition:
      transform .38s cubic-bezier(.16,1,.3,1),
      opacity .3s ease;
  }

  @media (hover:hover) and (pointer:fine) {
    .day:hover .day-number,
    .day:hover .day-dots,
    .day:hover .event-mini {
      transform: translate3d(0,-1px,0);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .day,
  .day::after,
  .day-number,
  .day-dots,
  .event-mini {
    transition: none !important;
    transform: none !important;
  }
}

/* Calendar cells: a real vertical list instead of overlapping event chips. */
.day{min-height:142px;gap:0;overflow:hidden;align-items:stretch}.day-head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:25px;flex:0 0 auto}.day-head .day-number{margin:0}.day-events{display:flex;flex:1 1 auto;min-width:0;width:100%;flex-direction:column;gap:4px;margin-top:6px}.day-events:empty{display:none}.day .event-mini{display:block;flex:0 0 auto;width:100%;min-width:0;padding:5px 7px;border:1px solid rgba(74,105,94,.08);border-radius:7px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 2px 0 color-mix(in srgb,currentColor 35%,transparent)}.event-more{display:block;width:100%;padding:2px 7px;color:#72877f;font-size:9px;font-weight:650;line-height:1.25;text-align:left}.day .day-head .day-dots{display:flex;flex:0 0 auto;height:22px;min-height:22px;margin:0;gap:1px;align-items:center;justify-content:flex-end}.day .day-head .day-dots .blogger-avatar{display:inline-flex;width:18px;height:20px;margin:0;font-size:13px;filter:drop-shadow(0 2px 4px rgba(44,72,62,.12))}.day.has-multiple-events{background-image:linear-gradient(145deg,rgba(255,255,255,.1),color-mix(in srgb,var(--day-tint) 8%,transparent))}body.dark-theme .event-more{color:#8fa79f}

@media(prefers-reduced-motion:no-preference){.day-events .event-mini,.day-events .event-more{animation:calendar-event-in .32s cubic-bezier(.2,.75,.2,1) both}.day-events :nth-child(2){animation-delay:.035s}.day-events :nth-child(3){animation-delay:.07s}@keyframes calendar-event-in{from{opacity:0;transform:translate3d(0,5px,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}}

@media(max-width:700px){.day{min-height:64px;overflow:visible;align-items:center;justify-content:center}.day-head{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:44px}.day-events{display:none}.day .day-head .day-dots{height:17px;min-height:17px;margin-top:1px;justify-content:center}.day .day-head .day-dots .blogger-avatar{width:13px;height:17px;font-size:11px}}

@media(prefers-reduced-motion:reduce){.day-events .event-mini,.day-events .event-more{animation:none!important}}

/* Training control: book and graduation cap, readable as an action at a glance. */
.demo-tour-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px}
.demo-tour-icon{display:inline-grid;place-items:center;width:22px;height:22px;transition:transform .32s cubic-bezier(.2,.75,.2,1)}
.demo-tour-icon svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.demo-tour-icon .tour-cap{fill:color-mix(in srgb,currentColor 16%,transparent)}
.demo-tour-icon .tour-book{fill:color-mix(in srgb,currentColor 8%,transparent)}
.demo-tour-icon .tour-tassel-dot{fill:currentColor;stroke:none}
.demo-tour-button:hover .demo-tour-icon{transform:translateY(-1px) rotate(-2deg) scale(1.04)}
@media(max-width:700px){.demo-tour-button{width:auto;height:34px;padding:6px 10px;gap:6px}.demo-tour-label{font-size:10px;font-weight:700}.demo-tour-icon{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.demo-tour-icon{transition:none}.demo-tour-button:hover .demo-tour-icon{transform:none}}

@media(min-width:701px){
  .sidebar .wordmark .brand-name{display:none}
  .sidebar .wordmark{width:100%;justify-content:center;gap:0}
  .sidebar .wordmark .brand-motion{width:88px;height:88px;border-radius:0}
}

/* Profile follows the device's locally selected application theme. */
#avatar-editor.profile-sheet{
  --profile-text:#edf7f3;
  --profile-muted:#a9c0b7;
  --profile-field:rgba(255,255,255,.055);
  --profile-border:rgba(255,255,255,.12);
  --profile-focus:rgba(174,222,207,.45);
  color:var(--profile-text);
}
html[data-theme="light"] #avatar-editor.profile-sheet{
  --profile-text:#2c433b;
  --profile-muted:#607d70;
  --profile-field:rgba(255,255,255,.72);
  --profile-border:rgba(113,151,132,.25);
  --profile-focus:#86aa98;
  background:linear-gradient(145deg,rgba(248,252,249,.96),rgba(229,241,234,.94));
  border-color:rgba(255,255,255,.9);
  box-shadow:0 24px 70px rgba(44,77,61,.18),inset 0 1px 0 #fff;
}
html[data-theme="light"] #avatar-editor.profile-sheet::backdrop{background:rgba(57,83,70,.16)}
#avatar-editor.profile-sheet .profile-preview{
  background:var(--profile-field);border-color:var(--profile-border);
}
#avatar-editor.profile-sheet .profile-preview-copy strong,
#avatar-editor.profile-sheet h2,#avatar-editor.profile-sheet .close{color:var(--profile-text)}
#avatar-editor.profile-sheet .profile-preview-copy span,
#avatar-editor.profile-sheet .profile-field,
#avatar-editor.profile-sheet .form-note,
#avatar-editor.profile-sheet .eyebrow{color:var(--profile-muted)}
#avatar-editor.profile-sheet .profile-field input,
#avatar-editor.profile-sheet .profile-field select,
#avatar-editor.profile-sheet .profile-role-value{
  background:var(--profile-field);border-color:var(--profile-border);color:var(--profile-text);
}
#avatar-editor.profile-sheet .profile-role-value{color:var(--profile-muted)}
#avatar-editor.profile-sheet .profile-field input:focus,
#avatar-editor.profile-sheet .profile-field select:focus{
  border-color:var(--profile-focus);box-shadow:0 0 0 3px rgba(135,191,173,.14);
}
/* WebKit cannot reliably composite the alpha channel of the WebM logo. */
.brand-motion.png-motion video{display:none}
.brand-motion.png-motion.playing img{visibility:visible;animation:brandPngJump 1.4s ease-in-out}
@keyframes brandPngJump{
  0%,100%{transform:translateY(0) scale(1)}
  18%{transform:translateY(2px) scale(1.04,.96)}
  45%{transform:translateY(-12px) scale(.98,1.02)}
  72%{transform:translateY(0) scale(1.04,.96)}
}
@media(prefers-reduced-motion:reduce){.brand-motion.png-motion.playing img{animation:none}}