@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap";:root{--bg:#121417;--surface:#1b1e23;--surface-raised:#23272e;--border:#2d323a;--text:#f2f3ee;--text-muted:#868c96;--accent:#d7ff3d;--accent-contrast:#12140f;--danger:#ff5c5c;--font-display:"Poppins", sans-serif;--font-body:"Poppins", system-ui, -apple-system, sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--shadow-card:0 12px 32px #0006, inset 0 1px 0 #ffffff08;--shadow-soft:0 4px 14px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-weight:300}button{font-family:inherit}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:900}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.login-screen{background:repeating-linear-gradient(-45deg, #ffffff04 0px, #ffffff04 2px, transparent 2px, transparent 14px), var(--bg);justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.login-screen:before{content:"";pointer-events:none;background:radial-gradient(circle,#d7ff3d1f 0%,#d7ff3d0d 35%,#0000 70%);width:680px;height:680px;animation:5s ease-in-out infinite glow-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}@keyframes glow-breathe{0%,to{opacity:.7;transform:translate(-50%,-52%)scale(1)}50%{opacity:1;transform:translate(-50%,-52%)scale(1.06)}}.login-intro{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-intro__streak{background:linear-gradient(90deg, transparent, #ffffffe6 45%, var(--accent) 55%, transparent);opacity:0;border-radius:3px;width:160%;height:3px;animation:.72s cubic-bezier(.2,.9,.3,1) forwards streak-sweep;position:absolute;left:-30%;transform:rotate(-12deg)translate(-100%);box-shadow:0 0 16px #d7ff3d99}.login-intro__streak--1{animation-delay:0s;top:22%}.login-intro__streak--2{animation-delay:90ms;top:40%}.login-intro__streak--3{animation-delay:.18s;top:58%}.login-intro__streak--4{animation-delay:.27s;top:74%}@keyframes streak-sweep{0%{opacity:0;transform:rotate(-12deg)translate(-100%)}12%{opacity:1}75%{opacity:1}to{opacity:0;transform:rotate(-12deg)translate(160%)}}.login-intro__pulse-wrap{opacity:0;height:84px;animation:.2s ease-out 70ms forwards pulse-wrap-in,.39s ease-in 1.1s forwards pulse-fade;position:absolute;top:80%;left:4%;right:4%;overflow:hidden}.login-intro__pulse{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.login-intro__pulse-base{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.28}.login-intro__pulse-comet{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #d7ff3de6)drop-shadow(0 0 20px #d7ff3d80);stroke-dasharray:55 1400;stroke-dashoffset:900px;animation:1.17s cubic-bezier(.25,.65,.3,1) .1s forwards comet-run}.login-intro__pulse-head{fill:#fff;filter:drop-shadow(0 0 8px #d7ff3d)drop-shadow(0 0 18px #d7ff3db3);opacity:0;animation:.12s ease-out .1s forwards head-in}@keyframes comet-run{0%{stroke-dashoffset:900px}to{stroke-dashoffset:-100px}}@keyframes head-in{to{opacity:1}}@keyframes pulse-wrap-in{to{opacity:1}}@keyframes pulse-fade{to{opacity:0}}.login-card{background:linear-gradient(180deg, var(--surface) 0%, #171a1f 100%);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-card), 0 0 60px #d7ff3d0f;opacity:0;padding:44px 30px 30px;animation:.72s cubic-bezier(.16,1,.3,1) .73s forwards card-enter;position:relative}@keyframes card-enter{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card__corner{border:2.5px solid var(--accent);opacity:.55;filter:drop-shadow(0 0 6px #d7ff3d80);pointer-events:none;width:26px;height:26px;animation:3.2s ease-in-out 1.55s infinite corner-pulse;position:absolute}.login-card__corner--tl{border-bottom:none;border-right:none;border-top-left-radius:10px;top:-1px;left:-1px}.login-card__corner--tr{border-bottom:none;border-left:none;border-top-right-radius:10px;animation-delay:1.7s;top:-1px;right:-1px}.login-card__corner--bl{border-top:none;border-right:none;border-bottom-left-radius:10px;animation-delay:1.85s;bottom:-1px;left:-1px}.login-card__corner--br{border-top:none;border-left:none;border-bottom-right-radius:10px;animation-delay:2s;bottom:-1px;right:-1px}@keyframes corner-pulse{0%,to{opacity:.4}50%{opacity:.9}}.login-brand{justify-content:center;margin-bottom:4px;display:flex}.login-brand__aperture{width:112px;height:112px;position:relative}.login-brand__logo{z-index:1;opacity:0;border-radius:26px;width:112px;height:112px;animation:.7s cubic-bezier(.22,1,.36,1) .8s forwards logo-reveal,4.2s ease-in-out 1.6s infinite logo-float;position:relative;transform:scale(.92);box-shadow:0 0 0 1px #d7ff3d26,0 0 44px #d7ff3d38,0 12px 28px #00000073}@keyframes logo-reveal{to{opacity:1;transform:scale(1)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-brand__iris{z-index:2;position:absolute;top:0;left:0;overflow:visible}.login-brand__slice{fill:#1b1e23;stroke:#d7ff3d1f;stroke-width:1px;animation:.75s cubic-bezier(.22,1,.36,1) forwards slice-retract}.login-brand__slice--0{transform-origin:88.5px -22.5px;animation-delay:.78s}.login-brand__slice--1{transform-origin:134.5px 23.5px;animation-delay:.792s}.login-brand__slice--2{transform-origin:134.5px 88.5px;animation-delay:.804s}.login-brand__slice--3{transform-origin:88.5px 134.5px;animation-delay:.816s}.login-brand__slice--4{transform-origin:23.5px 134.5px;animation-delay:.828s}.login-brand__slice--5{transform-origin:-22.5px 88.5px;animation-delay:.84s}.login-brand__slice--6{transform-origin:-22.5px 23.5px;animation-delay:.852s}.login-brand__slice--7{transform-origin:23.5px -22.5px;animation-delay:.864s}@keyframes slice-retract{0%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0;transform:scale(.3)}}.login-scrub{border-radius:3px;width:100%;height:3px;margin:22px 0 4px;position:relative;overflow:hidden}.login-scrub__track{background:var(--border);border-radius:3px;position:absolute;inset:0}.login-scrub__playhead{background:linear-gradient(90deg, transparent, var(--accent) 40%, var(--accent) 60%, transparent);border-radius:3px;width:34%;height:100%;animation:2.6s ease-in-out 1.55s infinite scrub-move;position:absolute;top:0;left:0;box-shadow:0 0 10px #d7ff3db3}@keyframes scrub-move{0%{left:-34%}to{left:100%}}.login-subtitle{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.12em;margin:18px 0 30px;font-size:15px;font-weight:500}.login-form{flex-direction:column;display:flex}.login-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:500}.login-input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);margin-bottom:22px;padding:13px 14px;font-size:16px;font-weight:400;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d7ff3d1f}.pin-display{gap:14px;margin-bottom:10px;display:flex}.pin-dot{border:1.5px solid var(--border);background:0 0;border-radius:50%;width:14px;height:14px;transition:background .15s,border-color .15s,box-shadow .15s}.pin-dot--filled{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px #d7ff3d99}.login-error{color:var(--danger);margin:12px 0 0;font-size:13px;font-weight:500}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 26px;display:grid}.keypad__key{border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-raised) 0%, #1e2126 100%);height:58px;color:var(--text);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff0a;font-size:20px;font-weight:600;transition:background .12s,transform 80ms,border-color .12s,box-shadow .12s}.keypad__key:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 16px #00000059,0 0 0 1px #d7ff3d26}.keypad__key:active{transform:scale(.96)translateY(0)}.keypad__key--utility{color:var(--text-muted);font-size:13px;font-weight:500}.login-submit{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent) 0%, #c2eb1f 100%);height:54px;color:var(--accent-contrast);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;font-size:15px;font-weight:700;transition:opacity .12s,transform .1s,box-shadow .12s;box-shadow:0 8px 24px #d7ff3d40}.login-submit:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.login-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 30px #d7ff3d59}.login-submit:not(:disabled):active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.login-intro{display:none}.login-card{opacity:1;animation:none}.login-brand__iris{display:none}.login-brand__logo{opacity:1;animation:none;transform:none}}.custom-select{width:100%;position:relative}.custom-select--disabled{opacity:.35;pointer-events:none}.custom-select__trigger{background:linear-gradient(180deg, var(--surface-raised) 0%, #1e2126 100%);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s;display:flex}.custom-select__trigger:hover{border-color:#d7ff3d66}.custom-select__trigger--open{border-color:var(--accent);box-shadow:0 0 0 3px #d7ff3d1f}.custom-select__value{color:var(--text)}.custom-select__placeholder{color:var(--text-muted)}.custom-select__chevron{color:var(--text-muted);flex-shrink:0;align-items:center;transition:transform .2s;display:flex}.custom-select__trigger--open .custom-select__chevron{color:var(--accent);transform:rotate(180deg)}.custom-select__list{z-index:30;border:1px solid var(--border);border-radius:var(--radius-sm);max-height:240px;box-shadow:var(--shadow-card);background:linear-gradient(#20242a 0%,#171a1f 100%);margin:0;padding:6px;list-style:none;animation:.15s ease-out select-list-in;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}@keyframes select-list-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select__option{color:var(--text);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:14px;transition:background .12s,color .12s}.custom-select__option:hover{background:#d7ff3d14}.custom-select__option--selected{color:var(--accent);background:#d7ff3d24;font-weight:600}.custom-select__list::-webkit-scrollbar{width:8px}.custom-select__list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.reel-form-screen{min-height:100%}.reel-form{flex-direction:column;gap:30px;display:flex}.reel-section{flex-direction:column;gap:12px;display:flex}.reel-section__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;font-size:12px;font-weight:500}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-soft);border-radius:999px;padding:11px 18px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s}.pill:hover:not(:disabled):not(.pill--active){border-color:var(--accent);transform:translateY(-1px)}.pill:disabled{opacity:.35;cursor:not-allowed}.pill--active{background:linear-gradient(135deg, var(--accent) 0%, #c2eb1f 100%);border-color:var(--accent);color:var(--accent-contrast);font-weight:600;box-shadow:0 6px 18px #d7ff3d40}.reel-input{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);padding:13px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.reel-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d7ff3d1f}.reel-select{background:linear-gradient(180deg, var(--surface-raised) 0%, #1e2126 100%);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--surface-raised) 0%, #1e2126 100%);box-shadow:var(--shadow-soft);background-position:right 14px center,0 0;background-repeat:no-repeat;padding:13px 36px 13px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.reel-select:hover:not(:disabled){border-color:#d7ff3d66}.reel-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d7ff3d1f}.reel-select:disabled{opacity:.35;cursor:not-allowed}.track-list{flex-direction:column;gap:8px;display:flex}.track-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;transition:border-color .15s,background .15s,transform .1s;display:flex}.track-row:hover{border-color:var(--accent);transform:translateY(-1px)}.track-row--active{border-color:var(--accent);background:var(--surface-raised)}.track-row__label{font-size:14px;font-weight:500}.track-row__play{border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:border-color .15s,color .15s;display:flex}.track-row__play:hover{border-color:var(--accent);color:var(--accent)}.music-picker{align-items:center;gap:10px;display:flex}.music-picker .reel-select{flex:1}.music-picker__play{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-raised);width:46px;height:46px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-soft);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:border-color .15s,color .15s,transform .1s;display:flex}.music-picker__play:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.clip-slots{flex-direction:column;gap:8px;display:flex}.clip-slot{border-radius:var(--radius-sm);border:1px dashed var(--border);background:var(--surface);cursor:pointer;align-items:center;gap:12px;padding:15px 14px;transition:border-color .15s,transform .1s,background .15s;display:flex;position:relative}.clip-slot:hover{border-color:var(--accent);background:var(--surface-raised);transform:translateY(-1px)}.clip-slot__number{background:var(--surface-raised);width:24px;height:24px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.clip-slot__text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.clip-slot__input{opacity:0;cursor:pointer;position:absolute;inset:0}.clip-slot__remove{border:1px solid var(--border);background:var(--surface-raised);width:22px;height:22px;color:var(--text-muted);cursor:pointer;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:border-color .15s,color .15s;display:flex;position:absolute;top:6px;right:6px}.clip-slot__remove:hover{border-color:var(--danger);color:var(--danger)}.clip-slot__add{border-radius:var(--radius-sm);border:1px dashed var(--border);height:46px;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;font-size:14px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.clip-slot__add:hover{border-color:var(--accent);color:var(--accent);background:#d7ff3d0a}.reel-submit{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent) 0%, #c2eb1f 100%);height:56px;color:var(--accent-contrast);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:none;font-size:15px;font-weight:700;transition:opacity .12s,transform .1s,box-shadow .12s;box-shadow:0 8px 24px #d7ff3d38}.reel-submit:disabled{opacity:.35;box-shadow:none;cursor:not-allowed}.reel-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 30px #d7ff3d52}.reel-submit:not(:disabled):active{transform:translateY(0)}.reel-status{text-align:center;margin:-14px 0 0;font-size:13px;font-weight:500}.reel-status--ok{color:var(--accent)}.reel-status--error{color:var(--danger)}.reel-history{flex-direction:column;gap:14px;display:flex}.reel-history__empty{color:var(--text-muted);text-align:center;padding:40px 20px;font-size:14px}.reel-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.reel-card__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.reel-card__tema{color:var(--text);font-size:14px;font-weight:600}.reel-card__status{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11px}.reel-card__status--processing{color:var(--accent);background:#d7ff3d1f;border:1px solid #d7ff3d4d}.reel-card__status--done{color:var(--accent);border:1px solid var(--accent);background:#d7ff3d33}.reel-card__status--error{color:var(--danger);background:#ff5c5c1f;border:1px solid #ff5c5c4d}.reel-card__video{background:#000;border-radius:8px;width:100%;max-width:260px}.reel-card__caption{color:var(--text);margin:0;font-size:13px}.reel-card__hashtags{color:var(--text-muted);margin:0;font-size:12px}.reel-card__date{color:var(--text-muted);font-size:11px}.dashboard-screen{max-width:640px;min-height:100%;margin:0 auto;padding:28px 16px 64px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dashboard-header__identity{align-items:center;gap:12px;display:flex}.dashboard-header__mark{border-radius:10px;width:38px;height:38px;box-shadow:0 0 0 1px #d7ff3d26,0 0 16px #d7ff3d2e,0 4px 10px #00000059}.dashboard-eyebrow{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 2px;font-size:11px;font-weight:500}.dashboard-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:900}.dashboard-logout{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-soft);padding:10px 16px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,transform .1s}.dashboard-logout:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.dashboard-logout:active{transform:translateY(0)}.dashboard-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:28px;display:flex}.dashboard-tab{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;margin-bottom:-1px;padding:12px 14px;font-size:14px;font-weight:500;transition:color .15s,background .15s,border-color .2s;position:relative}.dashboard-tab:hover{color:var(--text);background:#ffffff08}.dashboard-tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.dashboard-tab--active:hover{background:0 0}.dashboard-content{min-height:200px;animation:.28s ease-out content-fade-in}@keyframes content-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dashboard-content{animation:none}}