.page{min-height:100vh;background:radial-gradient(circle at top,#f2f5ff,#f8fafc 55%,#fff);color:#111827;display:grid;gap:32px;padding:0 20px 48px;align-content:start}body,html{overflow-y:scroll;scrollbar-gutter:stable}.card{max-width:480px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 12px 30px #0f172a14;padding:24px 28px;display:grid;gap:10px}.card-wide{max-width:1120px;width:min(1120px,100%)}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1040px;margin:0 auto;width:min(100%,1040px)}.field{display:grid;gap:6px}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.field input{border-radius:10px;border:1px solid #e5e7eb;padding:10px 12px;font-size:14px}.field input:focus{outline:2px solid #93c5fd;border-color:#93c5fd}button{border:none;border-radius:999px;padding:10px 18px;background:#111827;color:#fff;font-weight:600;cursor:pointer}button:hover{background:#1f2937}.session{display:grid;gap:6px}.notice{padding:10px 12px;border-radius:10px;font-size:13px}.notice.success{background:#ecfdf3;color:#065f46}.notice.error{background:#fef2f2;color:#991b1b}.task-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.task-column-title{font-weight:700;margin-bottom:8px}.task-mobile{display:none}@media(max-width:720px){.task-columns{display:none}.task-mobile{display:block}.page{padding-bottom:140px}}.label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}.value{font-size:28px;font-weight:700}.hint{font-size:13px;color:#6b7280}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:grid;place-items:center;padding:24px;z-index:100}.modal-card{width:min(420px,100%);background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 20px 40px #0f172a2e;display:grid;gap:12px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0}.modal-body{display:grid;gap:10px}.ghost{background:transparent;color:#374151;border:1px solid #e5e7eb}.ghost:hover{background:#f3f4f6}.nav{width:min(1120px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-radius:18px;background:#ffffffe6;box-shadow:0 10px 26px #0f172a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none;color:inherit}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#111827,#3b82f6);display:grid;place-items:center;color:#fff}.brand-text{font-size:14px;letter-spacing:.08em;text-transform:uppercase}.nav-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-mobile{display:none}.nav-mobile-item{text-decoration:none;color:inherit;font-size:12px;font-weight:600;background:transparent;border:none;padding:6px 4px;cursor:pointer}.nav-mobile-item.active{color:#111827;position:relative}.nav-mobile-item.active:after{content:"";width:14px;height:2px;background:#111827;border-radius:999px;margin-top:6px}.nav-user{text-align:right}.nav-status .ghost{border:1px solid #e5e7eb;background:transparent;color:#111827}.nav-status .ghost:hover{background:#f3f4f6}.nav-link{text-decoration:none}@media(max-width:720px){.nav{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:none;margin:0;border-radius:18px 18px 0 0;z-index:200;padding:10px 14px}.brand,.nav-status{display:none}.nav-mobile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;width:100%;text-align:center}.nav-mobile-item{display:grid;place-items:center}.nav-mobile-action{width:100%}}.banner-wrap{width:min(1120px,100%);margin:0 auto}.banner-card{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #0f172a14;position:relative}.banner-slide img{width:100%;height:280px;display:block;object-fit:cover}.banner-link{display:block;color:inherit;text-decoration:none}.banner-dots{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:8px;background:#0f172a66;padding:6px 10px;border-radius:999px}.banner-dots button{width:8px;height:8px;border-radius:999px;border:none;background:#fff9;padding:0}.banner-dots button.active{background:#fff}@media(max-width:720px){.banner-slide img{height:180px}}.home{display:grid;gap:28px;position:relative;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}.home:before{content:"";position:absolute;inset:-80px -20px auto;height:240px;background:radial-gradient(circle at 20% 30%,rgba(15,23,42,.12),transparent 60%),radial-gradient(circle at 85% 10%,rgba(56,189,248,.18),transparent 55%);z-index:-1}.home-hero{display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding:28px 32px;background:linear-gradient(145deg,#fff,#f8fbff);animation:fade-in .6s ease-out both}.home-hero h1{margin:10px 0;font-size:clamp(28px,3vw,36px);line-height:1.1}.home-hero p{margin:0;color:#475569;line-height:1.6}.home-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.home-primary,.home-ghost{text-decoration:none;border-radius:999px;padding:10px 18px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.home-primary{background:#111827;color:#fff;box-shadow:0 12px 24px #0f172a2e}.home-primary:hover{transform:translateY(-1px)}.home-ghost{border:1px solid #e2e8f0;color:#111827;background:#fff}.home-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:20px}.home-metric-value{font-size:20px;font-weight:700}.home-metric-label{font-size:12px;color:#6b7280}.home-hero-side{display:grid;gap:12px}.home-hero-note{text-transform:uppercase;letter-spacing:.24em;font-size:11px;color:#0f172a}.home-hero-card{border-radius:18px;background:linear-gradient(160deg,#0f172a,#0f766e);color:#fff;padding:20px 22px;display:grid;gap:12px;box-shadow:0 16px 40px #0f172a33}.home-hero-card ol{margin:0;padding-left:16px;font-size:13px;line-height:1.6}.home-inline{color:#fff;text-decoration:none;font-weight:600}.home-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:min(1120px,100%);margin:0 auto}.home-card{background:#ffffffd9;border-radius:16px;padding:18px 20px;box-shadow:0 10px 24px #0f172a14;animation:float-in .7s ease both}.home-card-title{font-weight:700;margin-bottom:8px}.home-reco{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}.home-reco h2{margin:6px 0 8px;font-size:24px}.home-reco p{margin:0;color:#475569;line-height:1.6}.home-reco-list{display:grid;gap:16px}.home-reco-title{font-weight:700;margin-bottom:4px}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.home-hero,.home-reco{grid-template-columns:1fr}}.profile-card{width:min(1120px,100%)}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-name{font-size:22px;font-weight:700}.profile-meta{color:#6b7280;font-size:13px;margin-top:4px}.profile-badge{padding:6px 12px;border-radius:999px;background:#111827;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.profile-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.profile-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.profile-value{margin-top:6px;font-size:14px;color:#111827}.profile-action{width:fit-content}.profile-auth-actions{display:none;gap:12px;flex-wrap:wrap}@media(max-width:720px){.profile-auth-actions{display:flex}}.submit-card{width:min(1120px,100%);max-width:1120px}.submit-card h2{margin:0;font-size:22px}.submit-content{display:grid;gap:16px}.submit-info{display:grid;gap:8px}.submit-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#6b7280}.submit-desc{color:#111827;line-height:1.5;font-size:14px}.submit-form{display:grid;gap:10px}.submit-empty{color:#6b7280;padding:12px 0}.submit-tip{font-size:12px;color:#64748b}.detail-card h2{margin:4px 0 0;font-size:24px}.detail-card{width:min(1120px,100%)}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.detail-empty{color:#6b7280;padding:12px 0}.detail-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-span{grid-column:1 / -1}.detail-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.detail-value{font-size:15px;color:#111827;margin-top:6px}.detail-desc{line-height:1.5}.detail-actions{display:grid;gap:10px;margin-top:16px}@media(max-width:640px){.detail-grid{grid-template-columns:1fr}}.task-tabs{display:flex;gap:12px;justify-content:center}.task-list{min-height:260px;display:grid;gap:12px}.task-loading-hint{font-size:12px;color:#6b7280;text-align:center}.platform-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}.task-tabs button{border-radius:999px;padding:8px 16px;border:1px solid #e5e7eb;background:#fff;color:#111827}.task-tabs button.active{background:#111827;color:#fff;border-color:#111827}.platform-tabs button{border-radius:999px;padding:6px 12px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:12px}.platform-tabs button.active{background:#111827;color:#fff;border-color:#111827}.task-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.task-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 10px 24px #0f172a14;display:grid;gap:8px;border:none;text-align:left;width:100%;color:inherit;cursor:pointer}.task-card:hover{transform:none;box-shadow:0 10px 24px #0f172a14;background:#fff}.task-card:disabled{cursor:progress;opacity:.9}.task-title{font-weight:700}.task-desc{font-size:13px;color:#475569;line-height:1.4}.task-meta{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.task-empty{text-align:center;color:#6b7280;padding:24px 0}@media(min-width:721px){.task-tabs{display:none}}.hall{display:grid;gap:24px;position:relative;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}.hall-hero{display:grid;gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding:28px 32px;background:linear-gradient(120deg,#fff,#eef2ff);animation:hall-rise .6s ease-out both}.hall-hero h1{margin:10px 0;font-size:clamp(26px,3vw,34px)}.hall-hero p{margin:0 0 10px;color:#475569;line-height:1.6}.hall-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hall-tags span{padding:6px 12px;border-radius:999px;background:#0f172a14;font-size:12px}.hall-hero-side{border-radius:16px;background:#0f172a;color:#fff;padding:18px 20px;display:grid;gap:10px;box-shadow:0 14px 30px #0f172a33}.hall-side-title{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#ffffffb8}.hall-panel{display:grid;gap:12px}.hall-tabs{justify-content:flex-start}@keyframes hall-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hall-hero{grid-template-columns:1fr}}.publish-card{gap:18px}.publish-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.publish-title{display:grid;gap:6px}.publish-title-row{display:flex;align-items:center;gap:10px}.publish-header h1{margin:0 0 6px;font-size:24px}.publish-header p{margin:0;color:#475569}.publish-meta{text-align:right}.publish-user{font-size:18px;font-weight:700}.task-publish-form{display:grid;gap:16px}.field-label{display:flex;align-items:center;gap:8px}.field-label label{margin:0}.example-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.example-button{border-radius:999px;padding:6px 12px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:12px;line-height:1.2}.example-button:hover{background:#f3f4f6}.task-publish-form select{border-radius:10px;border:1px solid #e5e7eb;padding:10px 12px;font-size:14px;background:#fff}.task-publish-form select:focus{outline:2px solid #93c5fd;border-color:#93c5fd}.task-publish-form textarea{border-radius:10px;border:1px solid #e5e7eb;padding:10px 12px;font-size:14px;resize:vertical}.task-publish-form textarea:focus{outline:2px solid #93c5fd;border-color:#93c5fd}.field-row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.duration-options{display:flex;gap:8px;flex-wrap:wrap}.duration-options button{border-radius:999px;padding:8px 14px;border:1px solid #e5e7eb;background:transparent;color:#111827;font-weight:600}.duration-options button.active{background:#111827;color:#fff;border-color:#111827}.duration-note{font-size:12px;color:#6b7280}.tips-button{border-radius:999px;width:24px;height:24px;padding:0;border:1px solid #e5e7eb;background:#fff;color:#111827;font-weight:700;line-height:1}.tips-button:hover{background:#f3f4f6}.tips-modal-backdrop{position:fixed;inset:0;background:#0f172a80;display:grid;place-items:center;padding:24px;z-index:300}.tips-modal-card{width:min(640px,100%);background:#fff;border-radius:16px;box-shadow:0 16px 36px #0f172a33;padding:20px 22px;display:grid;gap:12px}.tips-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tips-modal-header h2{margin:0;font-size:18px}.tips-modal-body{display:grid;gap:12px;color:#475569;font-size:14px}.tips-modal-body p{margin:0}.tips-modal-body img{width:80%;border-radius:12px;border:1px solid #e5e7eb;justify-self:center}.publish-actions{display:flex;justify-content:flex-start}.publish-empty{color:#6b7280}@media(max-width:720px){.publish-header{align-items:flex-start}.publish-meta{text-align:left}}.task-center-page{width:min(1120px,100%)}.task-center{border-radius:16px;border:1px solid #e5e7eb;padding:16px;display:grid;gap:12px}.task-center-tabs{display:flex;flex-wrap:wrap;gap:10px}.task-center-tabs button{border-radius:999px;padding:6px 14px;border:1px solid #e5e7eb;background:#fff;color:#111827}.task-center-tabs button.active{background:#111827;color:#fff;border-color:#111827}.task-center-list{display:grid;gap:12px}.task-center-card{border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;text-decoration:none;color:inherit}.task-center-card:hover{box-shadow:0 10px 22px #0f172a1f;transform:translateY(-1px)}.task-center-card.is-disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.task-center-card.is-disabled:hover{box-shadow:none;transform:none}.task-center-title{font-weight:700}.task-center-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#6b7280;margin-top:6px}.task-center-status{font-size:12px;font-weight:700;color:#111827}.task-center-actions button{border-radius:10px;border:1px solid #e11d48;color:#e11d48;padding:6px 12px;background:#fff;font-size:12px}.task-center-actions button:hover{background:#fff1f2}.points-center{border-radius:16px;border:1px solid #e5e7eb;padding:16px;display:grid;gap:12px}.points-summary{display:flex;align-items:center;justify-content:space-between}.points-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.points-value{font-size:24px;font-weight:700;color:#111827;margin-top:6px}.points-error{color:#b91c1c;font-size:12px;margin-top:6px}.points-list{display:grid;gap:10px}.points-list-header{display:flex;align-items:center;justify-content:space-between;font-weight:600}.points-pager{display:flex;align-items:center;gap:8px;font-size:12px}.points-pager button{border-radius:999px;padding:4px 10px;border:1px solid #e5e7eb;background:#fff;color:#111827}.points-pager button:disabled{opacity:.5;cursor:not-allowed}.points-items{display:grid;gap:10px}.points-item{border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;background:#fff}.points-type{font-weight:600}.points-time{font-size:12px;color:#6b7280;margin-top:4px}.points-amount{font-weight:700;font-size:14px}.points-amount.plus{color:#16a34a}.points-amount.minus{color:#dc2626}.points-center-page{width:min(1120px,100%)}.profile-empty{color:#6b7280;padding:12px 0}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:#fff}code{font-family:Courier New,monospace;background:#eef2ff;padding:2px 6px;border-radius:6px}