@keyframes demo-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes demo-pop-in{0%{opacity:0;transform:scale(.88)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes demo-float{0%,to{transform:translate(0)}50%{transform:translate(12px,-18px)}}@keyframes demo-pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes demo-confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(280px)rotate(540deg)scale(.4)}}@keyframes demo-cta-glow{0%,to{box-shadow:0 4px 16px #0000001a}50%{box-shadow:0 6px 24px #00000029}}.demo-animate-in{animation:.5s cubic-bezier(.22,1,.36,1) both demo-fade-up}.demo-animate-pop{animation:.45s cubic-bezier(.34,1.3,.64,1) both demo-pop-in}.demo-stagger-1{animation:.4s cubic-bezier(.34,1.2,.64,1) .1s both demo-pop-in}.demo-stagger-2{animation:.4s cubic-bezier(.34,1.2,.64,1) .28s both demo-pop-in}.demo-pulse-badge{animation:1.6s ease-in-out infinite demo-pulse-badge}.demo-success-pop{animation:.55s cubic-bezier(.34,1.4,.64,1) both demo-scale-in}.demo-playthrough-page{padding-bottom:80px;position:relative;overflow-x:clip}.demo-playthrough-page--zadavatel{--demo-accent:#53c87b;--demo-accent-soft:#e8f8ee;--demo-accent-glow:#53c87b38}.demo-playthrough-page--odbornik{--demo-accent:#9138f4;--demo-accent-soft:#f3e8ff;--demo-accent-glow:#9138f438}.demo-playthrough-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.demo-playthrough-orb{filter:blur(60px);opacity:.45;border-radius:50%;animation:14s ease-in-out infinite demo-float;position:absolute}.demo-playthrough-orb-1{background:radial-gradient(circle, var(--demo-accent-glow,#53c87b4d) 0%, transparent 70%);width:min(420px,55vw);height:min(420px,55vw);top:-8%;right:-6%}.demo-playthrough-orb-2{background:radial-gradient(circle,#9138f42e 0%,#0000 70%);width:min(320px,45vw);height:min(320px,45vw);animation-delay:-5s;bottom:10%;left:-8%}.demo-playthrough-hero,.demo-playthrough-arena{z-index:1;position:relative}.demo-playthrough-hero{padding:28px 0 36px}.demo-playthrough-kicker{letter-spacing:.1em;text-transform:uppercase;color:#9c9c9c;margin:0 0 10px;font-size:12px;font-weight:700}.demo-playthrough-title{max-width:720px;margin:0 0 14px;font-size:clamp(2rem,3.5vw,2.85rem);line-height:1.12}.demo-playthrough-subtitle{color:#7d7d7d;max-width:600px;margin:0;font-size:16px;line-height:1.6}.demo-playthrough-arena{padding-top:4px}.demo-app-shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #0000000f;border-radius:24px;max-width:640px;margin:0 auto;padding:0 0 8px;overflow:hidden;box-shadow:0 4px 6px #00000005,0 20px 50px #00000014}.demo-app-shell-top{padding:0}.demo-app-shell-progress{background:#eee;height:4px;overflow:hidden}.demo-app-shell-progress-fill{background:linear-gradient(90deg, var(--demo-accent,#53c87b), #81d79f);border-radius:0 4px 4px 0;height:100%;transition:width .55s cubic-bezier(.34,1.2,.64,1);display:block}.demo-playthrough-page--odbornik .demo-app-shell-progress-fill{background:linear-gradient(90deg,#9138f4,#b172f7)}.demo-app-shell .demo-playthrough-toolbar,.demo-app-shell .demo-progress-container,.demo-app-shell .demo-step-panel,.demo-app-shell .demo-playthrough-actions{padding-left:24px;padding-right:24px}.demo-app-shell .demo-playthrough-toolbar{padding-top:20px}.demo-app-shell .demo-playthrough-actions{padding-bottom:28px}.demo-celebration{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.demo-celebration-particle{border-radius:2px;width:10px;height:10px;animation:2.8s ease-in forwards demo-confetti-fall;position:absolute;top:-12px}.demo-role-picker{max-width:820px;margin:0 auto}.demo-role-picker-label{text-align:center;color:#2c2c2c;margin:0 0 32px;font-size:18px;font-weight:500}.demo-role-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media screen and (max-width:700px){.demo-role-picker-grid{grid-template-columns:1fr}}.demo-role-card{text-align:left;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:20px;flex-direction:column;align-items:flex-start;gap:10px;padding:28px 26px 24px;transition:border-color .25s,box-shadow .3s,transform .3s cubic-bezier(.34,1.2,.64,1);animation:.55s cubic-bezier(.22,1,.36,1) both demo-fade-up;display:flex}.demo-role-card strong{color:#2c2c2c;font-size:21px}.demo-role-card p{color:#767676;margin:0;font-size:15px;line-height:1.55}.demo-role-card:hover{transform:translateY(-6px)scale(1.01)}.demo-role-card:active{transform:translateY(-2px)scale(.99)}.demo-role-card-zadavatel{background:linear-gradient(155deg,#fff 0%,#f4fdf7 100%);box-shadow:0 8px 30px #53c87b1a}.demo-role-card-zadavatel:hover{border-color:#53c87b73;box-shadow:0 16px 40px #53c87b2e}.demo-role-card-zadavatel:hover .demo-role-card-icon-wrap{background:linear-gradient(135deg,#e8f8ee,#d4f0de);transform:scale(1.08)rotate(-3deg)}.demo-role-card-zadavatel:hover .demo-role-card-arrow{transform:translate(5px)}.demo-role-card-odbornik{background:linear-gradient(155deg,#fff 0%,#faf5ff 100%);box-shadow:0 8px 30px #9138f41a}.demo-role-card-odbornik:hover{border-color:#9138f466;box-shadow:0 16px 40px #9138f429}.demo-role-card-odbornik:hover .demo-role-card-icon-wrap{background:linear-gradient(135deg,#f3e8ff,#e8d4ff);transform:scale(1.08)rotate(3deg)}.demo-role-card-odbornik:hover .demo-role-card-arrow{transform:translate(5px)}.demo-role-card-icon-wrap{border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:4px 0 6px;transition:transform .3s cubic-bezier(.34,1.3,.64,1),background .3s;display:flex}.demo-role-card-zadavatel .demo-role-card-icon-wrap{background:#eefaf2}.demo-role-card-odbornik .demo-role-card-icon-wrap{background:#f6efff}.demo-role-card-badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:700}.demo-role-card-badge-green{color:#36a85d;background:#e8f8ee}.demo-role-card-badge-purple{color:#7c11f2;background:#f3e8ff}.demo-role-card-meta{color:#9c9c9c;margin-top:2px;font-size:12px;font-weight:600}.demo-role-card-dots{gap:5px;margin:6px 0 4px;display:flex}.demo-role-card-dots span{background:#e0e0e0;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.demo-role-card-zadavatel:hover .demo-role-card-dots span{background:#53c87b59}.demo-role-card-zadavatel:hover .demo-role-card-dots span:nth-child(odd){transform:translateY(-2px)}.demo-role-card-odbornik:hover .demo-role-card-dots span{background:#9138f459}.demo-role-card-odbornik:hover .demo-role-card-dots span:nth-child(2n){transform:translateY(-2px)}.demo-role-card-cta{align-items:center;gap:8px;margin-top:8px;font-size:15px;font-weight:700;display:inline-flex}.demo-role-card-zadavatel .demo-role-card-cta{color:#53c87b}.demo-role-card-odbornik .demo-role-card-cta{color:#9138f4}.demo-role-card-arrow{font-size:18px;transition:transform .25s cubic-bezier(.34,1.3,.64,1);display:inline-block}.demo-playthrough-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.demo-playthrough-restart{color:#9c9c9c;cursor:pointer;background:#0000000a;border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.demo-playthrough-restart:hover{color:#2c2c2c;background:#00000012}.demo-playthrough-role-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:700}.demo-playthrough-role-badge--green{color:#36a85d;background:#e8f8ee}.demo-playthrough-role-badge--purple{color:#7c11f2;background:#f3e8ff}.demo-step-panel{margin:0 auto 24px}.demo-step-panel-meta{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.demo-step-panel-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700}.demo-step-panel-badge--green{color:#33a059;background:#e8f8ee}.demo-step-panel-badge--purple{color:#770dec;background:#f3e8ff}.demo-step-panel-percent{color:#9c9c9c;font-size:12px;font-weight:700}.demo-step-panel-header{text-align:center;margin-bottom:18px}.demo-step-panel-title{margin:0 0 10px;font-size:clamp(1.35rem,2.5vw,1.7rem);line-height:1.25}.demo-step-panel-description{color:#767676;margin:0;font-size:15px;line-height:1.6}.demo-step-panel-hint{background:var(--demo-accent-soft,#f5f5f5);color:#2c2c2c;text-align:left;border-radius:12px;align-items:flex-start;gap:8px;margin:14px 0 0;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.demo-step-panel-hint-icon{flex-shrink:0;font-size:16px;line-height:1.2}.demo-app-frame{background:#f4f5f7;border:1px solid #00000014;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000000f}.demo-app-frame--green .demo-app-frame-chrome{background:linear-gradient(90deg,#f6fdf8,#fff);border-bottom-color:#53c87b1f}.demo-app-frame--purple .demo-app-frame-chrome{background:linear-gradient(90deg,#faf5ff,#fff);border-bottom-color:#9138f41f}.demo-app-frame-chrome{border-bottom:1px solid #0000000f;align-items:center;gap:6px;padding:10px 14px;display:flex}.demo-app-frame-chrome span{background:#e0e0e0;border-radius:50%;width:10px;height:10px}.demo-app-frame-chrome span:first-child{background:#ff6b6b}.demo-app-frame-chrome span:nth-child(2){background:#ffd166}.demo-app-frame-chrome span:nth-child(3){background:#53c87b}.demo-app-frame-title{color:#9c9c9c;letter-spacing:.02em;margin:0 0 0 auto;font-size:11px;font-weight:600}.demo-mock-task-prompt{text-align:left;background:#fafafa;border-bottom:1px solid #0000000f;padding:12px 16px}.demo-mock-task-prompt--green{background:linear-gradient(#f0fdf4 0%,#f8fdf9 100%);border-bottom-color:#53c87b24}.demo-mock-task-prompt--purple{background:linear-gradient(#faf5ff 0%,#fcfaff 100%);border-bottom-color:#9138f424}.demo-mock-task-prompt-kicker{letter-spacing:.08em;text-transform:uppercase;color:#9c9c9c;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.demo-mock-task-prompt--green .demo-mock-task-prompt-kicker{color:#36a85d}.demo-mock-task-prompt--purple .demo-mock-task-prompt-kicker{color:#7c11f2}.demo-mock-task-prompt-text{color:#2c2c2c;margin:0;font-size:14px;font-weight:600;line-height:1.45}.demo-step-panel-mock{flex-direction:column;gap:14px;min-height:120px;padding:18px;display:flex}.demo-mock-form{flex-direction:column;gap:14px;display:flex}.demo-mock-field--typing input,.demo-mock-field--typing textarea{border-color:#53c87b73;box-shadow:0 0 0 2px #53c87b14}@keyframes demo-mock-caret-blink{0%,49%{border-right-color:#53c87bbf}50%,to{border-right-color:#0000}}.demo-mock-field--typing input{border-right-style:solid;border-right-width:2px;animation:1s step-end infinite demo-mock-caret-blink}.demo-mock-field{flex-direction:column;gap:6px;display:flex}.demo-mock-field span{color:#9c9c9c;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.demo-mock-field input,.demo-mock-field textarea{width:100%;font:inherit;color:#2c2c2c;resize:vertical;background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:11px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s}.demo-mock-field input:focus,.demo-mock-field textarea:focus{border-color:var(--demo-accent,#53c87b);box-shadow:0 0 0 3px var(--demo-accent-glow,#53c87b26);outline:none}.demo-mock-field input:disabled,.demo-mock-field textarea:disabled{opacity:.9;cursor:default;background:#fafafa}@keyframes demo-pulse-ring{0%,to{box-shadow:0 0 0 0 rgba(var(--demo-pulse-rgb,46, 184, 92), .45)}50%{box-shadow:0 0 0 6px rgba(var(--demo-pulse-rgb,46, 184, 92), 0)}}.demo-mock-pulse-target{animation:1.8s ease-in-out infinite demo-pulse-ring}.demo-app-frame--awaiting{--demo-pulse-rgb:46, 184, 92}.demo-app-frame--purple.demo-app-frame--awaiting,.demo-playthrough-page--odbornik .demo-app-frame--awaiting{--demo-pulse-rgb:139, 92, 246}.demo-mock-job-card{text-align:left;width:100%;font:inherit;color:inherit;cursor:default;background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:16px;transition:border-color .2s,background-color .2s}.demo-mock-job-card h3{margin:6px 0 2px;font-size:17px}.demo-mock-job-card p{color:#9c9c9c;margin:0;font-size:13px}.demo-mock-job-card--context{box-shadow:none;background:#f8f9fb;border:1px dashed #e2e5ea;padding:10px 12px}.demo-mock-job-card--context h3{color:#646464;margin-top:4px;font-size:13px;font-weight:600}.demo-mock-job-card--context p{color:#b0b0b0;font-size:12px}.demo-mock-job-card--interactive{cursor:pointer;background:#fff;border:1px solid #9138f447;padding:14px 16px}.demo-mock-job-card--interactive h3{font-size:15px}.demo-mock-job-card--interactive:hover{background:#fdfbff;border-color:#9138f473}.demo-mock-job-card-context-status{text-transform:uppercase;letter-spacing:.05em;color:#9c9c9c;font-size:10px;font-weight:700;display:inline-block}.demo-mock-job-card--green.demo-mock-job-card--context .demo-mock-job-card-context-status{color:#3bb865}.demo-mock-job-card-purple.demo-mock-job-card--context .demo-mock-job-card-context-status{color:#8625f3}.demo-mock-context-slot{border-top:1px solid #eceef2;flex-direction:column;gap:10px;margin-top:4px;padding-top:14px;display:flex}.demo-mock-context-slot-label{text-transform:uppercase;letter-spacing:.07em;color:#bbb;font-size:10px;font-weight:700}.demo-mock-pipeline-wrap--context{opacity:.82;transform-origin:0 0;transform:scale(.98)}.demo-mock-status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:700;display:inline-block}.demo-mock-status-green{color:#36a85d;background:#e8f8ee}.demo-mock-status-purple{color:#7c11f2;background:#f3e8ff}.demo-mock-job-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-mock-dashboard-snippet{flex-direction:column;gap:14px;display:flex}.demo-mock-mini-header{background:#fff;border:1px solid #0000000f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.demo-mock-mini-header-title{color:#2c2c2c;font-size:14px;font-weight:700}.demo-mock-notif-bell-btn{cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-family:inherit;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;box-shadow:0 1px 2px #0f172a0d}.demo-mock-notif-bell-btn:hover{background:#f8fafc;border-color:#0f172a1f;transform:translateY(-1px)}.demo-mock-notif-bell-btn--zadavatel{background:linear-gradient(#f0fdf4 0%,#ecfdf5 100%);border-color:#53c87b52;box-shadow:0 1px 2px #1665340d,inset 0 1px #ffffffd9}.demo-mock-notif-bell-btn--zadavatel:hover{background:linear-gradient(#dcfce7 0%,#d1fae5 100%);border-color:#53c87b6b}.demo-mock-notif-bell-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.demo-mock-notif-bell-icon{opacity:.9;width:20px;height:20px}.demo-mock-notif-bell-icon--green{filter:brightness(0)saturate()invert(52%)sepia(40%)saturate(620%)hue-rotate(102deg)brightness(96%)contrast(90%)}.demo-mock-notif-bell-icon--purple{filter:brightness(0)saturate()invert(32%)sepia(85%)saturate(2878%)hue-rotate(256deg)brightness(93%)contrast(95%)}.demo-mock-notif-bell-badge{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:2px solid #fff;border-radius:12px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-6px;box-shadow:0 1px 4px #dc262659}.demo-mock-notif-dropdown{background:#fff;border:1px solid #0000000d;border-radius:14px;width:100%;animation:.25s cubic-bezier(.4,0,.2,1) demo-notif-slide-down;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014}@keyframes demo-notif-slide-down{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.demo-mock-notif-dropdown-header{background:linear-gradient(#fafafa 0%,#fff 100%);border-bottom:1px solid #f0f0f0;padding:14px 16px 12px}.demo-mock-notif-dropdown-header h3{color:#2c2c2c;text-align:left;margin:0;font-size:15px;font-weight:700}.demo-mock-notif-list{padding:4px 0}.demo-mock-notif-item{cursor:pointer;text-align:left;background:0 0;border:0;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;font-family:inherit;transition:background-color .2s;display:flex}.demo-mock-notif-item:hover:not(.demo-mock-notif-item--static){background:#f8f9fa}.demo-mock-notif-item--static{cursor:default}.demo-mock-notif-item.is-unread{background:linear-gradient(90deg,#f0f9ff 0%,#fff 100%);border-left:3px solid #53c87b;padding-left:13px}.demo-mock-notif-item-icon{background:linear-gradient(135deg,#f0f0f0 0%,#e8e8e8 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.demo-mock-notif-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.demo-mock-notif-item-text{color:#2c2c2c;font-size:13px;font-weight:500;line-height:1.45}.demo-mock-notif-item-time{color:#9c9c9c;font-size:11px}.demo-mock-notif-item-dot{background:#53c87b;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px;box-shadow:0 0 0 2px #53c87b33}.demo-mock-chat{flex-direction:column;gap:10px;display:flex}.demo-mock-chat-bubble{border-radius:14px;max-width:90%;padding:11px 13px;font-size:13px;line-height:1.45;box-shadow:0 2px 8px #0000000a}.demo-mock-chat-bubble span{opacity:.65;margin-top:6px;font-size:10px;display:block}.demo-mock-chat-bubble-in{background:#fff;border:1px solid #eee;border-bottom-left-radius:4px;align-self:flex-start}.demo-mock-chat-bubble-out{background:#e8f8ee;border-bottom-right-radius:4px;align-self:flex-end}.demo-mock-chat-compose{flex-direction:column;gap:16px;display:flex}.demo-mock-chat-compose-main{background:#fff;border:1px solid #9138f42e;border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 4px 20px #9138f414}.demo-mock-field--chat-primary span{color:#9138f4;font-weight:700}.demo-mock-field--chat-primary textarea{background:#faf8ff;border-color:#9138f433;min-height:108px;font-size:14px;line-height:1.5}.demo-mock-expert-row{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:#fff;border:2px solid #e8e8e8;border-radius:14px;align-items:center;gap:12px;padding:14px;transition:border-color .25s,background .25s,transform .25s;display:flex}.demo-mock-expert-row:hover:not(.is-selected){border-color:#a0e1b6}.demo-mock-expert-row p{color:#9c9c9c;margin:2px 0 0;font-size:12px}.demo-mock-expert-row.is-selected{background:#f6fdf8;border-color:#53c87b;transform:scale(1.01);box-shadow:0 4px 16px #53c87b1f}.demo-mock-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:flex}.demo-mock-avatar-purple{color:#9138f4;background:#f3e8ff}.demo-mock-check{color:#fff;background:#53c87b;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-size:14px;font-weight:700;display:flex}.demo-mock-section-label{text-transform:uppercase;letter-spacing:.06em;color:#9c9c9c;margin:0;font-size:11px;font-weight:700}.demo-mock-banner{text-align:left;cursor:default;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:13px 15px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;display:flex}.demo-mock-banner:is(button){cursor:pointer}.demo-mock-banner:is(button):hover:not(.is-done){filter:brightness(.97)}.demo-mock-banner.is-done{box-shadow:none;animation:none}.demo-mock-banner-green{color:#2e9150;background:#e8f8ee}.demo-mock-banner-purple{color:#770dec;background:#f3e8ff}.demo-mock-pipeline-wrap{padding:8px 0;overflow-x:auto}.demo-mock-discover{flex-direction:column;gap:14px;display:flex}.demo-mock-toggle{background:#e8e8e8;border-radius:12px;gap:6px;padding:4px;display:flex}.demo-mock-toggle button{cursor:pointer;color:#9c9c9c;background:0 0;border:0;border-radius:9px;flex:1;padding:9px 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s,transform .15s}.demo-mock-toggle button.is-active{color:#9138f4;background:#fff;transform:scale(1.02);box-shadow:0 2px 10px #00000014}.demo-mock-mail-client{background:#fff;border:1px solid #00000014;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #0000000d}.demo-mock-mail-client-toolbar{background:linear-gradient(#f8f9fb 0%,#f3f4f6 100%);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.demo-mock-mail-client-title{color:#2c2c2c;font-size:13px;font-weight:700}.demo-mock-mail-client-badge{color:#9138f4;background:#f3e8ff;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.demo-mock-mail-item{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:#fff;border:0;align-items:flex-start;gap:12px;padding:14px 14px 14px 12px;transition:background-color .2s;display:flex;position:relative}.demo-mock-mail-item:hover{background:#fafafa}.demo-mock-mail-item.is-unread{background:linear-gradient(90deg,#faf5ff 0%,#fff 100%);border-left:3px solid #9138f4;padding-left:9px}.demo-mock-mail-item.is-unread .demo-mock-mail-item-from,.demo-mock-mail-item.is-unread .demo-mock-mail-item-subject{font-weight:700}.demo-mock-mail-item.is-read{background:#fcfcfc}.demo-mock-mail-item.is-read .demo-mock-mail-item-from,.demo-mock-mail-item.is-read .demo-mock-mail-item-subject{color:#9c9c9c;font-weight:600}.demo-mock-mail-item.is-read .demo-mock-mail-item-preview{color:#b0b0b0}.demo-mock-mail-item-unread-dot{background:#9138f4;border-radius:50%;width:7px;height:7px;margin-top:-3px;position:absolute;top:50%;left:4px;box-shadow:0 0 0 2px #9138f426}.demo-mock-mail-item-avatar{color:#9138f4;background:linear-gradient(135deg,#f3e8ff 0%,#ede9fe 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.demo-mock-mail-item-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.demo-mock-mail-item-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.demo-mock-mail-item-from{color:#2c2c2c;font-size:13px}.demo-mock-mail-item-time{color:#9c9c9c;white-space:nowrap;flex-shrink:0;font-size:11px}.demo-mock-mail-item-subject{color:#2c2c2c;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.35;overflow:hidden}.demo-mock-mail-item-preview{color:#9c9c9c;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.demo-mock-mail-item-read{color:#9138f4;background:#f3e8ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:6px;font-size:12px;font-weight:700;display:flex}.demo-mock-action-btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex}.demo-mock-action-btn:hover{transform:translateY(-1px)}.demo-mock-action-btn--green.demo-mock-action-btn--primary{color:#fff;background:#53c87b}.demo-mock-action-btn--purple.demo-mock-action-btn--primary{color:#fff;background:#9138f4}.demo-mock-action-btn--green.demo-mock-action-btn--secondary{color:#53c87b;background:#fff;border:1px solid #53c87b}.demo-mock-action-btn--purple.demo-mock-action-btn--secondary{color:#9138f4;background:#fff;border:1px solid #9138f4}.demo-mock-action-btn:disabled{cursor:default;opacity:1;transform:none}.demo-mock-action-btn:disabled:hover{transform:none}.demo-mock-action-btn--secondary:disabled{background:#fff}a.demo-mock-action-btn{text-decoration:none;display:inline-flex}.demo-mock-final-cta{margin-top:4px}.demo-mock-review{flex-direction:column;gap:14px;display:flex}.demo-mock-review-header{align-items:center;gap:12px;display:flex}.demo-mock-review-header p{color:#9c9c9c;margin:2px 0 0;font-size:13px}.demo-mock-stars{gap:2px;display:flex}.demo-mock-stars button{color:#ddd;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:30px;line-height:1;transition:transform .15s,color .15s}.demo-mock-stars button:hover{transform:scale(1.15)}.demo-mock-stars button.is-active{color:#f5b301}.demo-mock-done-badge{text-align:center;color:#53c87b;background:#e8f8ee;border-radius:10px;margin:0;padding:10px;font-size:13px;font-weight:700;animation:2s ease-in-out infinite demo-pulse-badge}.demo-mock-summary{text-align:center;padding:12px 0}.demo-mock-summary h3{margin:0 0 10px;font-size:20px}.demo-mock-summary p{color:#2c2c2c;margin:0 0 8px;font-size:14px;line-height:1.5}.demo-mock-summary-icon{color:#9138f4;background:linear-gradient(135deg,#f3e8ff,#e8d4ff);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:30px;font-weight:700;display:flex;box-shadow:0 8px 24px #9138f433}.demo-mock-summary-note{color:#9c9c9c!important;font-size:13px!important}.demo-mock-summary-teaser{color:#9c9c9c;margin:0;font-size:14px}.demo-playthrough-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.demo-playthrough-primary{margin-left:auto;transition:transform .2s cubic-bezier(.34,1.2,.64,1),background-color .2s,border-color .2s,color .2s}.demo-playthrough-primary:hover:not(:disabled){transform:translateY(-2px)}.demo-playthrough-primary:active:not(:disabled){transform:translateY(0)}.demo-playthrough-primary:disabled{opacity:1;cursor:not-allowed;transform:none}.demo-playthrough-final{text-align:right;flex-direction:column;align-items:flex-end;gap:10px;margin-left:auto;display:flex}.demo-playthrough-final-msg{color:var(--demo-accent,#53c87b);margin:0;font-size:14px;font-weight:600}.demo-playthrough-cta-pulse{animation:2s ease-in-out infinite demo-cta-glow}.demo-playthrough-restart-inline{color:#9c9c9c;cursor:pointer;background:0 0;border:0;font-size:13px;text-decoration:underline}.demo-playthrough-restart-inline:hover{color:#2c2c2c}@media (prefers-reduced-motion:reduce){.demo-animate-in,.demo-animate-pop,.demo-stagger-1,.demo-stagger-2,.demo-pulse-badge,.demo-mock-pulse-target,.demo-mock-notif-dropdown,.demo-mock-field--typing input,.demo-mock-field--typing textarea,.demo-success-pop,.demo-role-card,.demo-celebration-particle,.demo-playthrough-orb,.demo-playthrough-cta-pulse{animation:none!important}.demo-role-card:hover,.demo-playthrough-primary:hover{transform:none}}