.ugc{--cream:#f5f8fd;--surface:#fff;--surface-2:#f4f7fe;--ink:#0f1729;--muted:#667286;--line:#e4e9f2;--ind1:#2563eb;--ind2:#1d4ed8;--grad:linear-gradient(135deg, var(--ind1), var(--ind2));--accent:#1d4ed8;--accent-soft:#eaf1ff;--ok:#15803d;--ok-bg:#e8f7ef;--warn:#b45309;--warn-bg:#fdf3e3;--err:#e11d48;--err-bg:#fdeaef;--boost-line:#f5c451;--boost-bg:#fff8e6;--shadow:0 10px 30px #0f17290f;--shadow-lift:0 16px 38px #2563eb24;--glow:0 6px 16px #2563eb47;background:var(--cream);min-height:100vh;color:var(--ink);font-family:var(--font-body,ui-sans-serif), system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;position:relative}.ugc:before{content:"";pointer-events:none;z-index:0;filter:blur(20px);background:radial-gradient(closest-side,#2563eb21,#2563eb0f 55%,#0000);width:760px;height:460px;position:fixed;top:-220px;left:50%;transform:translate(-50%)}.ugc-wrap,.ugc-top,.ugc-nav,.ugc-bell-slot{z-index:1;position:relative}.ugc *{box-sizing:border-box}.ugc h1,.ugc h2,.ugc h3,.ugc p,.ugc .ugc-card,.ugc-nav{overflow-wrap:anywhere}.ugc-wrap{max-width:640px;padding:20px 16px calc(140px + env(safe-area-inset-bottom,0px));margin:0 auto}.ugc h1{font-family:var(--font-display,inherit);letter-spacing:-.03em;margin:10px 0 4px;font-size:28px;font-weight:800;line-height:1.15}.ugc h2{letter-spacing:-.02em;margin:0 0 10px;font-size:18px;font-weight:700}.ugc .muted{color:var(--muted)}.ugc .sub{color:var(--muted);margin-bottom:18px;font-size:15px}.ugc-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;margin-bottom:14px;padding:18px}.ugc-card.boost{border-color:var(--boost-line);background:linear-gradient(180deg, var(--boost-bg), var(--surface) 70%);box-shadow:0 0 0 2px var(--boost-line), var(--shadow-lift)}.ugc-btn{cursor:pointer;letter-spacing:-.01em;color:#fff;background:var(--grad);width:100%;box-shadow:var(--glow), inset 0 1px 0 #ffffff47;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .18s,filter .18s;display:inline-flex;position:relative}.ugc-btn:hover{box-shadow:var(--shadow-lift), inset 0 1px 0 #ffffff47;transform:translateY(-1px)}.ugc-btn:active{transform:translateY(1px);box-shadow:0 3px 10px #2563eb42}.ugc-btn:focus-visible,.ugc-tab:focus-visible,.ugc-input:focus-visible{outline-offset:2px;outline:3px solid #1d4ed859}.ugc-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.ugc-btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:none}.ugc-btn.ghost:hover{border-color:var(--ind1);color:var(--ind1);box-shadow:none;transform:translateY(-1px)}.ugc-btn.small{border-radius:13px;width:auto;padding:10px 15px;font-size:14px}.ugc-chip{background:var(--accent-soft);color:var(--accent);border:1px solid #dbe6fb;border-radius:999px;margin:0 6px 6px 0;padding:5px 11px;font-size:13px;display:inline-block}.ugc-chip.pick{cursor:pointer;-webkit-user-select:none;user-select:none}.ugc-chip.pick.on{background:var(--grad);color:#fff;box-shadow:var(--glow);border-color:#0000}.ugc-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.ugc-badge.mod{background:var(--warn-bg);color:var(--warn)}.ugc-badge.ok{background:var(--ok-bg);color:var(--ok)}.ugc-badge.rocket{color:#6b4200;background:linear-gradient(135deg,#ffd15c,#f5a623);font-weight:800;box-shadow:0 4px 12px #f5a62359}.ugc-field{margin-bottom:14px}.ugc-field label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.ugc-input,.ugc-textarea,.ugc-select{background:var(--surface-2);width:100%;color:var(--ink);border:1px solid #dfe6f4;border-radius:14px;padding:13px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s,box-shadow .15s}.ugc-input:focus,.ugc-textarea:focus,.ugc-select:focus{border-color:var(--ind1);background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1f}.ugc-textarea{resize:vertical;min-height:90px}.ugc-hint{color:var(--muted);margin-top:5px;font-size:13px}.ugc-err{color:var(--err);margin:8px 0;font-size:14px}.ugc-ok{color:var(--ok);margin:8px 0;font-size:14px}.ugc-row{align-items:center;gap:12px;display:flex}.ugc-grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ugc-avatar{object-fit:cover;background:var(--accent-soft);border-radius:50%;width:56px;height:56px}.ugc-price{font-weight:800}.ugc-role{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:20px;width:100%;margin-bottom:14px;padding:22px;transition:transform .1s,box-shadow .15s;display:block}.ugc-role:hover{box-shadow:var(--shadow-lift);border-color:#c9dbfb;transform:translateY(-2px)}.ugc-role .t{margin-bottom:4px;font-size:20px;font-weight:800}.ugc-role .d{color:var(--muted);font-size:15px}.ugc-filterbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.ugc-filterbtn{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.ugc-filterbtn:hover{border-color:var(--ind1);color:var(--ind1)}.ugc-filterbtn.on{background:var(--grad);color:#fff;box-shadow:var(--glow);border-color:#0000}.ugc-filterbtn .ugc-cnt{background:var(--accent-soft);color:var(--accent)}.ugc-filterbtn.on .ugc-cnt{color:#fff;background:#ffffff40}.ugc-chosen{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.ugc-chosen .v{font-size:16px;font-weight:700}.ugc-social-or{text-align:center;color:var(--muted);margin:10px 0 0;font-size:13px}.ugc-social-login{margin-top:22px}.ugc-social-sep{text-align:center;color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.ugc-social-sep:before,.ugc-social-sep:after{content:"";background:var(--line);flex:1;height:1px}.ugc-social{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.ugc-social:hover{border-color:var(--ind1);color:var(--ind1)}.ugc-social:disabled{opacity:.5;cursor:not-allowed}.ugc-social:disabled:hover{border-color:var(--line);color:var(--ink)}.ugc-social .ic{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.ugc-photos{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ugc-photos img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.ugc-bell-slot{z-index:25;position:fixed;top:12px;right:14px}.ugc-bell{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:4px;line-height:0;display:inline-flex;position:relative}.ugc-bell .cnt{background:var(--err);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-4px}.ugc-cnt{background:var(--err);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.ugc-notif{border-bottom:1px solid var(--line);padding:12px 0}.ugc-notif:last-child{border-bottom:0}.ugc-notif.unread .t{font-weight:800}.ugc-notif .t{font-size:15px}.ugc-notif .b{color:var(--muted);margin-top:3px;font-size:14px}.ugc-nav{z-index:20;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);background:#ffffffeb;border-radius:999px;gap:2px;max-width:calc(100vw - 20px);padding:8px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #0f17291f}.ugc-nav a{color:var(--muted);white-space:nowrap;border-radius:999px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;display:flex}@media (max-width:420px){.ugc-nav a{padding:6px 7px;font-size:11px}.ugc-nav a .ic{width:19px;height:19px}}.ugc-nav a.on{color:#fff;background:var(--grad);box-shadow:var(--glow)}.ugc-nav a .ic{width:21px;height:21px}.ugc-link{color:var(--accent);cursor:pointer;align-items:center;min-height:32px;font-weight:600;text-decoration:none;display:inline-flex}.ugc-back{color:var(--muted);align-items:center;min-height:44px;margin-bottom:4px;font-size:14px;text-decoration:none;display:inline-flex}.ugc-tabs{gap:8px;margin-bottom:6px;padding-bottom:8px;display:flex;overflow-x:auto}.ugc-tab{white-space:nowrap;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-size:14px}.ugc-tab.on{background:var(--grad);color:#fff;box-shadow:var(--glow);border-color:#0000}.ugc-empty{text-align:center;color:var(--muted);padding:40px 0}.ugc-price-big{font-size:28px;font-weight:800}.ugc-feat{align-items:flex-start;gap:8px;margin:6px 0;font-size:14px;display:flex}.ugc-feat:before{content:"•";color:var(--ind2);font-weight:800}.ugc-feat>.muted{white-space:nowrap;flex:none}.ugc-auth{max-width:420px;margin:0 auto;padding-top:8px}.ugc-auth h1,.ugc-auth .sub{text-align:center}.ugc-steps{align-items:center;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.ugc-steps li{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.ugc-steps .n{width:26px;height:26px;color:var(--muted);background:#eef2f9;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.ugc-steps li.on .n{background:var(--grad);color:#fff}.ugc-steps li.done .n{background:var(--accent-soft);color:var(--accent)}.ugc-steps .bar{background:var(--line);flex:1;height:1px}.ugc-pass{position:relative}.ugc-pass .ugc-input{padding-right:44px}.ugc-eye{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px 6px;font-size:16px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ugc-eye:hover{color:var(--ink)}.ugc-strength{gap:5px;margin-top:7px;display:flex}.ugc-strength span{background:var(--line);border-radius:999px;flex:1;height:5px;transition:background .2s}.ugc-code{text-align:center;letter-spacing:10px;font-size:22px;font-weight:700}.ugc-devcode{border:1px dashed var(--ind2);background:var(--accent-soft);text-align:center;border-radius:14px;margin-bottom:12px;padding:14px}.ugc-devcode .c{letter-spacing:8px;color:var(--accent);font-size:26px;font-weight:800}.ugc-or{color:var(--muted);align-items:center;gap:10px;margin:18px 0 12px;font-size:13px;display:flex}.ugc-or:before,.ugc-or:after{content:"";background:var(--line);flex:1;height:1px}.ugc-authlinks{justify-content:space-between;gap:12px;margin-top:12px;font-size:14px;display:flex}.ugc-pickrole{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.ugc-pickrole button{border:1px solid var(--line);cursor:pointer;color:var(--ink);text-align:center;background:#fff;border-radius:14px;padding:14px 10px;font-size:14px;font-weight:700}.ugc-pickrole button.on{color:#fff;background:var(--grad);box-shadow:var(--glow);border-color:#0000}.ugc-badge.new{color:var(--ind1);background:#e8f0ff}.ugc-badge.rej{background:var(--err-bg);color:var(--err)}.ugc-modal-bg{z-index:50;background:#0f172980;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ugc-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 24px 70px #0f172947}.ugc-modal h2{margin-bottom:4px}.ugc-modal-actions{gap:10px;margin-top:16px;display:flex}.ugc-photo-del{border:1px solid var(--line);width:24px;height:24px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;font-size:15px;line-height:1;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0000001f}.ugc-msg{background:var(--surface-2);border-radius:14px;max-width:82%;margin-bottom:10px;padding:10px 12px;font-size:15px}.ugc-msg.mine{background:var(--grad);color:#fff;margin-left:auto}.ugc-msg .t{opacity:.7;margin-top:4px;font-size:11px}.ugc-top{display:none}@media (min-width:900px){.ugc-top{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffe0;display:block;position:sticky;top:0}.ugc-top-in{align-items:center;gap:28px;max-width:1080px;margin:0 auto;padding:12px 76px 12px 24px;display:flex}.ugc-top-logo{font-family:var(--font-display,inherit);color:var(--ink);letter-spacing:-.03em;font-size:18px;font-weight:800;text-decoration:none}.ugc-top nav{gap:6px;margin-left:auto;display:flex}.ugc-top nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none}.ugc-top nav a:hover{background:var(--accent-soft);color:var(--accent)}.ugc-top nav a.on{background:var(--grad);color:#fff;box-shadow:var(--glow)}.ugc-wrap{max-width:1080px;padding:24px 24px 60px}.ugc-nav{display:none}.ugc-bell-slot{z-index:40;top:14px;right:max(24px,50% - 516px)}}.ugc-skel{background:linear-gradient(90deg,#eef2f9 25%,#e2e9f5 37%,#eef2f9 63%) 0 0/400% 100%;border-radius:8px;animation:1.4s infinite ugc-shimmer}@keyframes ugc-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.ugc-empty-card{text-align:center;padding:30px 22px}.ugc-empty-art{background:var(--accent-soft);width:66px;height:66px;color:var(--accent);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex}.ugc-empty-art svg{width:30px;height:30px}.ugc-empty-title{font-family:var(--font-display,inherit);letter-spacing:-.02em;font-size:17px;font-weight:700}@keyframes ugc-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ugc-card,.ugc-role{animation:.26s both ugc-in}.ugc-card.tap{cursor:pointer;transition:transform .12s,box-shadow .18s,border-color .18s}.ugc-card.tap:hover{box-shadow:var(--shadow-lift);border-color:#c9dbfb;transform:translateY(-2px)}.ugc-card.tap:active,.ugc-role:active{transform:scale(.985)}.ugc-chip.pick:active,.ugc-tab:active{transform:scale(.96)}.ugc-chip.pick,.ugc-tab{transition:transform .1s,background .15s,color .15s}@media (prefers-reduced-motion:reduce){.ugc-card,.ugc-role,.ugc-skel{animation:none}.ugc-btn,.ugc-card.tap,.ugc-chip.pick,.ugc-tab{transition:none}}.ugc-creator-card{padding:0;overflow:hidden}.ugc-creator-photo{aspect-ratio:4/3;object-fit:cover;background:var(--accent-soft);width:100%;display:block}.ugc-photo-stub{background:linear-gradient(135deg,#e7effe,#f2f6ff);justify-content:center;align-items:center;display:flex}.ugc-photo-stub span{font-family:var(--font-display,inherit);color:var(--accent);opacity:.75;font-size:40px;font-weight:800}.ugc-creator-body{padding:14px 16px 16px}.ugc-creator-name{letter-spacing:-.01em;font-size:17px;font-weight:700}.ugc-logo-text{font-family:var(--font-display,inherit);letter-spacing:-.03em;color:var(--ink);font-size:19px;font-weight:800}.ugc-catalog{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.ugc-catalog .ugc-card{height:100%;margin-bottom:0}.ugc-catalog .ugc-creator-body{padding:10px 12px 12px}.ugc-catalog .ugc-creator-name,.ugc-catalog .ugc-price{font-size:15px}.ugc-catalog .ugc-chip{padding:3px 8px;font-size:11px}.ugc-catalog .ugc-span2{grid-column:1/-1}.ugc-locked{position:relative;overflow:hidden}.ugc-locked .ugc-locked-photo{aspect-ratio:4/3;filter:blur(6px);background:linear-gradient(135deg,#dbe6fb,#eef3fd 60%,#e3ebfb);width:100%;display:block;transform:scale(1.06)}.ugc-locked .ugc-locked-body{padding:12px}.ugc-locked .ugc-locked-bar{filter:blur(2px);background:#e6ecf8;border-radius:999px;height:12px;margin-bottom:8px}.ugc-locked .ugc-locked-bar.short{width:55%}.ugc-locked-lock{text-align:center;color:var(--ink);background:#ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.ugc-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.ugc-line>:first-child{overflow-wrap:anywhere;min-width:0}.ugc-line>:last-child{white-space:nowrap;flex:none}.ugc-line:last-child{border-bottom:none;padding-bottom:0}.ugc-line:first-child{padding-top:0}.ugc-notify-head,.ugc-notify-row{grid-template-columns:1fr 76px 76px;align-items:center;gap:8px;display:grid}.ugc-notify-head{color:var(--muted);text-transform:none;margin-bottom:6px;font-size:12px}.ugc-notify-head span{text-align:center}.ugc-notify-row{border-bottom:1px solid var(--line);padding:12px 0}.ugc-notify-row:last-of-type{border-bottom:none}.ugc-switch{cursor:pointer;justify-content:center;display:flex}.ugc-switch input{opacity:0;width:0;height:0;position:absolute}.ugc-switch span{background:#d6deec;border-radius:999px;width:46px;height:28px;transition:background .18s;position:relative}.ugc-switch span:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172940}.ugc-switch input:checked+span{background:var(--ok)}.ugc-switch input:checked+span:after{transform:translate(18px)}.ugc-switch input:focus-visible+span{outline-offset:2px;outline:3px solid #1d4ed859}@media (min-width:900px){.ugc-catalog{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.ugc-catalog .ugc-creator-body{padding:14px 16px 16px}.ugc-catalog .ugc-creator-name,.ugc-catalog .ugc-price{font-size:17px}}.ugc-switch.off{opacity:.45;cursor:not-allowed}.ugc-switch.off input{cursor:not-allowed}