:root{color:#f8f4f3;font-synthesis:none;background:#17141c;font-family:Inter,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}body{background:#17141c;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:.85rem;font-size:clamp(2rem,9vw,3.2rem);line-height:.95}h2{letter-spacing:-.035em;margin-bottom:.5rem}.eyebrow{color:#f0a2bf;letter-spacing:.16em;margin-bottom:.55rem;font-size:.68rem;font-weight:800}.small,small{color:#cbbec6;font-size:.8rem;line-height:1.45}.error{color:#ffbdcf;font-size:.86rem}.primary{color:#fff;background:linear-gradient(135deg,#b42461,#87149c);border:0;border-radius:16px;min-height:52px;padding:0 20px;font-weight:800;box-shadow:0 9px 24px #8c19564d}.primary:disabled{opacity:.45;cursor:not-allowed}.welcome{background:radial-gradient(circle at 100% 5%,#95186c55,#0000 35%),radial-gradient(circle at 0 100%,#7e209a50,#0000 44%),#19151f;flex-direction:column;justify-content:center;min-height:100svh;padding:34px 28px;display:flex}.welcome>p:not(.eyebrow):not(.small):not(.error){color:#e0d4db;max-width:26rem;margin-bottom:26px;line-height:1.52}.brand-icon{aspect-ratio:1;object-fit:cover;border-radius:26px;width:92px;margin-bottom:30px}.welcome .primary{width:100%;max-width:330px}.welcome .small{max-width:330px;margin-top:17px}.library{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 20px 32px;background:radial-gradient(circle at 95% 0,#96186136,#0000 30%),#19151f}.library header,.clips-panel header{align-items:center;gap:12px;display:flex}.library header img{object-fit:cover;border-radius:16px;width:52px;height:52px}.library header h1{margin:0;font-size:1.7rem}.library header .eyebrow{margin-bottom:3px}.icon-button{color:#fff;background:#ffffff1a;border:0;border-radius:50%;min-width:42px;min-height:42px;margin-left:auto;font-size:1.5rem}.new-project{width:100%;margin:30px 0 23px}.project-list{gap:11px;display:grid}.project-card{color:#f8f4f3;text-align:left;background:#2a2530;border:1px solid #ffffff16;border-radius:18px;grid-template-columns:48px 1fr 18px;align-items:center;gap:9px;min-height:77px;padding:11px;display:grid}.project-card b,.project-card small{display:block}.project-card b{margin-bottom:4px}.project-disc,.mini-video{color:#fff;aspect-ratio:1;background:radial-gradient(circle at 64% 30%,#c72a77,#5a187d 63%,#121014 65%);border-radius:50%;place-items:center;font-size:1.3rem;display:grid}.empty{color:#cbbec6;text-align:center;padding:32px 18px;line-height:1.5}.dialog-backdrop{z-index:20;background:#08060bb8;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.dialog{width:min(100%,430px);padding:26px 20px max(22px, env(safe-area-inset-bottom));background:#28222d;border:1px solid #ffffff20;border-radius:25px;position:relative}.dialog label:not(.file-picker){color:#e5dce1;gap:8px;margin:18px 0;font-size:.84rem;display:grid}.dialog input:not([type=file]){color:#fff;background:#16121a;border:1px solid #fff2;border-radius:12px;width:100%;padding:13px}.file-picker{color:#ffd7e6;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#a9216722;border:1px dashed #f08ba9;border-radius:15px;padding:18px 14px;display:block;overflow:hidden}.file-picker input{display:none}.dialog .primary{width:100%}.dialog .close{color:#fff;background:0 0;border:0;font-size:2rem;position:absolute;top:10px;right:14px}.dialog-actions{gap:10px;display:flex}.dialog-actions>*{flex:1}.dialog-actions>button:not(.primary){color:#fff;background:#ffffff14;border:0;border-radius:16px}.player{touch-action:manipulation;background:#070609;position:fixed;inset:0;overflow:hidden}.stage{object-fit:contain;background:#050506;width:100%;height:100%;position:absolute;inset:0}.preview{object-fit:cover}.mirrored{transform:scaleX(-1)}.empty-stage{color:#b8aeb4;background:radial-gradient(circle at 50% 40%,#332334,#09080b 62%);place-items:center;font-size:.85rem;display:grid}.timeline{z-index:4;background:#18131edb;border-right:1px solid #ffffff27;width:51px;position:absolute;top:0;bottom:0;left:0}.timeline:before{content:"";background:#fbf6f08a;border-radius:9px;width:3px;position:absolute;top:5%;bottom:5%;left:24px}.timeline.right{border-left:1px solid #ffffff27;border-right:0;left:auto;right:0}.timeline.right:before{left:24px}.marker{z-index:1;background:#e8a543;border-radius:8px;width:19px;height:5px;position:absolute;left:16px}.playhead{z-index:2;background:#dcf46f;border-radius:50%;width:27px;height:27px;position:absolute;left:12px;transform:translateY(-50%);box-shadow:0 0 0 4px #dcf46f52}.time-readout{z-index:5;top:max(20px, env(safe-area-inset-top));text-shadow:0 1px 5px #000;font-size:1.28rem;font-weight:800;position:absolute;right:17px}.time-readout span{color:#dfd5da;font-size:.72rem}.back-button{z-index:6;top:max(15px, env(safe-area-inset-top));color:#fff;background:#141015b8;border:0;border-radius:50%;width:41px;height:41px;font-size:2rem;line-height:1;position:absolute;left:61px}.record-button,.recording-stop{z-index:8;right:16px;top:max(63px, calc(env(safe-area-inset-top) + 44px));color:#fff;background:#b4204b;border:3px solid #ffedf1;position:absolute;box-shadow:0 4px 16px #0008}.record-button{border-radius:50%;width:55px;height:55px;padding:0}.record-button i{background:#fff;border-radius:50%;width:18px;height:18px;margin:auto;display:block}.recording-stop{border-radius:15px;min-height:48px;padding:0 14px;font-weight:800}.recording-stop span{margin-left:6px}.control-overlay{z-index:7;left:65px;right:17px;bottom:max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#130f18df;border-radius:19px;grid-template-columns:42px 1fr 42px 38px 38px;align-items:center;gap:5px;min-height:67px;padding:7px;transition:opacity .25s;display:grid;position:absolute}.control-overlay.quiet{opacity:.12}.control-overlay button{color:#fff;background:#ffffff1a;border:0;border-radius:13px;min-height:40px;font-size:1.22rem}.control-overlay .play-button{color:#1a1e0c;background:#dcf46f;border-radius:50%;justify-self:center;width:55px;height:55px;font-weight:900}.toast{z-index:11;color:#ffe5ee;background:#511b30e8;border-radius:12px;padding:10px;font-size:.82rem;position:absolute;top:112px;left:64px;right:16px}.clips-panel{z-index:10;padding:max(23px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom));background:#1d1723;position:absolute;inset:0 51px 0 0;overflow-y:auto}.clips-panel header{margin-bottom:21px}.clips-panel header h2{margin:0;font-size:1.45rem}.clips-panel header .eyebrow{margin-bottom:4px}.active-clip{background:linear-gradient(145deg,#8b1a71,#4c1c6d);border-radius:18px;align-items:center;gap:12px;padding:13px;display:flex}.active-clip .mini-video{width:54px}.active-clip small,.active-clip b{display:block}.active-clip b{margin-top:4px;font-size:.9rem}.take{background:#2c2631;border-radius:15px;grid-template-columns:47px 1fr auto 30px;align-items:center;gap:8px;margin-top:10px;padding:10px;display:grid}.take .mini-video{width:47px}.take b,.take small{display:block}.take b{font-size:.82rem}.take small{margin-top:3px}.take button{color:#49102d;background:#f5d3e0;border:0;border-radius:10px;padding:8px;font-size:.72rem;font-weight:800}.take button.danger{color:#ffd8e3;background:#ffffff12;padding:4px;font-size:1.15rem}@media (width>=600px){.welcome,.library{border-radius:32px;max-width:430px;min-height:850px;margin:20px auto;box-shadow:0 15px 45px #0008}}.camera-toggle,.project-delete{z-index:6;top:max(15px, env(safe-area-inset-top));color:#fff;background:#141015b8;border:0;border-radius:50%;width:41px;height:41px;line-height:1;position:absolute}.camera-toggle{font-size:1.4rem;left:109px}.project-delete{font-size:1.35rem;left:157px}