*{box-sizing:border-box}:root{--bg:#070b16;--panel:rgba(18,26,43,.68);--line:rgba(255,255,255,.11);--text:#f3f7ff;--muted:#8d9ab1;--blue:#4c8dff;--cyan:#59d7ff;--purple:#8e6cff;--green:#45e0a1;--red:#ff6d83}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}body{position:relative;overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{border:0;cursor:pointer}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.22;z-index:0}.ambient-a{width:620px;height:620px;background:#1556d9;left:12%;top:-24%;animation:floatA 18s ease-in-out infinite alternate}.ambient-b{width:680px;height:680px;background:#6433c8;right:-22%;bottom:-32%;animation:floatB 22s ease-in-out infinite alternate}.ambient-c{width:420px;height:420px;background:#087d9e;right:24%;top:30%;opacity:.11;animation:floatC 25s ease-in-out infinite alternate}@keyframes floatA{to{transform:translate(8vw,9vh) scale(1.15)}}@keyframes floatB{to{transform:translate(-10vw,-8vh) scale(1.2)}}@keyframes floatC{to{transform:translate(-8vw,8vh) scale(.85)}}.sidebar{width:276px;position:fixed;inset:0 auto 0 0;background:linear-gradient(165deg,rgba(18,35,76,.96),rgba(7,13,29,.98) 66%);border-right:1px solid rgba(255,255,255,.12);padding:30px 20px 20px;z-index:5;display:flex;flex-direction:column;box-shadow:18px 0 60px rgba(0,0,0,.22)}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 42px}.brand-logo{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(143,76,255,.55))}.brand strong{display:block;font-size:21px;letter-spacing:-.06em}.brand span{display:block;color:#92a8d3;font-size:9px;letter-spacing:.25em;margin-top:3px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:14px 13px;margin:4px 0;border-radius:13px;background:transparent;color:#9ba9c1;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative}.nav-item:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(4px)}.nav-item.active{color:#fff;background:linear-gradient(100deg,rgba(58,117,236,.52),rgba(83,70,190,.2));border:1px solid rgba(120,169,255,.27);box-shadow:0 9px 25px rgba(23,74,183,.22),inset 0 0 20px rgba(124,170,255,.07)}.nav-icon{width:22px;text-align:center;color:#79a9ff;font-size:20px}.nav-item.active .nav-icon{color:#d2e5ff;text-shadow:0 0 14px #5d9cff}.nav-arrow{margin-left:auto;opacity:0;transform:translateX(-7px);transition:.3s}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:.8;transform:translateX(0)}.sidebar-bottom{margin-top:auto}.account{display:flex;align-items:center;gap:10px;padding:13px 11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:14px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#486bff,#be68ef);font-size:11px;font-weight:700}.account b{font-size:12px;display:block}.account small{display:block;color:#7786a2;font-size:10px;margin-top:3px}.account-logout{margin-left:auto;background:transparent;color:#8191ad;border-radius:8px;padding:7px}.account-logout:hover{background:rgba(255,255,255,.1);color:#fff}.side-status{font-size:10px;color:#7484a2;padding:0 11px}.side-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#42dc9e;box-shadow:0 0 8px #42dc9e;margin-right:6px}.side-status span{float:right;color:#4b5b78}.app-shell{position:relative;z-index:1;margin-left:276px;min-height:100vh}.topbar{height:114px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#070b16 0,#0b1225 38px,rgba(8,13,26,.5) 114px);backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:space-between;padding:38px 30px 0;position:sticky;top:0;z-index:4}.crumb{font-size:10px;letter-spacing:.16em;color:#6e7c99}.crumb b{margin:0 12px;color:#33415b}.crumb strong{color:#dce7fa;font-weight:600}.top-actions{display:flex;align-items:center;gap:10px}.api-pill,.icon-btn{border:1px solid var(--line);background:rgba(255,255,255,.065);backdrop-filter:blur(14px);transition:.35s}.api-pill{height:36px;padding:0 13px;border-radius:20px;font-size:11px;color:#a7c5ff}.api-pill:hover,.icon-btn:hover{background:rgba(76,141,255,.17);border-color:#5d9cff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(45,117,255,.18)}.api-pill i{display:inline-block;width:5px;height:5px;background:#42dc9e;border-radius:50%;margin-left:8px;box-shadow:0 0 8px #42dc9e}.icon-btn{width:36px;height:36px;border-radius:50%;font-size:17px;color:#9eabc0}.page{min-height:calc(100vh - 114px);overflow:auto;padding:44px 48px 70px;scroll-behavior:smooth}.page::-webkit-scrollbar{width:8px}.page::-webkit-scrollbar-thumb{background:#293650;border-radius:20px}.hero{max-width:1360px;margin:0 auto 34px;animation:rise .65s both}.eyebrow{color:#6ba7ff;font-size:10px;font-weight:700;letter-spacing:.2em;margin-bottom:14px}.hero h1{font-size:42px;line-height:1.08;letter-spacing:-.055em;margin:0 0 12px;font-weight:700}.hero p{color:#91a0ba;font-size:14px;line-height:1.7;max-width:650px;margin:0}.grid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.82fr);gap:24px;align-items:start}.stack{display:flex;flex-direction:column;gap:18px}.card{background:linear-gradient(140deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:18px;padding:23px;backdrop-filter:blur(20px);box-shadow:0 20px 55px rgba(0,0,0,.16);animation:rise .7s both;transition:.35s}.card:hover{border-color:rgba(123,170,255,.3);box-shadow:0 24px 70px rgba(0,0,0,.24),inset 0 0 30px rgba(87,133,255,.025)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.card-title{font-weight:600;font-size:13px;letter-spacing:-.01em}.card-sub{font-size:11px;color:#71809c}.dropzone{min-height:280px;border:1px dashed rgba(86,151,255,.55);border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;transition:.4s;cursor:pointer}.dropzone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(76,141,255,.13),transparent 52%);opacity:.75}.dropzone.drag{border-color:#68d7ff;background:rgba(61,143,255,.12);transform:scale(1.008)}.drop-inner{position:relative;z-index:1;width:100%;padding:30px}.upload-icon{width:68px;height:68px;margin:0 auto 16px;border:1px solid rgba(107,169,255,.4);border-radius:19px;display:grid;place-items:center;font-size:29px;color:#78b4ff;background:rgba(39,92,190,.22);box-shadow:0 0 35px rgba(61,130,255,.23);transition:.45s}.dropzone:hover .upload-icon{transform:translateY(-6px) rotate(4deg);box-shadow:0 0 45px rgba(61,130,255,.45)}.dropzone h3{font-size:16px;margin:0 0 8px}.dropzone p{font-size:11px;color:#8796b1;margin:0 0 18px}.btn{border-radius:10px;padding:11px 16px;font-weight:600;font-size:11px;transition:.3s;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.2),transparent 70%);transform:translateX(-120%);transition:.6s}.btn:hover:after{transform:translateX(120%)}.btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(0,0,0,.22)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#4a8eff,#655cef);box-shadow:0 8px 22px rgba(59,114,255,.24)}.btn-ghost{background:rgba(255,255,255,.07);border:1px solid var(--line);color:#c0cee3}.btn-danger{background:rgba(255,92,120,.11);color:#ff9caf;border:1px solid rgba(255,92,120,.22)}.queue{min-height:205px}.queue-list{display:flex;flex-direction:column;gap:9px}.queue-empty{text-align:center;padding:27px;color:#65748e;font-size:12px;border:1px dashed rgba(255,255,255,.09);border-radius:12px}.file-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);animation:pop .35s both;transition:.3s}.file-row:hover{background:rgba(255,255,255,.09);transform:translateX(3px)}.file-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#243b70,#1c1e3b);display:grid;place-items:center;font-size:17px;color:#80b2ff}.file-meta{min-width:0;flex:1}.file-meta b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta small{display:block;color:#71809b;font-size:10px;margin-top:4px}.status{font-size:9px;color:#60dfad;padding:5px 8px;border-radius:20px;background:rgba(69,224,161,.1);border:1px solid rgba(69,224,161,.2)}.remove{font-size:16px;color:#64738e;background:transparent}.remove:hover{color:#ff7087;transform:scale(1.2)}.section-label{font-size:10px;color:#71809c;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin:3px 0 10px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preset{padding:13px;border-radius:11px;text-align:left;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);transition:.3s}.preset:hover,.preset.selected{border-color:#5c9bff;background:rgba(70,132,255,.14);transform:translateY(-2px)}.preset b{font-size:11px;display:block}.preset span{font-size:10px;color:#7f90ad;display:block;margin-top:5px}.select-like,.input{width:100%;padding:12px 13px;background:rgba(0,0,0,.2);border:1px solid var(--line);border-radius:10px;color:#d8e4f8;outline:none;transition:.3s}.input:focus,.select-like:focus{border-color:#5798ff;box-shadow:0 0 0 3px rgba(76,141,255,.12)}.range-row{display:flex;justify-content:space-between;font-size:11px;color:#aab8ce;margin:18px 0 10px}.range{accent-color:#5b98ff;width:100%}.mini-stat{display:flex;gap:10px;margin-bottom:18px}.stat{flex:1;padding:13px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.stat strong{display:block;font-size:20px}.stat small{font-size:10px;color:#73829c}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)}.setting-row:last-child{border:0}.setting-row b{font-size:12px}.setting-row small{display:block;color:#7888a5;font-size:10px;margin-top:5px}.toast{position:fixed;right:28px;bottom:26px;padding:13px 17px;border-radius:12px;background:rgba(27,39,66,.94);border:1px solid rgba(102,159,255,.45);box-shadow:0 15px 40px rgba(0,0,0,.3);font-size:11px;z-index:60;opacity:0;transform:translateY(15px);transition:.4s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.commerce-preview{position:relative;z-index:1;max-width:190px;max-height:160px;border-radius:14px;background:rgba(3,9,22,.35);border:1px solid rgba(107,169,255,.35);padding:8px;box-shadow:0 0 32px rgba(61,130,255,.2)}.listing-result{margin-top:18px;padding:20px;border-radius:14px;background:linear-gradient(145deg,rgba(65,112,205,.16),rgba(255,255,255,.035));border:1px solid rgba(104,156,255,.28);min-height:190px}.listing-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.listing-result-text{display:flex;align-items:flex-start;margin-top:18px;padding:18px 20px;min-height:126px;border-radius:11px;background:rgba(4,10,24,.42);border:1px solid rgba(255,255,255,.09);color:#e3ebfa;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.listing-results-stack{width:100%;display:flex;flex-direction:column;gap:12px}.listing-result-entry{padding:13px 14px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.listing-result-entry-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#dfeaff;font-size:11px}.listing-result-entry-text{margin-top:9px;color:#c4d0e3;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.history-thumb{object-fit:cover}.listing-history-panel{max-width:1360px;margin:24px auto 0}.listing-history-list{display:flex;flex-direction:column;gap:10px}.listing-history-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.listing-history-thumb{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#243b70,#1c1e3b);color:#80b2ff;font-size:13px}.listing-history-thumb img{width:100%;height:100%;object-fit:cover}.listing-history-copy{min-width:0}.listing-history-copy b{display:block;font-size:11px}.listing-history-copy small{display:block;margin-top:4px;color:#71809c;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-history-copy p{margin:8px 0 0;color:#aab8ce;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.intro-splash{position:fixed;inset:0;z-index:50;background:#050711;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}.intro-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-video{width:100%;height:100%;object-fit:cover;background:#050711}.intro-skip{position:absolute;right:28px;bottom:24px;padding:9px 14px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(7,11,22,.55);backdrop-filter:blur(12px);color:rgba(255,255,255,.78);font-size:11px;opacity:.72;transition:.25s}.intro-skip:hover{opacity:1;background:rgba(76,141,255,.2);border-color:rgba(126,174,255,.65)}.auth-mode .sidebar,.auth-mode .app-shell{opacity:0;visibility:hidden;pointer-events:none}.auth-shell{position:fixed;inset:0;z-index:40;display:grid;grid-template-columns:minmax(520px,1.05fr) minmax(350px,.95fr);min-height:100vh;background:radial-gradient(circle at 13% 10%,rgba(91,82,220,.18),transparent 31%),radial-gradient(circle at 83% 80%,rgba(45,126,238,.18),transparent 32%),#070b16;overflow:auto}.auth-panel{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;max-width:620px;width:100%;margin:0 auto;padding:64px 52px;animation:rise .64s both}.auth-brand{display:flex;align-items:center;gap:15px;margin-bottom:72px}.auth-brand img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(139,83,255,.52))}.auth-brand span{display:block;color:#dbe5f9;font-size:13px;font-weight:800;letter-spacing:.06em}.auth-brand strong{display:block;color:#8191ad;font-size:10px;line-height:1.55;margin-top:4px}.auth-copy h1{font-size:42px;letter-spacing:-.058em;line-height:1.06;margin:0 0 14px}.auth-copy p{max-width:490px;margin:0;color:#8d9cb7;font-size:14px;line-height:1.75}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin:34px 0 20px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:13px}.auth-tab{min-height:38px;border-radius:9px;color:#8090aa;background:transparent;font-size:11px;font-weight:700}.auth-tab.active{color:#f3f7ff;background:linear-gradient(135deg,rgba(78,141,255,.5),rgba(114,87,232,.42))}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form label{display:flex;flex-direction:column;gap:8px;color:#b8c6de;font-size:10px;font-weight:700}.auth-form .input{height:47px;font-size:12px;background:rgba(2,7,19,.48)}.auth-help,.auth-foot{color:#72829e;font-size:10px;line-height:1.65}.auth-submit{width:100%;min-height:48px}.auth-aside{position:relative;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:64px 8vw;overflow:hidden;border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(22,31,66,.54),rgba(6,11,23,.25))}.auth-feature{position:relative;z-index:2;display:grid;grid-template-columns:38px 1fr;gap:15px;max-width:410px;padding:18px;border:1px solid rgba(150,179,255,.14);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:0 20px 48px rgba(0,0,0,.16)}.auth-feature span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#4b8dff,#7b5fec);font-size:10px;font-weight:800}.auth-feature b{display:block;font-size:12px}.auth-feature small{display:block;margin-top:6px;color:#8292ac;font-size:10px;line-height:1.6}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media(max-width:1150px){.sidebar{width:230px}.app-shell{margin-left:230px}.page{padding-left:28px;padding-right:28px}.grid{grid-template-columns:1fr}}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-panel{max-width:680px;padding:50px 30px}.auth-aside{display:none}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.topbar{height:78px;padding:15px 16px 0}.page{min-height:calc(100vh - 78px);padding:28px 16px 50px}.hero h1{font-size:32px}.crumb span{display:none}.crumb b{margin-left:0}.mini-stat{display:grid;grid-template-columns:1fr 1fr}.listing-history-item{grid-template-columns:44px minmax(0,1fr)}.listing-history-thumb{width:44px;height:44px}.listing-history-item .btn{grid-column:2;justify-self:start}.auth-panel{padding:32px 22px}.auth-brand{margin-bottom:46px}}

body.auth-mode .sidebar{opacity:0;visibility:hidden;pointer-events:none}body.auth-mode .app-shell{opacity:1;visibility:visible;pointer-events:auto;margin-left:0;min-height:100vh}body.auth-mode .topbar{display:none}body.auth-mode .page{min-height:100vh;padding:0;overflow:hidden}

.intro-sound{position:absolute;right:88px;bottom:24px;padding:9px 14px;border:1px solid rgba(102,159,255,.45);border-radius:18px;background:rgba(34,59,112,.62);backdrop-filter:blur(12px);color:#dce9ff;font-size:11px;transition:.25s}.intro-sound:hover{background:rgba(76,141,255,.25);border-color:#78b4ff;transform:translateY(-1px)}

.day-row{cursor:pointer;text-align:left}.day-row:hover{transform:translateX(6px);border-color:rgba(99,160,255,.45);background:rgba(76,141,255,.12)}.day-row.selected-day{border-color:#66a3ff;background:linear-gradient(100deg,rgba(74,141,255,.22),rgba(117,92,238,.12));box-shadow:0 0 24px rgba(76,141,255,.17);transform:translateX(8px)}.detail-panel{animation:rise .48s cubic-bezier(.16,1,.3,1) both}