.submission-page{min-height:100svh;background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--teal) 7%,transparent),transparent 45%),var(--canvas);color:var(--text);padding:0 clamp(20px,5vw,64px) 70px}.submission-container{max-width:1220px;margin-inline:auto}.submission-header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px;border-bottom:1px solid var(--line)}.submission-header .site-brand{min-width:0;max-width:75%;font-size:18px}.submission-back.MuiButton-root{flex-shrink:0;color:var(--muted);font-size:12px;gap:8px}.submission-intro{position:relative;isolation:isolate;padding:clamp(36px,5vw,64px) 180px clamp(32px,4vw,52px) 0}.submission-eyebrow.MuiTypography-root{margin:0 0 12px;color:var(--teal);font-size:12px;font-weight:750;letter-spacing:.14em}.submission-intro h1.MuiTypography-root{margin:0;color:var(--heading);font-size:clamp(30px,4vw,48px);font-weight:750;letter-spacing:-.04em;line-height:1.3;overflow-wrap:anywhere}.submission-description.MuiTypography-root{margin:18px 0 0;color:var(--muted);font-size:14px;line-height:1.9}.submission-intro-art{position:absolute;z-index:-1;right:22px;top:50%;transform:translateY(-50%) rotate(3deg);width:130px}.submission-intro-art svg{width:100%;fill:var(--surface);stroke:var(--line-strong);stroke-width:1.5}.submission-intro-art path{fill:none;stroke:var(--teal)}.submission-intro-art circle{fill:var(--accent-soft);stroke:var(--accent)}.submission-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.48fr);gap:clamp(24px,4vw,56px);align-items:start}.submission-card{min-width:0;border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:clamp(24px,3.2vw,42px);box-shadow:0 12px 40px var(--shadow)}.submission-card-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--line)}.submission-card-heading p.MuiTypography-root{margin:0 0 5px;color:var(--subtle);font-size:11px}.submission-card-heading h2.MuiTypography-root{margin:0;color:var(--heading);font-size:22px;font-weight:700;letter-spacing:-.03em}.submission-number{flex-shrink:0;color:var(--subtle);font-size:10px;letter-spacing:.06em}.submission-card .MuiOutlinedInput-root{border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 30%,transparent);transition:box-shadow .16s ease,background .16s ease}.submission-card .MuiOutlinedInput-root.Mui-focused{background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}.submission-card .MuiOutlinedInput-notchedOutline{border-color:var(--line-strong)}.submission-card .MuiFormHelperText-root{margin-inline:2px;line-height:1.6}.submission-card .MuiAlert-root,.submission-empty .MuiAlert-root{border-radius:12px;font-size:13px;line-height:1.7}.submission-tags>p.MuiTypography-root{margin:0 0 10px;color:var(--muted);font-size:12px}.submission-tags .MuiChip-root{color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,var(--surface))}.submission-picker{display:grid;justify-items:center;padding:30px 20px 24px;border:1px dashed var(--line-strong);border-radius:18px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 5%,transparent),transparent 75%),var(--canvas);text-align:center}.submission-upload-icon{width:32px;height:32px;margin-bottom:16px;stroke:var(--accent);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.submission-picker h3.MuiTypography-root{margin:0;font-size:16px;font-weight:700;color:var(--heading)}.submission-picker p.MuiTypography-root{margin:8px 0 0;font-size:12px;color:var(--muted);line-height:1.7}.submission-picker .MuiButton-root{min-height:46px;min-width:200px;margin-block:20px 8px;border-radius:12px;font-weight:700;box-shadow:none}.submission-picker p.submission-formats{font-size:10px;letter-spacing:.015em}.submission-picker p.submission-picker-hint{color:var(--accent)}.submission-guide{min-width:0;padding-top:12px}.submission-quota{margin-bottom:32px;padding-bottom:26px;border-bottom:1px solid var(--line)}.submission-quota>p.MuiTypography-root{color:var(--muted);font-size:12px;line-height:1.7}.submission-quota>strong.MuiTypography-root{display:block;margin-block:8px 10px;color:var(--heading);font-size:54px;line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.submission-quota>strong>span{color:var(--muted);font-size:13px;font-weight:500}.submission-quota time{display:block}.submission-guide h2.MuiTypography-root{color:var(--heading);font-size:16px;font-weight:700}.submission-guide ol{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:25px}.submission-guide li{display:flex;align-items:start;gap:14px}.submission-guide li>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid var(--line);border-radius:10px;color:var(--teal);font-size:10px;background:var(--surface)}.submission-guide li strong{color:var(--heading);font-size:13px;font-weight:650}.submission-guide li p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.85}.submission-progress{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--canvas)}.submission-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:13px}.submission-progress strong.MuiTypography-root{color:var(--heading);font-size:13px}.submission-progress span.MuiTypography-root{color:var(--accent);font-size:13px;font-variant-numeric:tabular-nums}.submission-progress>p.MuiTypography-root{margin-block:12px 5px;color:var(--muted);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.submission-progress .MuiLinearProgress-root{height:5px;border-radius:4px}.submission-complete ul{display:grid;gap:9px;margin:16px 0 0;padding:0;list-style:none}.submission-complete li{display:flex;gap:10px;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.submission-complete li>span{color:var(--teal)}.submission-complete>p.MuiTypography-root{margin-top:12px;color:var(--subtle);font-size:11px}.submission-empty{display:grid;justify-items:start;gap:20px;padding:clamp(24px,4vw,44px);border:1px solid var(--line);border-radius:24px;background:var(--surface);max-width:700px}.submission-state-icon{display:grid;place-items:center;width:50px;height:50px;background:var(--accent-soft);color:var(--accent);font-size:24px;border-radius:16px}.submission-empty h2.MuiTypography-root{font-size:24px;color:var(--heading);font-weight:700}.submission-empty>p.MuiTypography-root{color:var(--muted);font-size:14px;line-height:1.8}.submission-empty .MuiButton-root{min-height:44px;border-radius:12px}.submission-loading{max-width:700px;padding:36px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.submission-loading p.MuiTypography-root{margin:20px 0 0;color:var(--muted);font-size:14px}.submission-page :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(prefers-reduced-motion:no-preference){.submission-card,.submission-empty{animation:submission-arrive .32s ease-out both}}@keyframes submission-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.submission-page{padding-inline:20px}.submission-header{min-height:80px;gap:12px}.submission-header .site-brand{font-size:15px}.submission-back.MuiButton-root{font-size:11px;min-width:auto;padding-inline:0}.submission-intro{padding-right:0}.submission-intro-art{display:none}.submission-layout{grid-template-columns:minmax(0,1fr);gap:30px}.submission-guide{padding-inline:4px}.submission-quota{display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:center;margin-bottom:26px}.submission-quota>strong.MuiTypography-root{grid-column:2;grid-row:1 / 3;margin:0;font-size:40px}.submission-quota>p.MuiTypography-root{margin:0}.submission-quota time{display:inline}.submission-guide ol{gap:20px}.submission-card{border-radius:20px}.submission-picker{padding-inline:14px}}@media(max-width:380px){.submission-page{padding-inline:14px}.submission-card{padding:22px 18px}.submission-number{display:none}.submission-picker .MuiButton-root{min-width:0;width:100%}}@media(prefers-reduced-motion:reduce){.submission-page *,.submission-page *:before,.submission-page *:after{animation:none!important;transition:none!important}}
