/* POSTIVA visual refinement — © 2026 Dinor */
:root{--purple:#6435e9;--line:#e8e8f0;--muted:#726e83;background:#f5f6fb}
body{background:radial-gradient(ellipse at 80% 0,#ede9ff80,transparent 45%),#f5f6fb}
.sidebar{background:#191628;color:#f7f5ff;border-right:0;padding-top:34px}
.sidebar .mark{background:linear-gradient(145deg,#9e79ff,#6435e9);box-shadow:0 4px 16px #7143e650}
.sidebar .workspace{background:#ffffff06;border-color:#ffffff13;border-radius:14px}
.sidebar .workspace .muted{color:#aaa4c0}.sidebar .avatar{background:#38304f;color:#e6daff}
.sidebar .navlabel{color:#958cae;font-size:.7rem}
.sidebar .nav button{color:#b0a8c4;border:1px solid transparent;transition:background .2s,color .2s,transform .2s}
.sidebar .nav button.active{background:linear-gradient(105deg,#6c3cea,#5630bf);border-color:#9a73fb66;color:#fff;box-shadow:0 7px 20px #08041335}
.sidebar .nav button:not(.active):hover{background:#ffffff09;color:white}
.sidebar .localcard{background:linear-gradient(140deg,#302447,#231f35);border-color:#ffffff12;padding:19px}
.sidebar .localcard .icon{color:#c4a8ff}.sidebar .localcard .muted,.sidebar .credit{color:#aaa1bb}
.topbar{background:#ffffffa6;backdrop-filter:blur(16px);border-color:#e5e3ed80}
.lang{border-color:#dedbe9;box-shadow:0 2px 5px #1d123503}.tag{border:1px solid #8e67e514;font-weight:600}
.heading h1{letter-spacing:-1.7px}.heading .eyebrow{display:flex;align-items:center;gap:8px}
.heading .eyebrow:before{content:'';width:6px;height:6px;background:#946ef2;border-radius:2px;transform:rotate(45deg)}
.hero{border:1px solid #503276;box-shadow:0 12px 35px #32214916;background:radial-gradient(ellipse at 90% 20%,#753ac955,transparent 58%),linear-gradient(115deg,#211331,#342050)}
.hero-art{background:radial-gradient(ellipse at 85% 55%,#9f64ed35,transparent 68%)}
.hero-copy{padding-top:36px;padding-bottom:36px}.hero h2{font-size:clamp(1.65rem,2.5vw,2.3rem);letter-spacing:-1px}
.mini-post{border:1px solid #ffffff22;box-shadow:0 24px 30px #0d071d55}
.mini-post:first-child{transform:rotate(-10deg) translateY(-5px)}.mini-post+.mini-post{transform:rotate(9deg) translateY(20px)}
.stat{border-color:#e8e5f1;box-shadow:0 3px 10px #33205b04;padding:23px;border-radius:17px}
.stat .stat-icon{background:linear-gradient(145deg,#f3efff,#e9e2fc);border:1px solid #e5dcfb}.stat strong{font-family:Manrope,sans-serif;font-weight:800;font-variant-numeric:tabular-nums}
.panel,.content-card,.template{box-shadow:0 4px 14px #2f215105;border-color:#e4e1ed;border-radius:20px}
.template{padding:8px;transition:box-shadow .25s,transform .25s,border-color .25s}.template .poster{border-radius:13px}
.template .poster-title{letter-spacing:-1.3px}.templateinfo{padding:18px 12px 10px}
.templateinfo .btn.quiet{font-weight:700}.poster-bottom>span:last-child{font-size:1.25rem}
.btn{border-radius:12px;position:relative;overflow:hidden;isolation:isolate;transition:background .2s,box-shadow .2s,transform .16s;box-shadow:0 4px 10px #5933ba18}
.btn:not(.secondary):not(.quiet):not(.dark):not(.danger){background:linear-gradient(135deg,#7647ed,#5928d4);border:1px solid #ffffff1c}
.btn.secondary{box-shadow:0 2px 3px #33205b04;border-color:#ded9ea}.btn.quiet{box-shadow:none}
.hero .btn:not(.secondary):not(.quiet):not(.dark):not(.danger){background:#d9fa93;color:#283415;box-shadow:0 5px 17px #101b0730;border-color:#e9ffc2}
.btn .icon{transition:transform .2s}.btn:active,.iconbtn:active,.nav button:active,.filters button:active{transform:scale(.96)!important}
.btn[aria-busy=true]{cursor:wait}.btn[aria-busy=true]>.icon{visibility:hidden}.btn[aria-busy=true]:before{content:'';position:absolute;left:18px;top:calc(50% - 9px);width:15px;height:15px;border:2px solid #ffffff50;border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}
.field input,.field select,.field textarea{background:#fdfcfe;border-color:#ddd9e8;border-radius:11px;transition:box-shadow .2s,border-color .2s,background .2s}
.field input:focus,.field select:focus,.field textarea:focus{background:white;outline:none;border-color:#9672ee;box-shadow:0 0 0 4px #8054ee12}
.field label{color:#504660}.upload{background:#f8f5fe;border-color:#c9bce5;transition:border-color .2s,background .2s}.upload:hover{background:#f3edff;border-color:#9669ed}
.preview-wrap{background:linear-gradient(145deg,#efecf7,#e9e5f2);border-color:#ded7ed;border-radius:22px}.preview-wrap canvas{box-shadow:0 16px 32px #30204c14;filter:none}
.preview-caption{border:1px solid #e4deef;padding:17px;border-radius:13px}.color-option{transition:transform .18s,outline-color .18s}.color-option[aria-pressed=true]{transform:scale(1.08)}
.brandtile{background:radial-gradient(ellipse at 90% 0,#7849bb77,transparent 80%),#251738;box-shadow:0 14px 28px #31204313;border:1px solid #594172}
.steps .step b{background:#f1eaff;border:1px solid #e7dcfb}.agenda{padding:18px 0}.datebox{border:1px solid #e3d9fb}
.notice{border:1px solid #e7dcf7}.footer{border-color:#e0dce9}.iconbtn{transition:background .18s,transform .18s}.iconbtn:hover{background:#e9e1f5}
button{position:relative;overflow:hidden}.click-wave{position:absolute;width:14px;height:14px;margin:-7px;border-radius:50%;background:currentColor;pointer-events:none;opacity:.12;animation:wave .48s ease-out forwards;z-index:0}
.page.page-enter>.heading,.page.page-enter>.hero,.page.page-enter>.stats,.page.page-enter>.sectionhead,.page.page-enter>.templates,.page.page-enter>.lower,.page.page-enter>.editor,.page.page-enter>.brandlayout,.page.page-enter>.content-grid,.page.page-enter>.panel{animation:enter .45s cubic-bezier(.2,.7,.2,1) both}
.page.page-enter>.hero,.page.page-enter>.editor,.page.page-enter>.brandlayout{animation-delay:45ms}.page.page-enter>.stats{animation-delay:85ms}.page.page-enter>.templates,.page.page-enter>.content-grid{animation-delay:125ms}.page.page-enter>.lower{animation-delay:155ms}
dialog[open]{animation:dialog-in .23s cubic-bezier(.2,.75,.25,1)}dialog::backdrop{animation:fade-in .2s ease-out}.dialog-inner{padding:30px}.dialog-inner h2{font-size:1.35rem}
#toast{background:#fff;color:#342a46;border:1px solid #e7e0f0;box-shadow:0 15px 50px #23133526;padding:17px 22px 19px;display:flex;align-items:center;gap:13px;border-radius:17px;min-width:240px;width:max-content;max-width:min(440px,calc(100vw - 32px));line-height:1.5;transform:translate(-50%,18px) scale(.96);transition:opacity .2s,transform .32s cubic-bezier(.2,.8,.2,1);overflow:hidden}
#toast.show{transform:translate(-50%,0) scale(1)}.toast-icon{width:37px;height:37px;background:#efe8ff;color:#693acb;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.toast-copy{min-width:0}.toast-title{display:block;font-size:.8rem;font-weight:700;margin-bottom:2px}.toast-message{display:block;font-size:.8rem;color:#776b85}
#toast.success .toast-icon{background:#e7f7ed;color:#268357}#toast.error .toast-icon{background:#fff0ed;color:#b84035}
.success-check{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32}
#toast.show .success-check{animation:check-draw .45s .12s ease forwards}#toast.show .toast-icon{animation:success-pop .42s cubic-bezier(.2,.8,.2,1)}
.toast-timer{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#9573df;transform-origin:left;animation:toast-time 4.2s linear forwards}#toast.success .toast-timer{background:#7bc69d}#toast.error .toast-timer{background:#df958b}
.completion-glow{animation:completion-glow .8s ease-out}.save-confirmed{background:#278256!important;box-shadow:0 0 0 4px #40aa7518!important}
@media(hover:hover){.template:hover{transform:translateY(-5px);box-shadow:0 16px 32px #34205412;border-color:#cbb9ef}.btn:hover{box-shadow:0 7px 16px #5933ba22;transform:translateY(-2px)}.btn.quiet:hover{box-shadow:none}.btn:hover .icon:last-child{transform:translateX(2px)}.color-option:hover{transform:scale(1.1)}}
@keyframes enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes wave{to{transform:scale(24);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes check-draw{to{stroke-dashoffset:0}}
@keyframes success-pop{0%{transform:scale(.65)}65%{transform:scale(1.1)}100%{transform:scale(1)}}
@keyframes toast-time{to{transform:scaleX(0)}}
@keyframes completion-glow{0%,100%{box-shadow:0 16px 32px #30204c14}35%{box-shadow:0 0 0 5px #9062ea22,0 16px 40px #6536c82b}}
@media(max-width:680px){.sidebar{padding-top:7px;background:#191628f5;backdrop-filter:blur(18px);border-top:1px solid #ffffff13}.sidebar .nav button{padding:8px 3px}.sidebar .nav button.active{box-shadow:none}.heading h1{letter-spacing:-1.1px}.hero-copy{padding:27px}.hero h2{font-size:1.7rem}.stat{padding:15px 10px}.template{padding:5px;border-radius:17px}.template .poster{border-radius:11px}.templateinfo{padding:13px 8px 7px}.topbar{background:#ffffffd9}.preview-wrap{padding:18px}.dialog-inner{padding:23px}#toast{bottom:100px;padding:15px 16px 18px}.toast-title,.toast-message{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.click-wave{display:none}.success-check{stroke-dashoffset:0}.toast-timer{display:none}.template:hover,.btn:hover,.btn:active,.iconbtn:active,.nav button:active,.filters button:active,.color-option[aria-pressed=true]{transform:none!important}}