﻿:root{--font-body: Inter, sans-serif;--font-brand: Orbitron, sans-serif;--font-ui: Rajdhani, sans-serif;--fs-xxs: 0.55rem;--fs-xs: 0.72rem;--fs-sm: 0.82rem;--fs-base: 0.92rem;--fs-lg: 1.05rem;--fs-xl: 1.3rem;--clr-bg: #020617;--clr-bg-soft: #07071a;--clr-surface: rgba(13, 13, 38, 0.96);--clr-surface2: rgba(18, 18, 46, 0.96);--clr-panel: #0a1736;--clr-accent: #ff2f8f;--clr-accent2: #7c3aed;--clr-blue: #5b82ff;--clr-gold: #f5bf3a;--clr-text: #f4f7ff;--clr-muted: rgba(230, 238, 255, 0.58);--clr-muted2: rgba(255, 255, 255, 0.25);--clr-border: rgba(255, 255, 255, 0.08);--clr-border-strong: rgba(255, 255, 255, 0.14);--clr-error: #fca5a5;--nav-h: 55.5px;--safe-bottom: max(env(safe-area-inset-bottom, 0px), 10px)}@media all and (display-mode: standalone),all and (display-mode: minimal-ui),all and (display-mode: fullscreen){:root{--safe-bottom: max(env(safe-area-inset-bottom, 0px), 24px)}html,body{background:#040818}}*,*::before,*::after{box-sizing:border-box}html,body{min-height:100%}html{background:#060713}body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);color:var(--clr-text);background:var(--clr-bg)}img{max-width:100%;display:block}a{color:inherit}button,input,textarea,select{font:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(255,47,143,.5) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,47,143,.75),rgba(124,58,237,.75));border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,47,143,1),rgba(124,58,237,1));background-clip:padding-box}.ui-shell{position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(100vw,430px);height:100%;overflow:hidden;background:linear-gradient(180deg, #040b21 0%, #060d24 100%);z-index:10}@media(min-width: 480px){.ui-shell{position:relative;top:auto;bottom:auto;left:auto;transform:none;height:min(100dvh,920px);border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);z-index:auto}}.ui-shell .ui-bottom-nav{background:linear-gradient(180deg, rgba(3, 8, 22, 0.98), rgb(3, 8, 22));border-top-color:rgba(255,255,255,.12)}.ui-bg{background:radial-gradient(900px 520px at 50% -120px, rgba(255, 47, 143, 0.22), transparent 70%),radial-gradient(700px 480px at 85% 90%, rgba(92, 130, 255, 0.14), transparent 70%),#01040f}.ui-panel{background:linear-gradient(180deg, rgba(10, 23, 54, 0.96), rgba(8, 16, 42, 0.96));border:1px solid var(--clr-border);border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.4)}.ui-card{background:var(--clr-panel);border:1px solid var(--clr-border);border-radius:16px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.4)}.ui-btn{border:0;border-radius:12px;padding:12px 16px;color:#fff;cursor:pointer;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.ui-btn:active{transform:scale(0.97)}.ui-btn-primary{background:linear-gradient(90deg, var(--clr-accent), #c92042);box-shadow:0 0 24px rgba(255,47,143,.35)}.ui-btn-secondary{background:linear-gradient(90deg, var(--clr-accent2), #4f46e5);box-shadow:0 0 24px rgba(124,58,237,.35)}.ui-input{width:100%;border:1px solid var(--clr-border-strong);border-radius:12px;background:rgba(255,255,255,.06);color:var(--clr-text);padding:12px 14px;outline:none}.ui-input:focus{border-color:rgba(255,47,143,.65);box-shadow:0 0 0 3px rgba(255,47,143,.14)}.ui-bottom-nav,#bottom-nav{position:absolute;left:0;right:0;bottom:0;height:calc(var(--nav-h) + var(--safe-bottom));padding:0 8px var(--safe-bottom);display:flex;align-items:center;background:linear-gradient(180deg, rgba(4, 8, 24, 0.85), #040818 60%);border-top:1px solid var(--clr-border);z-index:30}.ui-nav-btn,.nav-btn{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--clr-muted);font-size:var(--fs-xxs);font-weight:800;letter-spacing:.8px;text-transform:uppercase}.ui-nav-btn.active,.nav-btn.active{color:#fff}.ui-nav-btn img,.nav-btn img{width:27px;height:27px;object-fit:contain}.ui-nav-center,.nav-center{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.ui-nav-gift,.nav-gift{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg, var(--clr-accent), #bf2eff);border:2px solid rgba(255,255,255,.18);box-shadow:0 0 24px rgba(255,47,143,.58);display:grid;place-items:center;text-decoration:none}.ui-nav-gift img,.nav-gift img{width:22px;height:22px}.n-ico{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center}.n-ico img{width:27px;height:27px;object-fit:contain}.n-lbl{font-family:var(--font-brand);font-size:var(--fs-xxs)}body{margin:0;font-family:var(--font-ui);background:radial-gradient(1100px 640px at 50% -140px, rgba(255, 47, 143, 0.3), transparent 70%),radial-gradient(900px 600px at 90% 100%, rgba(124, 58, 237, 0.22), transparent 70%),radial-gradient(800px 560px at 10% 90%, rgba(92, 130, 255, 0.18), transparent 70%),#060713;color:var(--clr-text);display:grid;place-items:center;overflow:hidden;height:100dvh}.cr-scroll{position:absolute;inset:0 0 calc(var(--nav-h) + var(--safe-bottom)) 0;overflow-y:auto;overscroll-behavior:contain;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,47,143,.55) transparent}.cr-scroll::-webkit-scrollbar{width:6px}.cr-scroll::-webkit-scrollbar-track{background:transparent}.cr-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,47,143,.7),rgba(124,58,237,.7));border-radius:999px}.cr-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,47,143,.95),rgba(124,58,237,.95))}.cr-topbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.cr-back{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--clr-border);color:#fff;font-size:1.3rem;text-decoration:none}.cr-topbar h1{margin:0;font-family:var(--font-brand);font-size:1.25rem;letter-spacing:.5px}.cr-tabs{display:flex;gap:6px;padding:5px;margin-bottom:20px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--clr-border)}.cr-tab{flex:1;padding:11px 8px;border:0;border-radius:10px;background:transparent;color:var(--clr-muted);font-family:var(--font-brand);font-size:.95rem;font-weight:800;letter-spacing:.4px;cursor:pointer;transition:background .18s ease,color .18s ease}.cr-tab.is-active{color:#fff;background:linear-gradient(90deg, var(--clr-accent), #bf2eff);box-shadow:0 0 18px rgba(255,47,143,.35)}.cr-input[readonly]{opacity:.85;cursor:default;background:rgba(255,255,255,.03)}.cr-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:200px;border-radius:18px;border:2px dashed var(--clr-border-strong);background:rgba(124,58,237,.06);text-align:center;margin-bottom:20px;cursor:pointer}.cr-drop .ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg, var(--clr-accent), #bf2eff);font-size:2rem;box-shadow:0 0 24px rgba(255,47,143,.4)}.cr-drop b{font-size:1.05rem}.cr-drop span{color:var(--clr-muted);font-size:.85rem}.cr-field{margin-bottom:16px}.cr-field label{display:block;margin-bottom:7px;font-weight:800;font-size:.86rem;color:var(--clr-muted);text-transform:uppercase;letter-spacing:.5px}.cr-input,.cr-textarea,.cr-select{width:100%;border:1px solid var(--clr-border-strong);border-radius:12px;background:rgba(255,255,255,.06);color:var(--clr-text);padding:13px 14px;outline:none;font:inherit}.cr-input:focus,.cr-textarea:focus,.cr-select:focus{border-color:rgba(255,47,143,.65);box-shadow:0 0 0 3px rgba(255,47,143,.14)}.cr-textarea{resize:none;min-height:90px}.cr-publish{width:100%;margin-top:8px;padding:15px;border:0;border-radius:14px;color:#fff;font-family:var(--font-brand);font-size:1.05rem;letter-spacing:.6px;background:linear-gradient(90deg, var(--clr-accent), #bf2eff);box-shadow:0 0 24px rgba(255,47,143,.4);cursor:pointer;position:relative;overflow:hidden}.cr-publish[disabled]{cursor:progress;opacity:.95}.cr-progress{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.30);transition:width .18s ease;pointer-events:none;z-index:0}.cr-publish-label{position:relative;z-index:1}
.cr-section-divider{display:flex;align-items:center;gap:12px;margin:24px 0 20px;color:rgba(255,255,255,.4);font-size:.8rem;font-weight:700;letter-spacing:.8px}.cr-section-divider::before,.cr-section-divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}
