.mod-page{min-height:calc(100vh - 80px);padding:36px 18px 110px;background:radial-gradient(880px 440px at 12% 0%,rgba(76,201,255,.07),transparent 65%)}.mod-wrap{width:min(1140px,100%);margin:0 auto}.mod-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.mod-kicker{display:inline-flex;align-items:center;gap:8px;color:#4cc9ff;font:800 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase}.mod-dot{width:7px;height:7px;border-radius:50%;background:#4cc9ff;box-shadow:0 0 10px #4cc9ff}.mod-head h1{margin:10px 0 8px;font:700 clamp(30px,4.5vw,48px) / 1.04 var(--font-display);letter-spacing:-.04em;color:#f5f8fb}.mod-head p{margin:0;max-width:640px;color:#93a8b8;font:500 14.5px/1.65 var(--font-body)}.mod-filters{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#0f1a26d9;color:#90a6b7;font:700 12.5px/1 var(--font-body);cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.filter-pill:hover{color:#f5f8fb;border-color:#4cc9ff4d}.filter-pill.active{color:#04131c;border-color:#6ed8ff;background:linear-gradient(135deg,#9fe6ff,#4cc9ff);font-weight:800}.streak-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;padding:22px 24px;margin:0 0 18px;border:1px solid rgba(76,201,255,.18);border-radius:24px;overflow:hidden;background:radial-gradient(420px 180px at 0% 0%,rgba(76,201,255,.13),transparent 68%),radial-gradient(320px 150px at 100% 100%,rgba(99,212,255,.06),transparent 70%),linear-gradient(145deg,#0f1a26,#09121b);box-shadow:0 20px 70px #00000047,inset 0 1px #ffffff0a}.streak-orbit{position:absolute;width:260px;height:260px;left:-150px;top:-130px;border:1px solid rgba(76,201,255,.12);border-radius:50%;box-shadow:0 0 0 34px #4cc9ff05,0 0 0 70px #4cc9ff04;pointer-events:none}.streak-main{position:relative;display:flex;align-items:center;gap:15px;min-width:0}.streak-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;border:1px solid rgba(76,201,255,.22);background:linear-gradient(145deg,#4cc9ff29,#4cc9ff0d);box-shadow:0 10px 34px #4cc9ff14}.streak-icon span{font-size:24px;line-height:1}.streak-kicker{display:block;color:#4cc9ff;font:800 9px/1 var(--font-body);letter-spacing:.15em}.streak-main h2{margin:6px 0 4px;font:700 22px/1.1 var(--font-display);letter-spacing:-.03em;color:#f5f8fb}.streak-main p{margin:0;color:#8fa5b6;font:500 12px/1.5 var(--font-body);max-width:620px}.streak-stats{display:flex;gap:18px}.streak-stats div{min-width:74px;padding:8px 0}.streak-stats span{display:block;color:#738999;font:700 9px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase}.streak-stats strong{display:block;margin-top:7px;color:#f5f8fb;font:800 18px/1 var(--font-display)}.streak-checkin{min-width:166px;height:46px;padding:0 18px;border:1px solid #6ed8ff;border-radius:14px;background:linear-gradient(135deg,#9fe6ff,#4cc9ff);color:#04131c;font:800 12px/1 var(--font-body);cursor:pointer;box-shadow:0 12px 28px #4cc9ff24}.streak-checkin:hover{filter:brightness(1.03);transform:translateY(-1px)}.streak-checkin:disabled{opacity:.58;cursor:not-allowed;transform:none;filter:none}.streak-timers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.streak-timers div{min-width:150px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#050c1273}.streak-timers span{display:block;color:#6f8798;font:800 8px/1 var(--font-body);letter-spacing:.12em}.streak-timers strong{display:block;margin-top:6px;color:#dff6ff;font:800 16px/1 var(--font-display)}.streak-timers small{display:block;margin-top:5px;color:#71899a;font:500 10px/1.2 var(--font-body)}@media(max-width:560px){.streak-timers{grid-template-columns:1fr}.streak-timers div{min-width:0}}.social-quest-box{display:grid;gap:9px;width:100%}.social-proof-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.social-proof-row input{min-width:0}.mission-action-secondary{white-space:nowrap}@media(max-width:900px){.streak-panel{grid-template-columns:1fr;gap:16px}.streak-stats{justify-content:space-between}.streak-checkin{width:100%}}.mod-skel-grid,.mod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mod-skel-card{height:190px;border-radius:20px}.mission-card{padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(155deg,#0f1a26f5,#081018f5);box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:transform .18s ease,border-color .18s ease}.mission-card:hover{transform:translateY(-2px);border-color:#4cc9ff52}.mission-card.is-completed{border-color:#47d16c4d}.mission-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.mission-tags{display:flex;gap:6px;flex-wrap:wrap}.tag-type,.tag-verify{padding:4px 9px;border-radius:999px;font:700 11px/1 var(--font-body)}.tag-type{background:#4cc9ff1f;border:1px solid rgba(76,201,255,.25);color:#8ce2ff}.tag-verify{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#93a9b9}.status-badge{padding:5px 10px;border-radius:999px;background:#ffffff0d;color:#b7cbd8;font:700 11.5px/1 var(--font-body)}.status-badge.is-done{background:#47d16c24;color:#88eba0}.status-badge.is-pending{background:#ffbf6824;color:#ffd36e}.mission-card h2{margin:0;font:700 20px/1.2 var(--font-display);color:#f5f8fb}.mission-card p{margin:0;color:#90a6b7;font:500 13.5px/1.6 var(--font-body)}.reward-pills{display:flex;gap:8px;flex-wrap:wrap;padding-top:6px}.reward-pills span{padding:6px 11px;border-radius:999px;font:800 11.5px/1 var(--font-body)}.rw-xp{background:#4cc9ff1f;border:1px solid rgba(76,201,255,.28);color:#8ee0ff}.rw-tk{background:#47d16c1f;border:1px solid rgba(71,209,108,.28);color:#88eba0}.rw-limit{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#8fa5b6}.mission-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mission-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}.mission-action-primary,.mission-action-secondary{min-height:38px;padding:0 13px;border-radius:10px;font:800 11.5px/1 var(--font-body);text-decoration:none;cursor:pointer}.mission-action-primary{border:1px solid #6ed8ff;background:linear-gradient(135deg,#9fe6ff,#4cc9ff);color:#04131c}.mission-action-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);background:#101e2c;color:#d9e9f3}.mission-action-primary:disabled{opacity:.6;cursor:wait}.mission-complete-note{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border-radius:10px;background:#67e7a614;border:1px solid rgba(103,231,166,.2);color:#79e4ae;font:800 11px/1 var(--font-body)}.mission-action-msg{grid-column:1 / -1;margin:0;font:700 11px/1.45 var(--font-body)}.mission-action-msg.is-ok{color:#79e4ae}.mission-action-msg.is-err{color:#ff9f95}.mod-empty-card{padding:36px;border-radius:24px;border:1px solid rgba(76,201,255,.18);background:radial-gradient(circle at 0% 0%,rgba(76,201,255,.09),transparent 55%),linear-gradient(155deg,#0f1a26f5,#081018f5);box-shadow:0 24px 65px #0000004d}.mod-empty-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#4cc9ff1a;border:1px solid rgba(76,201,255,.24);color:#4cc9ff;font:800 11px/1 var(--font-body);letter-spacing:.1em}.mod-empty-card h2{margin:14px 0 8px;font:700 clamp(24px,3.5vw,34px) / 1.12 var(--font-display);color:#f5f8fb}.mod-empty-card>p{margin:0 0 22px;max-width:680px;color:#93a8b8;font:500 14.5px/1.65 var(--font-body)}.mod-pillar-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.mod-pillar-row article{padding:16px;border-radius:15px;border:1px solid rgba(255,255,255,.07);background:#071018ad}.mod-pillar-row strong{display:block;color:#ecf5fb;font:700 14.5px/1.25 var(--font-display);margin-bottom:5px}.mod-pillar-row span{color:#88a0b2;font:500 13px/1.5 var(--font-body)}.mod-empty-actions{display:flex;gap:10px;flex-wrap:wrap}.mod-btn-primary,.mod-btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;font:700 13px/1 var(--font-body);text-decoration:none;transition:transform .16s ease,border-color .16s ease}.mod-btn-primary{border:1px solid #6ed8ff;background:linear-gradient(135deg,#9fe6ff,#4cc9ff);color:#04131c;font-weight:800}.mod-btn-secondary{border:1px solid rgba(255,255,255,.12);background:#101e2c;color:#e3eef6}@media(max-width:860px){.mod-grid,.mod-skel-grid,.mod-pillar-row{grid-template-columns:1fr}}@media(max-width:560px){.mod-page{padding:20px 12px 106px}.mod-empty-card,.mission-card{padding:20px 16px;border-radius:20px}}