@font-face{font-family:KleeOne;src:url(/assets/KleeOne-SemiBold-CGH8uSyo.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Doto-Medium;src:url(/assets/Doto-Medium-DeLfSxmJ.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:KronaOne;src:url(/assets/KronaOne-Regular-7xlXjQMl.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #F8F9FA;--bg-panel: transparent;--red: #111;--red-dark: #000;--text: #1a1a1a;--text-muted: #999;--border: #ddd;--border-focus: #111;--border-light: rgba(26, 26, 26, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:KleeOne,serif;font-weight:500;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,b,strong{font-family:KleeOne,serif;font-weight:400}.info-title{font-family:KronaOne,sans-serif!important;font-weight:400!important;letter-spacing:-.02em}.title-stroke-layer,.title-fill-layer{font-family:KronaOne,sans-serif;font-weight:400;letter-spacing:-.02em}.app{display:flex;min-height:100vh}.info-panel{width:50%;min-height:100vh;display:flex;align-items:stretch;position:sticky;top:0;height:100vh}.info-inner{display:flex;flex-direction:column;justify-content:space-between;padding:12vw 8vw;width:100%}.info-top{display:flex;flex-direction:column;gap:24px}.info-title{font-family:KleeOne,serif;font-size:clamp(40px,5vw,64px);line-height:1.1;color:var(--text);font-weight:400}.info-email{font-size:13px;color:var(--text-muted)}.info-bottom-wrapper{display:flex;gap:60px}.info-col{display:flex;flex-direction:column;gap:12px}.col-title{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--text)}.col-links{display:flex;gap:12px}.col-links a{font-size:11px;color:var(--text-muted);text-decoration:none;letter-spacing:2px;transition:color .2s}.col-links a:hover{color:var(--text)}.col-desc{font-size:11px;color:var(--text-muted)}.form-panel{flex:1;display:flex;align-items:center;padding:12vw 8vw;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.form-panel::-webkit-scrollbar{display:none}.form-inner{width:100%;max-width:400px;display:flex;flex-direction:column}.form-title{font-size:24px;margin-bottom:48px;color:var(--text)}@media(max-width:768px){.app{flex-direction:column}.info-panel{width:100%;min-height:auto;height:auto;position:static}.info-inner,.form-panel{padding:40px 28px}.info-bottom-wrapper{flex-direction:column;gap:32px}}.doge-img{width:200px;aspect-ratio:1;object-fit:cover;display:block;margin-top:24px;margin-bottom:8px;border-radius:12px;-webkit-user-drag:none}.col-links a{display:inline-flex;align-items:center;gap:8px;margin-top:10px}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.field{margin-bottom:32px}.field-label{display:block;font-size:20px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);margin-bottom:12px}.field-input-wrap{position:relative;display:flex;gap:10px}.field-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);padding:0 36px 8px 0;font-family:KleeOne,serif;font-size:14px;color:var(--text);outline:none;transition:border-color .2s}.field-input::placeholder{color:var(--text-muted)}.field-input:focus{border-bottom-color:var(--border-focus)}.clear-btn{border:none;background:none;cursor:pointer;font-size:20px;color:var(--text-muted);transition:color .2s}.clear-btn:hover{color:var(--text)}.format-options{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.format-opt{font-size:20px;color:var(--text-muted);cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.format-opt:hover,.format-opt.active{color:#000;text-decoration:underline;text-underline-offset:6px;text-underline-thickness:2px}.format-sep{color:var(--border);font-size:14px}.submit-btn{margin-top:10px;background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:0;color:var(--text);font-family:KleeOne,serif;font-size:20px;transition:gap .2s}.submit-btn:hover{gap:16px}.submit-btn:disabled{color:var(--text-muted);cursor:not-allowed}.submit-arrow{display:inline-block;font-size:16px;text-decoration:none}.status{margin-top:20px;font-size:12px;letter-spacing:1px;text-decoration:underline;text-underline-offset:6px;text-underline-thickness:2px;color:red!important;min-height:16px}.status.error{color:var(--red)}.status.success{color:#4caf50}.progress{display:none;margin-top:24px;gap:10px;flex-direction:column}.progress.visible{display:flex}.progress-track{width:100%;height:1px;background:var(--border-light);overflow:hidden}.progress-fill{height:100%;background:var(--red);width:0%;transition:width .4s ease}.progress-fill.indeterminate{width:35%;animation:indeterminate 1.2s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.progress-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.dl-link{display:none;margin-top:24px;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;font-family:KleeOne,serif;font-size:16px;transition:color .2s}.dl-link span:last-child{font-size:20px;transition:transform .2s}.dl-link:hover{color:var(--red)}.dl-link:hover span:last-child{transform:translateY(3px)}.dl-link.visible{display:flex}.preview{display:none;margin-top:36px;gap:16px;align-items:flex-start}.preview.visible{display:flex}.preview-thumb{flex-shrink:0;width:120px;height:76px;overflow:hidden;background:#f0e8d8}.preview-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(10%)}.preview-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}.preview-title{font-family:KleeOne,serif;font-size:13px;font-weight:600;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-channel{font-size:10px;letter-spacing:1px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-duration{font-size:11px;color:var(--red);letter-spacing:1px}.navbar{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:0;background:#f8f9fad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:999px;padding:6px 8px;box-shadow:0 2px 16px #0000000f}.nav-item{display:flex;align-items:center;gap:7px;padding:7px 18px;border-radius:999px;font-family:KleeOne,serif;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);cursor:pointer;border:none;background:none;transition:color .2s,background .2s;-webkit-user-select:none;user-select:none;white-space:nowrap}.nav-item svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}.nav-item:hover{color:var(--text)}.nav-item.active{background:var(--text);color:var(--bg)}.nav-sep{width:1px;height:16px;background:var(--border);margin:0 2px}.page{display:none;width:100%;min-height:100vh;will-change:transform,opacity,filter}.page.page-active{display:flex;width:100%}.page.page-enter{animation:whooshInFromRight .65s cubic-bezier(.22,1,.36,1) forwards}.page.page-enter-left{animation:whooshInFromLeft .65s cubic-bezier(.22,1,.36,1) forwards}.page.page-exit{pointer-events:none;animation:whooshOutToLeft .42s cubic-bezier(.55,0,1,.7) forwards}.page.page-exit-right{pointer-events:none;animation:whooshOutToRight .42s cubic-bezier(.55,0,1,.7) forwards}@keyframes whooshOutToLeft{0%{opacity:1;transform:translate(0) scaleX(1);filter:blur(0px)}30%{transform:translate(-4%) scaleX(.98);filter:blur(5px)}to{opacity:0;transform:translate(-22%) scaleX(.92);filter:blur(22px)}}@keyframes whooshInFromRight{0%{opacity:0;transform:translate(22%) scaleX(.92);filter:blur(22px)}40%{opacity:1;filter:blur(5px)}to{opacity:1;transform:translate(0) scaleX(1);filter:blur(0px)}}@keyframes whooshOutToRight{0%{opacity:1;transform:translate(0) scaleX(1);filter:blur(0px)}30%{transform:translate(4%) scaleX(.98);filter:blur(5px)}to{opacity:0;transform:translate(22%) scaleX(.92);filter:blur(22px)}}@keyframes whooshInFromLeft{0%{opacity:0;transform:translate(-22%) scaleX(.92);filter:blur(22px)}40%{opacity:1;filter:blur(5px)}to{opacity:1;transform:translate(0) scaleX(1);filter:blur(0px)}}.page>.app{width:100%}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.intro-animate{opacity:0;animation:fadeSlideUp .6s cubic-bezier(.22,1,.36,1) forwards}.intro-d1{animation-delay:.2s}.intro-d2{animation-delay:.38s}.intro-d3{animation-delay:.52s}.intro-d4{animation-delay:.64s}.intro-d5{animation-delay:.76s}.parallax-title,.parallax-desc,.parallax-img,.parallax-links{will-change:transform;transition:transform .08s linear}
