@charset "UTF-8";:root{--bg: #0a0e14;--bg-grid: rgba(148, 163, 184, .045);--surface: #11161f;--surface-2: #161d28;--surface-3: #1c2531;--border: #232c3a;--border-strong: #313c4e;--text: #e8edf4;--muted: #8b97a8;--faint: #5b6676;--accent: #ffb020;--accent-strong: #ffc24d;--accent-dim: rgba(255, 176, 32, .14);--accent-line: rgba(255, 176, 32, .38);--on-accent: #1a1206;--easy: #2dd4bf;--easy-dim: rgba(45, 212, 191, .13);--medium: #ffb020;--medium-dim: rgba(255, 176, 32, .13);--hard: #f472b6;--hard-dim: rgba(244, 114, 182, .14);--ok: #34d399;--ok-dim: rgba(52, 211, 153, .13);--danger: #f87171;--danger-dim: rgba(248, 113, 113, .12);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--font-display: "Sora", system-ui, sans-serif;--font-text: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 8px 24px -12px rgba(0,0,0,.7);--shadow-pop: 0 20px 50px -20px rgba(0,0,0,.85)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-text);font-size:15px;line-height:1.55;color:var(--text);background-color:var(--bg);color-scheme:dark;background-image:radial-gradient(900px 500px at 88% -8%,rgba(255,176,32,.06),transparent 60%),linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:100% 100%,36px 36px,36px 36px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0}a{color:inherit}button,input,select{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill);border:1px solid transparent;line-height:1.4;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.badge.easy{color:var(--easy);background:var(--easy-dim);border-color:color-mix(in srgb,var(--easy) 35%,transparent)}.badge.medium{color:var(--medium);background:var(--medium-dim);border-color:color-mix(in srgb,var(--medium) 35%,transparent)}.badge.hard{color:var(--hard);background:var(--hard-dim);border-color:color-mix(in srgb,var(--hard) 35%,transparent)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 10px;border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--muted);text-transform:uppercase}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.used{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.pill.unused{color:var(--easy);border-color:color-mix(in srgb,var(--easy) 30%,transparent);background:var(--easy-dim)}.mono{font-family:var(--font-mono);letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.01em;padding:10px 18px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text);cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,transform .05s,box-shadow .15s}.btn:hover{border-color:var(--accent-line);background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 6px 20px -8px var(--accent-line)}.btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn--primary:disabled{background:var(--accent);border-color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px}.field>span,.field-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.input,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]),select,textarea{width:100%;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text);font-family:inherit;font-size:inherit;color-scheme:dark;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}select{cursor:pointer}select option{background:var(--surface-2);color:var(--text)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85);cursor:pointer}.shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.shell__sidebar{display:flex;flex-direction:column;background:linear-gradient(180deg,#0d121a,#0a0e14);border-right:1px solid var(--border);padding:var(--s5) var(--s4);position:sticky;top:0;height:100vh}.shell__brand{display:flex;align-items:center;gap:11px;padding:0 var(--s2) var(--s5);text-decoration:none}.shell__logo{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--on-accent);background:linear-gradient(150deg,var(--accent-strong),var(--accent));box-shadow:0 6px 18px -6px var(--accent-line)}.shell__brand-text{display:flex;flex-direction:column;line-height:1.15}.shell__brand-name{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.01em}.shell__brand-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.shell__nav-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:0 var(--s2) var(--s2)}.shell__nav{display:flex;flex-direction:column;gap:2px}.shell__link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);text-decoration:none;color:var(--muted);font-weight:500;border:1px solid transparent;transition:background .12s,color .12s,border-color .12s}.shell__link svg{flex:none;opacity:.85}.shell__link:hover{color:var(--text);background:var(--surface)}.shell__link.active{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-line)}.shell__spacer{flex:1}.shell__foot{border-top:1px solid var(--border);padding-top:var(--s4)}.shell__user{font-family:var(--font-mono);font-size:11px;color:var(--muted);padding:0 var(--s2) var(--s3);display:flex;align-items:center;gap:8px}.shell__user:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}.shell__logout{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--r-md);color:var(--muted);cursor:pointer;font-weight:500;transition:color .12s,border-color .12s,background .12s}.shell__logout:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:var(--danger-dim)}.shell__main{min-width:0;display:flex;flex-direction:column}.shell__topbar{display:flex;align-items:center;gap:12px;padding:var(--s4) var(--s6);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.shell__breadcrumb{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.04em}.shell__breadcrumb b{color:var(--text);font-weight:600}.shell__content{padding:var(--s6);max-width:1180px;width:100%}@media(max-width:760px){.shell{grid-template-columns:1fr}.shell__sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4)}.shell__brand{padding:0}.shell__nav-label,.shell__user{display:none}.shell__nav{flex-direction:row}.shell__spacer{flex:1}.shell__foot{border:0;padding:0}.shell__logout{width:auto}.shell__content{padding:var(--s4)}.shell__topbar{padding:var(--s3) var(--s4)}}.page-head{margin-bottom:var(--s6)}.page-head h1{font-size:26px}.page-head p{color:var(--muted);margin:6px 0 0}.create{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);margin-bottom:var(--s6);position:relative;overflow:hidden}.create:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent),transparent 60%)}.create h2{font-size:15px;letter-spacing:.02em;margin-bottom:var(--s4)}.create form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--s4);align-items:end}.create label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.create .error{color:var(--danger);margin:var(--s3) 0 0;font-size:13px}@media(max-width:720px){.create form{grid-template-columns:1fr}}.list h2{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s4)}.list ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--s4)}.list .empty{grid-column:1/-1;color:var(--muted);font-family:var(--font-mono);font-size:13px;border:1px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--s7);text-align:center}.card{display:grid;grid-template-areas:"title badge" "prog prog" "meta meta";grid-template-columns:1fr auto;gap:var(--s3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);text-decoration:none;color:inherit;transition:border-color .15s,transform .12s,box-shadow .15s,background .15s}.card:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px);box-shadow:var(--shadow-2)}.card .title{grid-area:title;font-family:var(--font-display);font-weight:600;font-size:16px}.card .badge{grid-area:badge;align-self:start}.card .redeemed{grid-area:prog;display:flex;flex-direction:column;gap:7px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.card .created{grid-area:meta;font-family:var(--font-mono);font-size:11px;color:var(--faint);border-top:1px solid var(--border);padding-top:var(--s3);letter-spacing:.02em}.progress{--pct: 0%;height:6px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden;position:relative}.progress>i{display:block;height:100%;width:var(--pct);background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:var(--r-pill);transition:width .4s ease}.detail-header{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s6);flex-wrap:wrap}.detail-header h1{font-size:24px;margin-right:auto}.detail-header>a{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:14px;padding:10px 18px;border-radius:var(--r-md);background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);text-decoration:none;box-shadow:0 6px 20px -8px var(--accent-line);transition:background .15s}.detail-header>a:hover{background:var(--accent-strong)}.detail-header>a:before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m0 0l-4-4m4 4l4-4M5 21h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m0 0l-4-4m4 4l4-4M5 21h14'/%3E%3C/svg%3E") center/contain no-repeat}table.codes{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}table.codes thead th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px var(--s5);background:var(--surface-2);border-bottom:1px solid var(--border)}table.codes tbody td{padding:13px var(--s5);border-bottom:1px solid var(--border)}table.codes tbody tr:last-child td{border-bottom:0}table.codes tbody tr:hover{background:var(--surface-2)}table.codes td.mono{font-family:var(--font-mono);font-size:14px;letter-spacing:.08em;color:var(--text)}.loading{color:var(--muted);font-family:var(--font-mono);font-size:13px;display:inline-flex;align-items:center;gap:10px}.loading:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.export{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);max-width:720px}.export__title{font-size:22px;margin-bottom:var(--s2)}.export__filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s4);margin:var(--s5) 0;padding:var(--s5) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.export__field{display:flex;flex-direction:column;gap:6px}.export__label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.export__download{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:14px;padding:11px 20px;border-radius:var(--r-md);background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);text-decoration:none;box-shadow:0 6px 20px -8px var(--accent-line);transition:background .15s}.export__download:hover{background:var(--accent-strong)}@media(max-width:560px){.export__filters{grid-template-columns:1fr}}.auth-card{display:flex;flex-direction:column;gap:var(--s4);max-width:380px;width:calc(100% - 32px);margin:0 auto;padding:var(--s7) var(--s6) var(--s6);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);position:relative;margin-top:12vh}.auth-card:before{content:"MWS";position:absolute;top:var(--s5);left:var(--s6);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--on-accent);background:linear-gradient(150deg,var(--accent-strong),var(--accent));padding:6px 10px;border-radius:8px;box-shadow:0 6px 18px -6px var(--accent-line)}.auth-card h1{font-size:20px;margin-top:var(--s6)}.auth-card p{color:var(--muted);margin:0;font-size:13px}.auth-card input{width:100%}.auth-card button{width:100%;font-family:var(--font-display);font-weight:600;font-size:15px;padding:12px;margin-top:var(--s2);border-radius:var(--r-md);background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);cursor:pointer;box-shadow:0 6px 20px -8px var(--accent-line);transition:background .15s,transform .05s}.auth-card button:hover:not(:disabled){background:var(--accent-strong)}.auth-card button:active{transform:translateY(1px)}.auth-card button:disabled{opacity:.55;cursor:not-allowed}.auth-card .err{color:var(--danger);margin:0;font-size:13px}.auth-card .hint{color:var(--faint);font-size:12px;line-height:1.5}.auth-card .hint code{font-family:var(--font-mono);font-size:11px;background:var(--surface-3);color:var(--text);padding:1px 5px;border-radius:var(--r-sm)}.redeem{max-width:440px;margin:0 auto;min-height:100vh;padding:var(--s7) var(--s4) var(--s6);display:flex;flex-direction:column;gap:var(--s5)}.redeem__brand{display:flex;align-items:center;gap:11px}.redeem__brand:before{content:"MWS";flex:none;font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--on-accent);background:linear-gradient(150deg,var(--accent-strong),var(--accent));padding:6px 9px;border-radius:8px;box-shadow:0 6px 18px -6px var(--accent-line)}.redeem__brand-title{font-size:16px;font-weight:600}.redeem__loading{color:var(--muted);font-family:var(--font-mono);font-size:13px;display:inline-flex;align-items:center;gap:10px;margin:var(--s6) 0}.redeem__loading:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}.redeem__form{display:flex;flex-direction:column;gap:var(--s4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--shadow-2)}.redeem__difficulty{align-self:flex-start;margin:0;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.redeem__hint{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.redeem__field{display:flex;flex-direction:column;gap:7px}.redeem__label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.redeem__input{font-family:var(--font-mono);font-size:16px;padding:14px}.redeem__error{color:var(--danger);margin:0;font-size:13px}.redeem__submit{font-family:var(--font-display);font-weight:600;font-size:16px;padding:15px;border-radius:var(--r-md);background:var(--accent);border:1px solid var(--accent);color:var(--on-accent);cursor:pointer;box-shadow:0 8px 22px -8px var(--accent-line);transition:background .15s,transform .05s}.redeem__submit:hover:not(:disabled){background:var(--accent-strong)}.redeem__submit:active{transform:translateY(1px)}.redeem__submit:disabled{opacity:.55;cursor:not-allowed}.redeem__result{border-radius:var(--r-lg);padding:var(--s6);border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:var(--s3);text-align:center}.redeem__result p{margin:0;font-size:16px;line-height:1.5}.redeem__result:before{content:"";width:52px;height:52px;margin:0 auto var(--s2);border-radius:50%;display:block;background-position:center;background-repeat:no-repeat;background-size:26px}.redeem__result--ok{border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:linear-gradient(180deg,var(--ok-dim),var(--surface));animation:pop .4s cubic-bezier(.2,.8,.2,1.2)}.redeem__result--ok:before{background-color:var(--ok-dim);box-shadow:0 0 0 1px color-mix(in srgb,var(--ok) 45%,transparent),0 0 30px -4px var(--ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}.redeem__result--ok p{color:var(--ok);font-family:var(--font-display);font-weight:600}.redeem__result--used:before{background-color:var(--accent-dim);box-shadow:0 0 0 1px var(--accent-line);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffb020' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}.redeem__result--used p{color:var(--muted)}.redeem__result--invalid:before{background-color:var(--danger-dim);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 40%,transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f87171' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15 9l-6 6M9 9l6 6'/%3E%3C/svg%3E")}.redeem__result--invalid p{color:var(--muted)}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}