:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{--page-bg-image:url(/main.png);background:linear-gradient(90deg, #04071cad, #04071c2e), var(--page-bg-image) center top / contain no-repeat;background-color:#050824;margin:0;overflow-x:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:0;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button{cursor:pointer}.app{color:#f7f7ff;background:0 0;min-height:100svh;position:relative;overflow:hidden}.app:after{display:none}.site-header,main{z-index:2;width:min(100%,1640px);max-width:1640px;margin:0 auto;position:relative}.site-header{grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:34px clamp(22px,4vw,58px) 0;display:grid}.logo-wrap{align-items:center;min-width:0;display:inline-flex}.logo-link{text-decoration:none;display:inline-flex}.logo-image{object-fit:contain;flex:none;width:auto;height:172px;display:block}.login-btn,.user-menu button,.primary-btn,.secondary-btn,.tiny-reset-btn{border:0;border-radius:999px;font-weight:800}.login-btn,.benefits-pill,.user-menu{color:#8bf7ff;background:linear-gradient(135deg,#21b7d86b,#12245ad1);border:1px solid #70e6ff57;padding:12px 24px}.benefits-pill{border-radius:999px;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.header-actions{justify-self:end;align-items:center;gap:12px;display:flex}.user-menu{border-radius:24px;align-items:center;gap:14px;max-width:520px;display:flex}.user-menu-info{text-align:right;min-width:0}.user-menu-info strong,.user-menu-info span{display:block}.user-menu-info strong{color:#0000;letter-spacing:.1em;background:linear-gradient(90deg,#7ee7ff,#b690ff);-webkit-background-clip:text;background-clip:text;font-size:11px;font-weight:900}.user-menu-info span{color:#f7f7ff8c;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;overflow:hidden}.user-menu-actions{align-items:center;gap:6px;display:flex}.user-menu-actions button{border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;transition:opacity .15s}.user-menu-actions button:hover{opacity:.82}.user-menu-mypage{background:#7ee7ff24;color:#8ff0ff!important;border:1px solid #7ee7ff47!important}.user-menu-admin{background:#ffc86424;color:#ffd37a!important;border:1px solid #ffc86447!important}.user-menu-logout{background:#ffffff12;color:#f7f7ff99!important;border:1px solid #ffffff21!important}.site-header .benefits-pill{min-height:52px}.hero{grid-template-columns:minmax(360px,.82fr) minmax(580px,1.18fr);align-items:stretch;gap:clamp(34px,4vw,72px);min-height:calc(100svh - 92px);padding:42px clamp(22px,4vw,58px) 54px;display:grid}.hero-left{text-align:left;flex-direction:column;max-width:680px;display:flex}.hero h1{color:#fff;letter-spacing:0;text-shadow:0 8px 28px #00000059;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(50px,5.5vw,86px);font-weight:950;line-height:1.02}.hero-ad-box{z-index:2;background:linear-gradient(145deg,#201a57d1,#151b4cb8);border:1px solid #89fff35c;border-radius:24px;max-width:850px;min-height:120px;margin:auto 0 0;padding:20px;position:relative;box-shadow:0 18px 48px #00000047,inset 0 0 28px #2adcff1a}.hero-ad-box span{color:#89fff3;background:#89fff324;border:1px solid #89fff352;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900;display:inline-flex}.hero-ad-box strong{color:#fff;margin:14px 0 8px;font-size:20px;line-height:1.2;display:block}.hero-ad-box p{color:#f7f7ffad;font-size:13px;line-height:1.45}.hero-ad-usage-text{justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.hero-ad-usage-text strong{color:#fff;margin:0 0 6px;font-size:14px;display:block}.hero-ad-usage-text p{color:#f7f7ffa8;font-size:13px;line-height:1.45}.hero h1 span{background:linear-gradient(100deg,#54d6ff 8%,#8579ff 45%,#f17cff 90%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-desc{color:#f7f7ffc7;margin:22px 0 24px;font-size:19px;line-height:1.55}.trust-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:30px;display:grid}.trust-row span{color:#f7f7ffe6;text-align:center;background:#131642d1;border:1px solid #70e6ff38;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:8px;font-size:13px;font-weight:800;display:flex}.hidden-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-box{color:#fff;outline-offset:-16px;text-align:center;background:linear-gradient(#1e3595a8,#0d164cc7);border:1px solid #6b60fff2;border-radius:28px;outline:2px dashed #6c87ffb8;width:100%;min-height:220px;padding:30px;position:relative;box-shadow:0 0 0 1px #755eff59,0 0 38px #5d5cff94,inset 0 0 40px #1ab7ff1f}.hero-upload{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.selected-file-card{width:100%}.mastering-style-picker{width:100%;margin-bottom:18px}.style-picker-head{text-align:left;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.style-picker-head span{color:#87fff3;font-size:12px;font-weight:900}.style-picker-head strong{color:#fff;font-size:15px}.mastering-style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.style-card{color:#fff;text-align:left;background:#1012409e;border:1px solid #7c6bdc6b;border-radius:12px;min-height:70px;padding:10px 8px}.style-card.selected{background:linear-gradient(145deg,#2fb1d96b,#7d52ff61);border-color:#89fff3a8;box-shadow:inset 0 0 24px #2adcff1f}.style-card h3{margin:0 0 4px;font-size:14px}.style-card p{color:#f7f7ff9e;font-size:11px;line-height:1.25}.file-status,.result-badge{color:#89fff3;background:#89fff324;border:1px solid #89fff35c;border-radius:999px;margin-bottom:10px;padding:5px 11px;font-size:12px;font-weight:900;display:inline-flex}.file-meta-row,.analysis-grid,.result-score-grid,.download-grid{gap:10px;display:grid}.file-meta-row{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}.file-meta-row span{color:#f7f7ffbd;text-overflow:ellipsis;white-space:nowrap;background:#ffffff14;border-radius:10px;padding:8px;font-size:12px;overflow:hidden}.audio-preview{width:100%;height:40px;margin:14px 0;display:block}.analysis-preview,.processing-card,.result-card{text-align:left;background:#080a2875;border:1px solid #ffffff14;border-radius:16px;margin-top:14px;padding:14px}.analysis-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.analysis-head span,.analysis-preview p,.result-note{color:#f7f7ffad;font-size:13px}.analysis-head strong{color:#89fff3;font-size:13px}.analysis-grid,.result-score-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.analysis-grid div,.result-score-grid div{background:#1b215b9e;border:1px solid #6877d95c;border-radius:12px;padding:10px}.analysis-grid span,.result-score-grid span{color:#f7f7ff94;font-size:11px;display:block}.analysis-grid strong,.result-score-grid strong{color:#fff;margin-top:4px;font-size:15px;display:block}.file-action-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.mastering-error{color:#ffd5df;background:#ff597d24;border:1px solid #ff597d4d;border-radius:12px;margin-top:12px;padding:10px;font-size:13px}.processing-card{text-align:center}.processing-card h4,.result-card h4{color:#fff;margin:6px 0 8px}.processing-spinner{border:3px solid #89fff32e;border-top-color:#89fff3;border-radius:999px;width:34px;height:34px;margin:0 auto 10px;animation:.9s linear infinite spin}.progress-track{background:#ffffff1a;border-radius:999px;height:9px;margin-top:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#62effc,#bd4cff);height:100%}.download-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.download-grid button{color:#fff;background:linear-gradient(135deg,#2c84ff,#324eb8);border:0;border-radius:12px;min-height:48px;padding:10px;font-size:13px;font-weight:900}.download-grid button:nth-child(2){background:linear-gradient(135deg,#40c5c1,#3779a8)}.download-grid button:nth-child(3){background:linear-gradient(135deg,#bd4cff,#7435d2)}.download-grid button:disabled{cursor:wait;opacity:.7}.result-note{margin-top:12px}@keyframes spin{to{transform:rotate(360deg)}}.upload-icon{color:#aba6ff;font-size:60px;line-height:1}.upload-box h3{color:#ffd3ff;margin:10px 0 6px;font-size:22px}.upload-box p{color:#f7f7ffc7}.primary-btn{color:#10133a;background:linear-gradient(135deg,#62effc,#9cffeb)}.secondary-btn,.tiny-reset-btn{color:#fff;background:#ffffff1a}.small{margin-top:16px;padding:10px 22px}.daily-usage-card{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.daily-usage-card strong{color:#fff}.daily-usage-card p{color:#f7f7ffa8;font-size:14px}.daily-dots{gap:7px;display:flex}.daily-dots span{background:#ffffff29;border-radius:999px;width:11px;height:11px}.daily-dots .used{background:#8bf7ff}.hero-visual{flex-direction:column;min-height:0;padding-top:0;display:flex;position:relative}.mascot-frame{display:none}.mascot-frame img{object-fit:cover;object-position:92% 18%;width:1320px;max-width:none;height:760px;transform:translate(-822px,-18px)}.studio-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:2;background:linear-gradient(145deg,#201a57d6,#151b4cc2);border:1px solid #945cff85;border-radius:34px;width:100%;max-width:1100px;max-height:50vh;margin-top:16px;padding:20px 24px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000052}.hero-compare-title{text-align:left;margin-bottom:10px}.hero-compare-title span{color:#87fff3;font-size:13px;font-weight:900}.hero-compare-title h2{color:#fff;margin:4px 0 6px;font-size:clamp(24px,2.2vw,34px);font-weight:900}.hero-compare-title p{color:#f7f7ffb3;font-size:13px;line-height:1.45}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.audio-panel{text-align:left;background:#101240b8;border:1px solid #7c6bdc80;border-radius:20px;padding:16px}.audio-panel.active{border-color:#56f1e794;box-shadow:inset 0 0 34px #2adcff1a}.panel-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-label{color:#fff;font-size:18px;font-weight:900;line-height:1}.panel-top p{color:#f7f7ff9e;margin-top:6px;font-size:13px}.panel-chip{color:#fff;background:#6856bab8;border-radius:999px;flex:none;padding:6px 10px;font-size:12px;font-weight:900}.active-chip{color:#10133a;background:linear-gradient(135deg,#3ae1c5,#65c6ff)}.fake-wave{color:#87a6ff;height:58px;margin:16px 0;overflow:hidden}.fake-wave:before{content:"";filter:drop-shadow(0 0 11px);opacity:.95;background:repeating-linear-gradient(90deg,#0000 0 7px,currentColor 7px 10px,#0000 10px 15px);height:100%;display:block;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.fake-wave.bright{color:#35dbff;transform:scaleY(1.18)}.compare-audio{width:100%;height:40px;margin-top:12px;display:block}.empty-audio-box,.after-ready-box{color:#f7f7ffb8;background:#080a2875;border:1px solid #ffffff14;border-radius:14px;min-height:78px;padding:14px;font-size:13px;line-height:1.45}.empty-audio-box.processing{color:#87fff3}.after-ready-box strong{color:#fff;margin-bottom:6px;display:block}.compare-file-info,.compare-result-info{margin-top:14px}.compare-file-info strong,.compare-file-info span{display:block}.compare-file-info strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare-file-info span{color:#f7f7ff9e;font-size:13px}.compare-result-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.compare-result-info div{background:#1b215b9e;border:1px solid #6877d95c;border-radius:12px;padding:10px}.compare-result-info span{color:#f7f7ff94;font-size:11px;display:block}.compare-result-info strong{color:#fff;margin-top:4px;font-size:16px;display:block}.preview-head{color:#f7f7ffdb;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-head span{color:#fff;font-size:18px;font-weight:900}.preview-head strong{color:#87fff3;font-size:14px}.wave-panel{background:#161247b8;border:1px solid #7c6bdc80;border-radius:18px;padding:12px 14px}.wave-panel+.wave-panel{margin-top:12px}.wave-panel>span{color:#fff;background:#6856bab8;border-radius:10px;padding:7px 12px;font-size:14px;font-weight:900;display:inline-block}.wave-panel.mastered>span{background:linear-gradient(135deg,#3ae1c5,#65c6ff)}.wave-fill{color:#87a6ff;height:58px;margin-top:8px;overflow:hidden}.wave-fill:before{content:"";filter:drop-shadow(0 0 11px);opacity:.95;background:repeating-linear-gradient(90deg,#0000 0 7px,currentColor 7px 10px,#0000 10px 15px);height:100%;display:block;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.mastered .wave-fill{color:#35dbff;transform:scaleY(1.28)}.wave-panel p{color:#f7f7ff9e;justify-content:space-between;display:flex}.visual-meter-grid{grid-template-columns:1fr 1.7fr;gap:18px;margin-top:28px;display:grid}.visual-meter-grid>div{background:#1b215bc7;border:1px solid #6877d973;border-radius:20px;min-height:128px;padding:18px 20px}.visual-meter-grid span,.visual-meter-grid small{color:#f7f7ffb8;display:block}.visual-meter-grid strong{color:#fff;margin:8px 0;font-size:40px;line-height:1;display:block}.visual-meter-grid small{color:#89fff3;border:1px solid #54ffe98c;border-radius:999px;padding:4px 12px;font-size:12px;display:inline-flex}.visual-format-row{background:#181a4fb8;border:1px solid #5663b259;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;padding:18px;display:grid}.visual-format-row span{color:#fff;text-align:center;background:linear-gradient(135deg,#2c84ff,#324eb8);border-radius:14px;min-height:58px;padding:17px 12px;font-weight:900}.visual-format-row span:nth-child(2){background:linear-gradient(135deg,#40c5c1,#3779a8)}.visual-format-row span:nth-child(3){background:linear-gradient(135deg,#bd4cff,#7435d2)}.floating-note{color:#ffd989;text-shadow:0 0 18px #ffd98999;z-index:4;font-size:30px;position:absolute}.note-1{top:18px;right:22%}.note-2{top:74px;left:4%}.note-3{top:530px;right:5%}.upload-section,.admin-page,section:not(.hero){color:#f7f7ff;background:0 0;padding:72px clamp(22px,4vw,58px)}.section-title{text-align:center;max-width:720px;margin:0 auto 28px}.section-title span{color:#87fff3;font-weight:900}.section-title h2{color:#fff;margin:8px 0 10px;font-size:34px;font-weight:900}.section-title p{color:#f7f7ffb8}.usage-panel{text-align:left;background:#101240a8;border:1px solid #89fff33d;border-radius:22px;justify-content:space-between;align-items:center;max-width:860px;margin:0 auto 24px;padding:22px;display:flex}.usage-panel span{color:#87fff3;font-weight:900}.usage-panel strong{color:#fff;margin:6px 0;font-size:28px;display:block}.usage-panel p{color:#f7f7ffad}.upload-section .upload-box{max-width:860px;margin:0 auto}.guide-section{justify-items:center;gap:28px;display:grid}.guide-section .section-title{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101240a8;border:1px solid #89fff33d;border-radius:24px;margin-bottom:0;padding:28px;box-shadow:0 18px 48px #0000003d}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;max-width:1080px;display:grid}.how-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;background:#101240a8;border:1px solid #89fff33d;border-radius:24px;min-height:250px;padding:28px;box-shadow:0 18px 48px #0000003d}.how-number{color:#fff;background:linear-gradient(135deg,#62effc,#8b5cff);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:22px;font-size:22px;font-weight:900;display:inline-flex}.how-card h3{color:#fff;margin:0 0 12px;font-size:24px}.how-card p{color:#f7f7ffb8;line-height:1.65}.policy-grid,.pricing-grid{gap:18px;max-width:1080px;margin:0 auto;display:grid}.policy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-card,.notice-box,.pricing-card,.footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f7f7ff;background:#101240a8;border:1px solid #89fff33d;border-radius:24px;box-shadow:0 18px 48px #0000003d}.policy-card,.pricing-card,.notice-box{padding:28px}.policy-card span,.plan-top span{color:#87fff3;font-size:13px;font-weight:900}.policy-card strong,.pricing-card h3,.plan-price,.notice-box h3{color:#fff}.policy-card strong,.plan-price{margin:8px 0 12px;font-size:32px;font-weight:900;display:block}.policy-card p,.pricing-card p,.plan-features,.notice-box p,.footer{color:#f7f7ffb8}.notice-box{align-items:flex-start;gap:18px;max-width:1080px;margin:24px auto 0;display:flex}.notice-icon,.popular-badge{color:#fff;background:linear-gradient(135deg,#62effc,#8b5cff);border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.notice-icon{flex:0 0 42px;height:42px}.plan-top{justify-content:space-between;align-items:center;display:flex}.popular-badge{padding:6px 12px;font-size:12px}.plan-features{gap:10px;margin:20px 0;display:grid}.plan-features span{color:#87fff3;margin-right:8px;font-weight:900}.plan-btn{padding:12px 20px}.footer{border-radius:0;justify-content:space-between;align-items:center;gap:20px;padding:28px clamp(22px,4vw,58px);display:flex}.footer-links{flex-wrap:wrap;gap:12px;display:flex}.footer-links button{color:#87fff3;background:0 0;border:0;font-weight:800}.auth-overlay,.policy-overlay,.feedback-overlay,.admin-detail-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#020412b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.auth-modal,.policy-modal,.feedback-modal,.admin-detail-modal{color:#fff;background:#101240f5;border:1px solid #89fff33d;border-radius:24px;width:min(560px,100%);max-height:calc(100svh - 48px);padding:28px;position:relative;overflow:auto;box-shadow:0 30px 90px #00000073}.auth-close,.policy-close,.feedback-close,.admin-detail-close{color:#fff;background:#ffffff14;border:0;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;display:inline-flex;position:absolute;top:16px;right:16px}.auth-badge{color:#87fff3;background:#89fff324;border:1px solid #89fff347;border-radius:999px;margin-bottom:16px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.auth-modal h2{color:#fff;margin:0 0 10px;font-size:30px}.auth-modal p{color:#f7f5ffb8;margin:0 0 18px}.auth-form{gap:14px;display:grid}.auth-form label{color:#f7f5ffb8;gap:8px;font-size:14px;display:grid}.auth-form input{color:#fff;background:#ffffff14;border:1px solid #89fff333;border-radius:14px;padding:14px 16px}.auth-error{color:#ffd5df;background:#ff597d1f;border:1px solid #ff597d47;border-radius:14px;padding:12px 14px}.auth-submit{min-height:52px}.auth-switch{color:#f7f5ffb8;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.auth-switch button{color:#87fff3;background:0 0;border:0;padding:0;font-weight:900}.auth-note{color:#f7f5ff8f;margin-top:14px;font-size:12px;line-height:1.5}.admin-page{gap:22px;max-width:1440px;margin:0 auto;display:grid}.admin-head,.admin-panel,.admin-stat-card,.admin-stat-grid,.admin-table,.admin-detail-modal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f7f7ff;background:#101240a8;border:1px solid #89fff33d;border-radius:24px;box-shadow:0 18px 48px #0000003d}.admin-head{justify-content:space-between;align-items:center;padding:28px;display:flex}.admin-head span,.admin-panel-head span,.admin-stat-card span{color:#87fff3;letter-spacing:0;font-size:12px;font-weight:900}.admin-head h1,.admin-panel-head h2{color:#fff;margin:8px 0 6px}.admin-head p,.admin-stat-card p{color:#f7f5ffb8}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:18px;display:grid}.admin-stat-card{padding:18px}.admin-stat-card strong{color:#fff;margin:8px 0 4px;font-size:34px;display:block}.admin-panel{gap:16px;padding:22px;display:grid}.admin-panel-head{justify-content:space-between;align-items:center;display:flex}.admin-table{padding:0;overflow:hidden}.admin-table-row{grid-template-columns:120px 220px 1fr 110px 100px;gap:12px;padding:14px 18px;display:grid}.user-table .admin-table-row{grid-template-columns:240px 110px 110px 1fr 140px 80px}.admin-table-head{color:#fff;text-transform:uppercase;background:#ffffff14;font-size:12px;font-weight:900}.admin-empty{color:#f7f5ffb3;padding:20px 18px}.admin-row-button,.admin-message-button{color:#fff;text-align:left;background:0 0;border:0}.admin-message-button{color:#f7f5ffb8}.admin-action-btn,.admin-done-btn,.secondary-btn{border-radius:999px}.admin-action-btn,.admin-done-btn{min-height:36px;padding:8px 12px}.admin-memo-cell{color:#f7f5ffb8}.usage-badge{color:#87fff3;background:#89fff324;border:1px solid #89fff347;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:900}.admin-detail-overlay{padding:20px}.admin-detail-modal{width:100%;max-width:720px}.admin-detail-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.admin-detail-meta div,.admin-detail-message,.user-edit-form label{background:#ffffff0f;border:1px solid #89fff329;border-radius:16px;padding:14px}.admin-detail-meta span,.admin-detail-message span,.user-edit-form label{color:#f7f5ffa8;font-size:12px}.admin-detail-meta strong,.admin-detail-message p{color:#fff;margin-top:6px;display:block}.admin-detail-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.user-edit-form{gap:14px;margin-top:18px;display:grid}.user-edit-form select,.user-edit-form input,.user-edit-form textarea{color:#fff;background:#ffffff14;border:1px solid #89fff32e;border-radius:12px;margin-top:8px;padding:12px 14px}.user-edit-form textarea{resize:vertical}@media (width<=900px){.site-header{grid-template-columns:1fr;gap:18px;padding:22px 18px 0}.header-actions{flex-wrap:wrap;justify-self:start}.logo-image{height:92px}.hero{grid-template-columns:1fr;gap:24px;min-height:auto;padding:24px 18px 40px}.hero-left,.hero-visual,.upload-box,.studio-preview,.hero-ad-box{max-width:none}.hero-left{text-align:left}.hero h1{font-size:clamp(38px,10vw,62px)}.hero-desc{font-size:16px}.trust-row,.compare-grid,.compare-result-info,.how-grid,.policy-grid,.pricing-grid{grid-template-columns:1fr}.mastering-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-meta-row{grid-template-columns:1fr}.hero-visual{min-height:auto;padding-top:0}.floating-note{display:none}.upload-section,.admin-page,section:not(.hero){padding:42px 18px}.section-title{max-width:none}.section-title h2{font-size:28px}.footer{flex-direction:column;align-items:flex-start;padding:24px 18px}}@media (width<=640px){body{background:linear-gradient(90deg, #04071cad, #04071c2e), var(--page-bg-image) center top / contain no-repeat}.site-header{padding:18px 14px 0}.logo-image{height:72px}.hero{padding:18px 14px 32px}.hero h1{font-size:34px;line-height:1.06}.hero-desc{font-size:15px;line-height:1.45}.trust-row{gap:8px}.trust-row span,.style-card,.how-card,.policy-card,.pricing-card{min-height:auto}.upload-box,.studio-preview,.hero-ad-box{border-radius:22px;padding:18px}.hero-ad-box strong{font-size:18px}.hero-compare-title h2{font-size:22px}.panel-top,.preview-head,.notice-box{flex-direction:column;align-items:flex-start}.compare-result-info{grid-template-columns:1fr}.how-card,.policy-card,.pricing-card,.guide-section .section-title{padding:20px}.mastering-style-grid{grid-template-columns:1fr}}.mypage-section{width:min(1180px,100% - 40px);margin:0 auto;padding:70px 0 100px}.mypage-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.mypage-head span{color:#8ff0ff;letter-spacing:.14em;font-size:12px;font-weight:900}.mypage-head h1{color:#fff;letter-spacing:-.07em;margin:10px 0 0;font-size:clamp(38px,6vw,64px)}.mypage-head p{color:#eff2ffad;max-width:680px;margin:14px 0 0;font-size:15px;line-height:1.7}.mypage-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.mypage-card{background:radial-gradient(circle at 100% 0,#7ee7ff1c,#0000 42%),#ffffff0f;border:1px solid #ffffff21;border-radius:32px;padding:26px}.mypage-card-label{color:#8ff0ff;letter-spacing:.12em;background:#7ee7ff14;border:1px solid #7ee7ff3d;border-radius:999px;margin-bottom:14px;padding:7px 11px;font-size:11px;font-weight:900;display:inline-flex}.mypage-card h2{color:#fff;letter-spacing:-.05em;margin:0 0 18px;font-size:28px}.mypage-card p{color:#eff2ffad;word-break:keep-all;margin:0;font-size:14px;line-height:1.7}.profile-line{border-top:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.profile-line:first-of-type{border-top:0}.profile-line span{color:#eff2ff94;font-size:13px;font-weight:800}.profile-line strong{color:#fff;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.usage-big-number{color:#fff;letter-spacing:-.08em;font-size:58px;font-weight:950}.usage-big-number span{color:#eff2ff7a;font-size:26px}.mypage-progress{background:#ffffff1f;border-radius:999px;height:14px;margin:18px 0 14px;overflow:hidden}.mypage-progress div{background:linear-gradient(90deg,#7ee7ff,#b690ff,#ffd37a);border-radius:999px;height:100%;transition:width .25s}.usage-card-large p strong{color:#8ff0ff}.format-list{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.format-list div{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:20px;padding:16px}.format-list span{color:#eff2ff8f;font-size:12px;font-weight:900;display:block}.format-list strong{color:#fff;margin-top:7px;font-size:18px;display:block}.mypage-full-btn{width:100%;margin-top:20px}.mypage-warning{color:#ffb6c4;background:#ff69871a;border:1px solid #ff698759;border-radius:24px;margin-top:18px;padding:18px;font-size:14px;font-weight:800;line-height:1.7}@media (width<=860px){.mypage-head{flex-direction:column;align-items:flex-start}.mypage-grid{grid-template-columns:1fr}}@media (width<=640px){.mypage-section{width:min(100% - 26px,1180px);padding:48px 0 80px}.mypage-card{border-radius:26px;padding:22px}.profile-line{flex-direction:column;align-items:flex-start;gap:6px}.profile-line strong{text-align:left;max-width:100%}.format-list{grid-template-columns:1fr}}.mypage-history{background:radial-gradient(circle at 100% 0,#7ee7ff1c,#0000 42%),#ffffff0f;border:1px solid #ffffff21;border-radius:32px;margin-top:18px;padding:26px}.mypage-history-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.mypage-history-head span{color:#8ff0ff;letter-spacing:.14em;font-size:12px;font-weight:900}.mypage-history-head h2{color:#fff;letter-spacing:-.05em;margin:7px 0 0;font-size:28px}.mypage-history-empty{color:#eff2ffa8;text-align:center;background:#ffffff0e;border-radius:22px;padding:20px;font-size:14px;font-weight:800}.mypage-history-list{gap:10px;display:grid}.mypage-history-item{background:#ffffff0e;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.mypage-history-item strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:520px;font-size:15px;display:block;overflow:hidden}.mypage-history-item p{color:#eff2ff94;margin:7px 0 0;font-size:13px;line-height:1.5}.history-format-row{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.history-format-row span{color:#8ff0ff;white-space:nowrap;background:#7ee7ff14;border:1px solid #7ee7ff38;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:900}@media (width<=760px){.mypage-history-head,.mypage-history-item{flex-direction:column;align-items:flex-start}.history-format-row{justify-content:flex-start}.mypage-history-item strong{white-space:normal;max-width:100%}}.mastering-log-panel{margin-top:18px}.mastering-log-row{grid-template-columns:220px 1fr 100px 100px 170px}.admin-file-cell{color:#eff2ffc2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mastering-log-table .admin-table-row span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.mastering-log-row{grid-template-columns:1fr}.admin-file-cell{white-space:normal}}