@charset "UTF-8";.challenge-form{display:grid;gap:1rem;width:fit-content;max-width:100%}.challenge-form__schedule{display:grid;gap:.875rem}.challenge-form__schedule-block{display:grid;gap:.75rem;margin:0;padding:.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05}.challenge-form__schedule-title{display:inline-flex;align-items:baseline;gap:.25rem;margin:0;color:var(--gold);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.challenge-form__schedule-field{display:grid;gap:.375rem;min-width:0;font-size:.875rem;color:var(--text-muted)}.field-label{display:inline-flex;align-items:baseline;gap:.25rem}.field-label__required{color:var(--gold);font-weight:700}.field-label__optional{color:var(--text-subtle);font-weight:500;font-size:.8125rem}.challenge-form__datetime-row{display:grid;grid-template-columns:minmax(0,1fr) 5.75rem;gap:.75rem}.challenge-form__datetime-field{display:grid;gap:.375rem;min-width:0;font-size:.875rem;color:var(--text-muted)}.challenge-form__datetime-row input,.challenge-form__datetime-row select{width:100%;min-height:2.75rem;box-sizing:border-box}.challenge-form label{display:grid;gap:.375rem;font-size:.875rem;color:var(--text-muted)}.challenge-form__schedule-block--invalid{border-color:var(--danger);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 35%,transparent)}.challenge-form__control--invalid{border-color:var(--danger)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 65%,transparent)}.field-error{margin:0;color:var(--danger);font-size:.8125rem;line-height:1.4}.form-error{margin:0;padding:.625rem .75rem;border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-size:.875rem;line-height:1.45}.challenge-form__actions{display:flex;flex-wrap:wrap;gap:.75rem}.challenge-form__actions--center{justify-content:center}.visibility-switch{display:flex;align-items:center;justify-content:center;gap:.875rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;width:100%;box-sizing:border-box}.visibility-switch__label{display:inline-flex;align-items:center;gap:.375rem;color:var(--text-muted);font-size:.875rem;font-weight:500;transition:color .15s ease}.visibility-switch__label-icon{width:1rem;height:1rem;flex-shrink:0}.visibility-switch__label--active{color:var(--gold);font-weight:600}.visibility-switch__info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text-subtle);font-size:.625rem;font-weight:700;font-style:italic;line-height:1;cursor:help}.visibility-switch__info:hover,.visibility-switch__info:focus-visible{color:var(--text-muted);border-color:var(--border-strong);background:var(--gold-a06)}.visibility-switch__info:hover .visibility-switch__tooltip,.visibility-switch__info:focus-visible .visibility-switch__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.visibility-switch__tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;z-index:10;width:max-content;max-width:14rem;padding:.5rem .625rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--text);box-shadow:0 4px 16px #00000073;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.4;text-align:center;opacity:0;visibility:hidden;transform:translate(-50%) translateY(.25rem);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;pointer-events:none}.visibility-switch__info--end .visibility-switch__tooltip{left:auto;right:0;transform:translateY(.25rem)}.visibility-switch__info--end:hover .visibility-switch__tooltip,.visibility-switch__info--end:focus-visible .visibility-switch__tooltip{transform:translateY(0)}.visibility-switch__toggle{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:2rem;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-hover);color:var(--text-muted);flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease}.visibility-switch__toggle--public{color:var(--gold);background:var(--gold-a12);border-color:var(--gold-a35)}.visibility-switch__toggle svg{width:1.125rem;height:1.125rem}.visibility-switch__toggle:hover:not(:disabled){border-color:var(--gold)}.visibility-switch__toggle:disabled{opacity:.55;cursor:not-allowed}@media(max-width:640px){.visibility-switch{flex-wrap:wrap;gap:.625rem}}@font-face{font-family:LEMON MILK;src:url(/fonts/LemonMilk-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root,[data-theme=dark]{color-scheme:dark;--gold: #c5a059;--gold-bright: #d4b06a;--gold-dim: #9a7d3f;--bg: #121820;--bg-deep: #0a0e14;--app-background: radial-gradient(circle at 20% 0%, rgba(197, 160, 89, .12), transparent 42%), linear-gradient(160deg, #0a0e14 0%, #121820 55%, #0d1118 100%);--surface: #1a2026;--surface-elevated: #212830;--surface-hover: #262e38;--surface-tint: rgba(255, 255, 255, .03);--surface-tint-strong: rgba(255, 255, 255, .05);--overlay-backdrop: rgba(13, 17, 22, .55);--date-picker-filter: invert(.9);--text: #dfe4eb;--text-muted: #8490a0;--text-subtle: #5c6778;--border: rgba(197, 160, 89, .2);--border-strong: rgba(197, 160, 89, .45);--gold-a06: rgba(197, 160, 89, .06);--gold-a08: rgba(197, 160, 89, .08);--gold-a12: rgba(197, 160, 89, .12);--gold-a18: rgba(197, 160, 89, .18);--gold-a20: rgba(197, 160, 89, .2);--gold-a35: rgba(197, 160, 89, .35);--danger: #e85d5d;--success: #6bc97a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .35);--font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, sans-serif;--font-brand: "LEMON MILK", "Plus Jakarta Sans", system-ui, sans-serif}[data-theme=light]{color-scheme:light;--gold: #9a7d3f;--gold-bright: #b8924f;--gold-dim: #7a6332;--bg: #ebeef2;--bg-deep: #e3e7ed;--app-background: radial-gradient(ellipse 70% 42% at 50% -10%, var(--gold-a06), transparent 58%), linear-gradient(180deg, var(--bg-deep) 0%, var(--bg) 40%, var(--bg) 100%);--surface: #f5f7fa;--surface-elevated: #f8fafc;--surface-hover: #eef2f6;--surface-tint: rgba(15, 23, 42, .03);--surface-tint-strong: rgba(15, 23, 42, .05);--overlay-backdrop: rgba(15, 23, 42, .35);--date-picker-filter: none;--text: #1a2026;--text-muted: #5c6778;--text-subtle: #8b95a5;--border: rgba(154, 125, 63, .22);--border-strong: rgba(154, 125, 63, .42);--gold-a06: rgba(154, 125, 63, .06);--gold-a08: rgba(154, 125, 63, .08);--gold-a12: rgba(154, 125, 63, .12);--gold-a18: rgba(154, 125, 63, .18);--gold-a20: rgba(154, 125, 63, .2);--gold-a35: rgba(154, 125, 63, .35);--danger: #d64545;--success: #3d9a4d;--shadow-card: 0 4px 24px rgba(15, 23, 42, .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--app-background);background-attachment:fixed;color:var(--text);font-family:var(--font-family);font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button{border:1px solid var(--border);border-radius:var(--radius-pill);padding:.5rem .875rem;background:var(--gold-a12);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}button:hover:not(:disabled){border-color:var(--gold);background:var(--gold-a18)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--text)}select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:2.25rem;background-repeat:no-repeat;background-position:right .75rem center}:root select,[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b95a5' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235c6778' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}select option,select optgroup{background-color:var(--surface-elevated);color:var(--text)}select option:checked{background-color:var(--gold-a18);color:var(--text)}select option:hover,select option:focus-visible{background-color:var(--surface-hover);color:var(--text)}input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{color-scheme:inherit}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75;filter:var(--date-picker-filter)}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-a12)}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--overlay-backdrop);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-panel{position:relative;z-index:1;width:100%;max-width:24rem;max-height:calc(100vh - 2rem);overflow:auto;padding:1.5rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-elevated)}.modal-panel--wide{max-width:420px}.modal-panel--settings{max-width:34rem}.modal-panel--edit{display:flex;flex-direction:column;width:fit-content;max-width:90vw;max-height:90vh;overflow:hidden}.badge{display:inline-flex;align-items:center;gap:.3125rem;padding:.25rem .625rem;border-radius:var(--radius-pill);background:var(--surface-tint-strong);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.02em;line-height:1.2}.badge--title{gap:.4375rem;padding:.3125rem .75rem;font-size:.9375rem;letter-spacing:.015em}.badge--title .badge__icon{width:1.0625rem;height:1.0625rem}.challenge-card__title .badge--title{padding:.28125rem .6875rem;font-size:.875rem}.challenge-card__title .badge--title .badge__icon{width:1rem;height:1rem}.detail__title .badge--title{padding:.375rem .875rem;font-size:clamp(.9375rem,2.6vw,1.125rem)}.detail__title .badge--title .badge__icon{width:clamp(1rem,2.4vw,1.1875rem);height:clamp(1rem,2.4vw,1.1875rem)}.badge__icon{width:.875rem;height:.875rem;flex-shrink:0}.badge--icon-only{gap:0;padding:.3125rem}.badge--soloq{color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold) 32%,transparent)}.badge--duoq{color:#9b7bd4;background:color-mix(in srgb,#9b7bd4 12%,transparent);border:1px solid color-mix(in srgb,#9b7bd4 32%,transparent)}.badge--status-not-started{color:#9eb4d4;background:#7896c81f;border:1px solid rgba(120,150,200,.3)}.badge--status-active{color:#6ec97d;background:#6bc97a1a;border:1px solid rgba(107,201,122,.28)}.badge--status-finished{color:var(--text-muted);background:var(--surface-tint-strong);border:1px solid var(--border)}.badge--type{color:var(--gold);background:var(--gold-a12);border:1px solid var(--border)}.badge--public{color:var(--gold);background:var(--gold-a12);border:1px solid rgba(197,160,89,.28)}.badge--private{color:var(--text-muted);background:var(--surface-tint-strong);border:1px solid var(--border)}.refresh-action-btn{--refresh-action-size: 2.75rem;--refresh-action-icon-size: 1.375rem;--refresh-action-inset: calc((var(--refresh-action-size) - var(--refresh-action-icon-size)) / 2);display:inline-flex;align-items:center;justify-content:flex-start;gap:0;height:var(--refresh-action-size);min-width:var(--refresh-action-size);padding:0 var(--refresh-action-inset) 0 var(--refresh-action-inset);border:1px solid color-mix(in srgb,var(--danger) 42%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--danger) 14%,transparent);color:color-mix(in srgb,var(--danger) 82%,var(--text));cursor:pointer;font:inherit;font-size:.875rem;font-weight:600;white-space:nowrap;flex-shrink:0;overflow:hidden;transition:padding-right .3s cubic-bezier(.4,0,.2,1),border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 10%,transparent)}.refresh-action-btn:hover:not(:disabled),.refresh-action-btn:focus-visible:not(:disabled){padding-right:.875rem;border-color:color-mix(in srgb,var(--danger) 42%,transparent);background:color-mix(in srgb,var(--danger) 14%,transparent);color:color-mix(in srgb,var(--danger) 82%,var(--text));box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 10%,transparent)}.refresh-action-btn:focus-visible:not(:disabled){outline:2px solid color-mix(in srgb,var(--danger) 42%,transparent);outline-offset:2px}.refresh-action-btn:disabled{opacity:.65;cursor:not-allowed}.refresh-action-btn__icon{width:var(--refresh-action-icon-size);height:var(--refresh-action-icon-size);fill:currentColor;flex-shrink:0}.refresh-action-btn__label{max-width:0;margin-left:0;overflow:hidden;white-space:nowrap;opacity:0;flex-shrink:0;transition:max-width .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1),opacity .12s ease}.refresh-action-btn:hover:not(:disabled) .refresh-action-btn__label,.refresh-action-btn:focus-visible:not(:disabled) .refresh-action-btn__label{max-width:11rem;margin-left:.5rem;opacity:1;transition:max-width .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1),opacity .18s ease .06s}.refresh-action-btn__label--short{max-width:0}.refresh-action-btn:hover:not(:disabled) .refresh-action-btn__label--short,.refresh-action-btn:focus-visible:not(:disabled) .refresh-action-btn__label--short{max-width:6rem}.refresh-action-btn__icon--spinning{animation:refresh-action-spin .8s linear infinite}@keyframes refresh-action-spin{to{transform:rotate(360deg)}}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-tint);color:var(--text-muted);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.icon-button:hover:not(:disabled){border-color:var(--gold);background:var(--gold-a12);color:var(--gold)}.icon-button--copied{border-color:var(--gold);background:var(--gold-a18);color:var(--gold)}.icon-button--danger:hover:not(:disabled){border-color:#dc5a5aa6;background:#dc5a5a1f;color:#f08a8a}.icon-button svg{width:1rem;height:1rem;fill:currentColor}.icon-button svg path[stroke]{fill:none;stroke:currentColor}@media(max-width:640px){.modal-overlay{padding:.75rem;align-items:center;justify-content:center}.modal-panel{max-height:calc(100dvh - 1.5rem);padding:1.25rem}.refresh-action-btn{--refresh-action-size: 2.5rem;--refresh-action-icon-size: 1.25rem}}@media(hover:none){.refresh-action-btn:not(:disabled){padding-right:.875rem}.refresh-action-btn:not(:disabled) .refresh-action-btn__label,.refresh-action-btn:not(:disabled) .refresh-action-btn__label--short{max-width:11rem;margin-left:.5rem;opacity:1}.refresh-action-btn:not(:disabled) .refresh-action-btn__label--short{max-width:6rem}}
