*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--primary:#0f8;--primary-2:#00bdff;--bg:#0a0a0c;--card-bg:#ffffff0f;--border:#ffffff1a;--text:#fff;--text-sub:#a0a0a0;--gradient:linear-gradient(135deg, #0f8 0%, #00bdff 100%);--error:#ff4d4d;--radius-lg:20px;--radius-md:12px}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}.app-container{flex-direction:column;width:100%;max-width:480px;height:100%;margin:0 auto;display:flex;overflow:hidden}.page-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:12px 16px 16px;overflow:hidden auto}.header-section{flex-shrink:0;padding:12px 16px 8px}.store-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:1.5px;font-size:11px}h1{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:800;line-height:1.2}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;padding:16px;box-shadow:0 4px 24px #0000004d}.video-container{border-radius:var(--radius-md);aspect-ratio:16/9;background:#000;width:100%;margin-bottom:10px;overflow:hidden}.video-player{object-fit:cover;width:100%;height:100%}.step-list{flex-direction:column;gap:10px;display:flex}.step-item{align-items:flex-start;gap:12px;display:flex}.step-number{background:var(--gradient);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.step-text{color:#e0e0e0;padding-top:2px;font-size:14px;line-height:1.5}.form-group{margin-bottom:14px}.form-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.rating-group{gap:8px;display:flex}.rating-btn{border:1px solid var(--border);color:#fff;border-radius:var(--radius-md);cursor:pointer;background:0 0;flex:1;height:44px;font-size:16px;font-weight:600;transition:all .15s}.rating-btn.active{background:var(--gradient);color:#000;border-color:#0000;transform:scale(1.05)}textarea{border:1px solid var(--border);border-radius:var(--radius-md);color:#fff;resize:none;background:#ffffff0d;width:100%;padding:12px;font-family:inherit;font-size:15px;line-height:1.5}textarea:focus{border-color:var(--primary);outline:none}.submit-btn{background:var(--gradient);border-radius:var(--radius-lg);color:#000;cursor:pointer;border:none;width:100%;height:50px;margin-top:4px;font-size:16px;font-weight:700;transition:opacity .2s}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.loading-container,.error-container{justify-content:center;align-items:center;height:100%;padding:24px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s forwards fadeIn}.section-title{color:var(--text-sub);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.admin-root{color:#fff;-webkit-font-smoothing:antialiased;background:#0a0a0c;min-height:100vh;font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif}.admin-login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.admin-login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:48px 40px;animation:.4s forwards adminFadeIn;box-shadow:0 8px 40px #0009}.admin-logo{text-align:center;margin-bottom:32px}.admin-logo-icon{background:linear-gradient(135deg,#0f8 0%,#00bdff 100%);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:28px;display:inline-flex}.admin-logo h1{background:linear-gradient(135deg,#0f8 0%,#00bdff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:22px;font-weight:800}.admin-logo p{color:#666;font-size:13px}.admin-field{margin-bottom:16px}.admin-field label{color:#888;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.admin-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s}.admin-input:focus{border-color:#0f8}.admin-btn-primary{color:#000;cursor:pointer;background:linear-gradient(135deg,#0f8 0%,#00bdff 100%);border:none;border-radius:14px;width:100%;height:48px;margin-top:8px;font-size:15px;font-weight:700;transition:opacity .2s,transform .1s}.admin-btn-primary:hover{opacity:.9}.admin-btn-primary:active{transform:scale(.98)}.admin-btn-primary:disabled{opacity:.4;cursor:not-allowed}.admin-error-msg{color:#ff4d4d;text-align:center;min-height:20px;margin-top:12px;font-size:13px}.admin-navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.admin-brand{background:linear-gradient(135deg,#0f8 0%,#00bdff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.admin-brand-icon{background:linear-gradient(135deg,#0f8 0%,#00bdff 100%);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.admin-logout-btn{color:#ff6b6b;cursor:pointer;background:#ff4d4d1f;border:1px solid #ff4d4d40;border-radius:10px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .2s}.admin-logout-btn:hover{background:#ff4d4d38}.admin-layout{min-height:calc(100vh - 60px);display:flex}.admin-sidebar{border-right:1px solid #ffffff12;flex-shrink:0;width:220px;padding:24px 12px}.admin-menu-item{color:#888;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .18s;display:flex}.admin-menu-item:hover{color:#fff;background:#ffffff0f}.admin-menu-item.active{color:#0f8;background:#00ff881a}.admin-menu-icon{font-size:18px}.admin-content{flex:1;padding:32px;overflow-y:auto}.admin-section-title{align-items:center;gap:10px;margin-bottom:24px;font-size:22px;font-weight:800;display:flex}.admin-card{background:#ffffff0a;border:1px solid #ffffff17;border-radius:18px;margin-bottom:20px;padding:24px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #ffffff12;padding:12px 16px;font-size:11px}.admin-table td{color:#ddd;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:14px 16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff08}.admin-tag-code{color:#0f8;background:#00ff881a;border-radius:6px;padding:3px 8px;font-family:SF Mono,Menlo,monospace;font-size:13px}.admin-tag-type{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.admin-tag-type.instruction{color:#00bdff;background:#00bdff26}.admin-tag-type.feedback{color:#fa0;background:#ffa50026}.admin-btn-sm{cursor:pointer;border:none;border-radius:8px;margin-right:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.admin-btn-edit{color:#00bdff;background:#00bdff26}.admin-btn-edit:hover{background:#00bdff47}.admin-btn-delete{color:#ff6b6b;background:#ff4d4d1f}.admin-btn-delete:hover{background:#ff4d4d40}.admin-btn-add{color:#000;cursor:pointer;background:linear-gradient(135deg,#0f8 0%,#00bdff 100%);border:none;border-radius:12px;align-items:center;gap:6px;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:700;transition:opacity .2s;display:inline-flex}.admin-btn-add:hover{opacity:.85}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:24px;animation:.2s adminFadeIn;display:flex;position:fixed;inset:0}.admin-modal{background:#111115;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:560px;max-height:85vh;padding:32px;animation:.25s adminSlideUp;overflow-y:auto}.admin-modal h3{background:linear-gradient(135deg,#0f8 0%,#00bdff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:18px;font-weight:800}.admin-modal .admin-field{margin-bottom:18px}.admin-modal-actions{gap:12px;margin-top:24px;display:flex}.admin-btn-cancel{color:#aaa;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;flex:1;height:44px;font-size:14px;font-weight:600;transition:background .2s}.admin-btn-cancel:hover{background:#ffffff1f}.admin-btn-save{color:#000;cursor:pointer;background:linear-gradient(135deg,#0f8 0%,#00bdff 100%);border:none;border-radius:12px;flex:2;height:44px;font-size:14px;font-weight:700;transition:opacity .2s}.admin-btn-save:hover{opacity:.88}.admin-btn-save:disabled{opacity:.4;cursor:not-allowed}.admin-feedback-list{flex-direction:column;gap:12px;display:flex}.admin-feedback-item{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:1fr 80px 80px;align-items:center;gap:8px;padding:16px 20px;transition:background .2s;display:grid}.admin-feedback-item:hover{background:#ffffff12}.admin-feedback-comment{color:#ddd;font-size:14px}.admin-feedback-meta{flex-direction:column;gap:3px;display:flex}.admin-feedback-code{color:#0f8;background:#00ff881a;border-radius:5px;margin-bottom:4px;padding:2px 7px;font-family:monospace;font-size:11px;display:inline-block}.admin-feedback-time{color:#555;font-size:11px}.admin-rating-badge{text-align:center;font-size:20px}.admin-empty{text-align:center;color:#555;padding:48px 0;font-size:14px}.admin-textarea{color:#fff;resize:vertical;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:120px;padding:12px 16px;font-family:SF Mono,Menlo,monospace;font-size:14px;line-height:1.6;transition:border-color .2s}.admin-textarea:focus{border-color:#0f8}.admin-select{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.admin-select:focus{border-color:#0f8}.admin-select option{background:#1a1a1e}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adminSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-loading{color:#555;justify-content:center;align-items:center;gap:10px;padding:40px;font-size:14px;display:flex}.admin-spinner{border:2px solid #ffffff1a;border-top-color:#0f8;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-toast{color:#0f8;z-index:2000;background:#00ff8826;border:1px solid #00ff8859;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;animation:.2s adminFadeIn;position:fixed;top:80px;right:24px}.admin-toast.error{color:#ff6b6b;background:#ff4d4d26;border-color:#ff4d4d59}