:root{color-scheme:light;--bg:#f7f9fc;--bg-elevated:#ffffffe6;--panel:#fff;--panel-strong:#fff;--border:#0f172a17;--text:#10192b;--muted:#5b6b83;--accent:#0ea5e9;--accent-strong:#0284c7;--accent-2:#7c6ff0;--success:#16a34a;--danger:#e11d48;--warning:#d97706;--shadow:0 20px 45px #0f172a14;--radius:22px;--radius-sm:14px;--max-width:1180px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #0ea5e90f, transparent 32%), radial-gradient(circle at top right, #7c6ff00f, transparent 30%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Yu Gothic,Noto Sans JP,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}.page-shell{min-height:100vh}.container{width:min(var(--max-width), calc(100% - 2rem));margin:0 auto}.site-header{z-index:10;backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#ffffffdb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:.85rem;font-weight:700;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#0ea5e91f,#7c6ff029);border:1px solid #0ea5e933;border-radius:999px;place-items:center;width:2.7rem;height:2.7rem;display:grid}.brand-mark img{width:1.7rem;height:1.7rem}.brand strong{font-size:1rem;display:block}.brand small{color:var(--muted);font-size:.78rem;display:block}.site-nav{flex-wrap:wrap;gap:.9rem;display:flex}.site-nav a,.site-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem .8rem;transition:background .2s,color .2s,transform .2s}.site-nav a:hover,.site-nav button:hover{color:var(--text);background:#0ea5e91a;transform:translateY(-1px)}.site-nav button:disabled{cursor:progress;opacity:.55}.site-nav a[aria-current=page]{color:var(--text);background:#0ea5e91f}main{display:block}.site-footer{border-top:1px solid var(--border);background:#fff;margin-top:4rem}.footer-inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.5rem 0 2rem;display:flex}.footer-note{font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace;font-size:.88rem}.hero{padding:4.8rem 0 3rem}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:2rem;display:grid}.eyebrow{color:var(--accent-strong);background:#0ea5e914;border:1px solid #0ea5e938;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.4rem .75rem;font-size:.85rem;display:inline-flex}.eyebrow img{border-radius:50%;width:1.25rem;height:1.25rem}.hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.8rem,7vw,5.6rem);line-height:.95}.hero p{max-width:44rem;color:var(--muted);font-size:1.05rem}.hero-visual{place-items:center;min-height:21rem;padding:1.5rem;display:grid}.hero-visual img{filter:drop-shadow(0 24px 40px #0ea5e929);width:min(100%,18rem);height:auto}.hero-actions,.button-row{flex-wrap:wrap;gap:.9rem;margin-top:1.6rem;display:flex}.hero-facts{border-top:1px solid var(--border);flex-wrap:wrap;gap:1.6rem;margin:2.2rem 0 0;padding:1.2rem 0 0;list-style:none;display:flex}.hero-facts li{gap:.15rem;display:grid}.hero-facts strong{font-size:1.05rem}.hero-facts span{color:var(--muted);font-size:.85rem}.mock-window{background:#0b1220;border:1px solid #0f172a59;border-radius:18px;width:100%;max-width:26rem;overflow:hidden;transform:rotate(-1deg);box-shadow:0 30px 60px #0f172a38}.mock-titlebar{background:#ffffff0a;border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.mock-dot{border-radius:999px;width:.65rem;height:.65rem;display:inline-block}.mock-dot-red{background:#f87171}.mock-dot-yellow{background:#fbbf24}.mock-dot-green{background:#34d399}.mock-titlebar-label{color:#94a3b8;margin-left:.5rem;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace;font-size:.78rem}.mock-body{min-height:11.5rem;padding:1.1rem 1rem;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.7}.mock-line{color:#cbd5f5;white-space:pre-wrap;word-break:break-word;margin:0}.mock-line-muted{color:#64748b}.mock-line-flag{color:#4ade80;font-weight:700}.mock-prompt{color:#7dd3fc}.mock-caret{vertical-align:-.15em;background:#7dd3fc;width:.55em;height:1em;animation:1.1s step-end infinite mock-blink;display:inline-block}@keyframes mock-blink{50%{opacity:0}}.mock-footer{background:#ffffff08;border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.mock-footer .pill{color:#cbd5f5;border-color:#ffffff24}.mock-footer .badge-success{color:#4ade80;background:#4ade801f;border-color:#4ade803d}.cta-banner{border-radius:var(--radius);background:linear-gradient(135deg,#0ea5e914,#7c6ff014);border:1px solid #0ea5e929;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:2.2rem;display:flex}.cta-banner h2{margin:0 0 .3rem;font-size:clamp(1.5rem,2.4vw,2rem)}.cta-banner p,.cta-banner .hero-actions{margin-top:0}.button,button.button,input.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.85rem 1.2rem;font-weight:700;transition:transform .2s,background .2s,border .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:progress;opacity:.65;transform:none}.button-primary{background:linear-gradient(135deg, var(--accent-strong), var(--accent-2));color:#fff;box-shadow:0 12px 26px #0ea5e938}.button-secondary{border-color:var(--border);color:var(--text);background:#fff}.button.button-danger{border:1px solid color-mix(in srgb, var(--danger) 55%, transparent);color:var(--danger);background:#fff}.button.button-danger:not(:disabled):hover,.button.button-danger:not(:disabled):focus-visible{background:var(--danger);color:#fff;border-color:var(--danger)}.button-danger:disabled{opacity:.5;cursor:not-allowed}.surface{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.panel{padding:1.4rem}.section{padding:1rem 0 3rem}.section-header{margin-bottom:1.2rem}.section-header h2,.section-header h1{margin:0 0 .4rem;font-size:clamp(1.8rem,3vw,2.8rem)}.section-header p{color:var(--muted);margin:0}.grid{gap:1rem;display:grid}.grid.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.3rem}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.pill,.badge{border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.82rem;display:inline-flex}.badge-success{color:var(--success);background:#16a34a14}.badge-danger{color:var(--danger);background:#e11d4814}.badge-warning{color:var(--warning);background:#d9770614}.badge-accent{color:var(--accent-strong);background:#0ea5e914}.meta-list{flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.stack{gap:1rem;display:grid}.form{gap:.9rem;display:grid}.field{gap:.4rem;display:grid}.field label{font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:14px;padding:.9rem 1rem}.field textarea{resize:vertical;min-height:8rem}.field-error{min-height:1.2em;color:var(--danger);font-size:.85rem;display:block}.field input[aria-invalid=true]{border-color:var(--danger)}.notice{border-radius:var(--radius-sm);border:1px solid var(--border);padding:.9rem 1rem}.notice-info{background:#0ea5e914}.notice-success{background:#16a34a14}.notice-error{background:#e11d4814}.notice code,.code{font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace}.challenge-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem;display:grid}.challenge-card{flex-direction:column;gap:.85rem;height:100%;transition:transform .2s,border .2s;display:flex;overflow:hidden}.challenge-card:hover{border-color:#0ea5e952;transform:translateY(-2px)}.challenge-card h3{margin:0}.challenge-card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.challenge-card .card-footer{margin-top:auto}.challenge-card-category{align-items:center;gap:.65rem;display:inline-flex}.challenge-card-icon{flex:none;width:2.5rem;height:2.5rem}.challenge-card-status{display:none}.challenge-grid[data-view=rows]{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:0;display:flex;overflow:hidden;box-shadow:0 14px 36px #374e7c14}.challenge-grid[data-view=rows] .challenge-card{border:0;border-top:1px solid var(--border);height:auto;min-height:3.4rem;box-shadow:none;background:0 0;border-radius:0;grid-template-columns:22px minmax(0,1fr) auto auto auto;align-items:center;gap:.2rem .7rem;padding:.7rem 1rem;display:grid;transform:none}.challenge-grid[data-view=rows] .challenge-card:first-child{border-top:0}.challenge-grid[data-view=rows] .challenge-card:hover{border-color:var(--border);box-shadow:none;background:#0ea5e90d;transform:none}.challenge-grid[data-view=rows] .challenge-card.is-completed{border-color:var(--border);box-shadow:none}.challenge-grid[data-view=rows] .challenge-card-status{color:#fff;border:2px solid #5b6b8373;border-radius:50%;grid-area:1/1;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.challenge-grid[data-view=rows] .challenge-card.is-completed .challenge-card-status{border-color:var(--success);background:var(--success)}.challenge-grid[data-view=rows] .challenge-card h3{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;min-width:0;margin:0;font-size:.98rem;line-height:1.4;overflow:hidden}.challenge-grid[data-view=rows] .challenge-card.is-completed h3{color:var(--muted)}.challenge-grid[data-view=rows] .challenge-card p,.challenge-grid[data-view=rows] .challenge-card-icon{display:none}.challenge-grid[data-view=rows] .card-header,.challenge-grid[data-view=rows] .card-footer{display:contents}.challenge-grid[data-view=rows] .challenge-card-category{grid-area:1/3}.challenge-grid[data-view=rows] .card-header>.pill{grid-area:1/4}.challenge-grid[data-view=rows] .card-footer>.pill:first-child{grid-area:1/5}.challenge-grid[data-view=rows] .card-footer>.pill:last-child{display:none}.challenge-grid[data-view=rows] .challenge-card .pill{white-space:nowrap;padding:.2rem .55rem;font-size:.78rem}@media (width<=720px){.challenge-grid[data-view=rows] .challenge-card{grid-template-columns:22px minmax(0,1fr) auto auto;row-gap:.3rem;min-width:0;padding:.7rem .85rem}.challenge-grid[data-view=rows] .challenge-card-status{grid-area:1/1/span 2}.challenge-grid[data-view=rows] .challenge-card h3{grid-column:2/-1}.challenge-grid[data-view=rows] .challenge-card-category{grid-area:2/2;min-width:0}.challenge-grid[data-view=rows] .challenge-card-category .pill{text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.challenge-grid[data-view=rows] .card-header>.pill{grid-area:2/3}.challenge-grid[data-view=rows] .card-footer>.pill:first-child{grid-area:2/4}.challenge-grid[data-view=rows] .challenge-card-stars{display:none}.challenge-grid[data-view=rows] .challenge-card .pill{padding:.15rem .4rem;font-size:.72rem}}.category-icon{flex:none;display:block}.category-link-title,.category-title-row{align-items:center;gap:.6rem;display:flex}.category-title-row{gap:.9rem}.category-title-row h1{margin-top:0}.result-summary{margin:1rem 0;font-size:.92rem}.section.section-compact{padding-top:.5rem}.progress-section{margin:.25rem 0 .9rem}.progress-heading{color:var(--text);margin:0 0 .6rem;font-size:.98rem;font-weight:700;line-height:1.4}.progress-hint{color:var(--muted);margin-left:.4rem;font-size:.8rem;font-weight:500}.progress-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.progress-chips{flex-wrap:wrap;gap:.4rem;display:flex}.progress-scroller{position:relative}.progress-hint-scroll,.progress-scroll-button[hidden]{display:none}.progress-tile{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-height:96px;padding:.6rem .5rem;scroll-margin-inline:1rem;transition:border-color .2s;display:flex;position:relative}.progress-tile:hover{border-color:var(--accent)}.progress-tile.is-active{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel));padding:calc(.6rem - 1px) calc(.5rem - 1px)}.progress-tile-icon{width:40px;height:40px}.progress-tile-body{flex-direction:column;align-items:center;gap:.3rem;width:100%;min-width:0;display:flex}.progress-tile-name{text-align:center;white-space:nowrap;max-width:100%;font-size:.8rem;font-weight:700;line-height:1.25}.progress-tile-check{background:var(--accent-strong);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;line-height:1;display:grid;position:absolute;top:.4rem;right:.4rem}.progress-tile-meter{flex-direction:column;align-items:stretch;gap:.3rem;width:100%;min-width:0;display:flex}.progress-tile-count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-self:center;font-size:.72rem;line-height:1.2}.progress-bar{background:#0f172a14;border-radius:999px;flex:none;width:100%;min-width:0;height:4px;display:block;overflow:hidden}.progress-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.progress-login-note{margin:.4rem 0 0;font-size:.78rem}.challenge-view-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.challenge-toolbar-start,.list-toolbar-start{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;min-width:0;display:flex}.challenge-toolbar-start .result-summary{margin:0;font-size:.88rem}.filter-toggle{border:1px solid var(--border);background:var(--panel);min-height:40px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.filter-toggle:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.45rem;height:.45rem;margin-top:-.2rem;transition:transform .2s;transform:rotate(45deg)}.filter-toggle[aria-expanded=true],.filter-toggle.is-active{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 12%, var(--panel));color:var(--accent-strong)}.filter-toggle[aria-expanded=true]:after{margin-top:.2rem;transform:rotate(-135deg)}.filter-toggle-active{max-width:16rem;color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:600;overflow:hidden}.list-filters{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);box-shadow:var(--shadow);gap:.6rem;margin-bottom:.75rem;padding:.75rem 1rem;display:grid}.list-filters[hidden]{display:none}.list-filter-chips{flex-wrap:wrap;gap:.4rem;display:flex}.list-filter-chip{background:var(--panel);min-height:2.5rem;color:var(--text);padding:.4rem .85rem;font-size:.88rem}.list-filter-chip:hover{border-color:var(--accent);color:var(--accent-strong)}.list-filter-chip[aria-current=true]{background:color-mix(in srgb, var(--accent) 12%, var(--panel));border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent-strong);font-weight:700}.list-filter-clear{min-height:2.5rem;color:var(--accent-strong);text-underline-offset:3px;align-items:center;font-size:.9rem;font-weight:700;text-decoration:underline;display:inline-flex}.list-category-links{margin-top:2rem}.list-category-links-label{margin:0 0 .5rem;font-size:.82rem;font-weight:700}.list-category-nav{margin-bottom:0}.list-category-nav .pill{background:var(--panel);min-height:2.5rem;color:var(--text);padding:.4rem .85rem;font-size:.88rem}.view-toggle{flex-wrap:nowrap;flex:none;display:inline-flex}@media (width<=720px){.view-toggle .view-toggle-button{min-width:3.4rem;padding-inline:.6rem}}.view-toggle-button{border:1px solid var(--border);background:var(--panel);min-width:4.5rem;min-height:2.5rem;color:var(--muted);cursor:pointer;padding:.35rem .9rem;font-size:.88rem;font-weight:700}.view-toggle-button:first-child{border-radius:999px 0 0 999px}.view-toggle-button:last-child{border-radius:0 999px 999px 0;margin-left:-1px}.view-toggle-button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 12%, var(--panel));border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent-strong)}@media (width<=720px){.progress-grid{scroll-snap-type:x proximity;scrollbar-width:none;gap:.5rem;display:flex;overflow-x:auto}.progress-grid::-webkit-scrollbar{display:none}.progress-tile{scroll-snap-align:start;flex:0 0 6.75rem}.progress-tile-icon{width:36px;height:36px}.progress-tile-name{font-size:.74rem}.progress-hint-scroll{display:inline}.progress-scroller:before,.progress-scroller:after{content:"";z-index:1;opacity:0;pointer-events:none;width:2.25rem;transition:opacity .2s;position:absolute;top:0;bottom:0}.progress-scroller:before{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 92%, transparent), transparent);left:0}.progress-scroller:after{background:linear-gradient(270deg, color-mix(in srgb, var(--bg) 92%, transparent), transparent);right:0}.progress-scroller.can-scroll-prev:before,.progress-scroller.can-scroll-next:after{opacity:1}.progress-scroll-button{z-index:2;border:1px solid var(--border);width:32px;height:32px;color:var(--accent-strong);font:inherit;cursor:pointer;background:#fff;border-radius:50%;place-items:center;margin:0;padding:0;font-size:1.25rem;font-weight:700;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 6px #0f172a24}.progress-scroll-button:after{content:"";position:absolute;inset:-4px}.progress-scroll-button.is-prev{left:.25rem}.progress-scroll-button.is-next{right:.25rem}.progress-scroll-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@media (width>=721px){.progress-scroll-button{display:none!important}.progress-scroller:before,.progress-scroller:after{display:none}}.list-main,.list-sidebar{min-width:0}.sidebar-next,.sidebar-heading{display:none}.sidebar-filters{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-bottom:.6rem;display:flex}.sidebar-group{display:contents}#list-filters{flex-basis:100%}.challenge-grid-dup{display:none}@media (width>=1100px){.list-layout{grid-template-columns:17rem minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.list-sidebar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1rem;max-height:calc(100vh - 7rem);padding:1rem;display:flex;position:sticky;top:6rem;overflow-y:auto;box-shadow:0 14px 36px #374e7c14}.sidebar-next,.sidebar-heading{display:block}.sidebar-filters{flex-direction:column;align-items:stretch;gap:1rem;margin:0;display:flex}.sidebar-group{display:block}.sidebar-next-card{border:2px solid var(--accent);border-radius:var(--radius-sm);min-height:40px;color:var(--text);background:#fff;align-items:center;gap:.7rem;padding:.7rem .8rem;transition:background .2s;display:flex}.sidebar-next-card:hover{background:color-mix(in srgb, var(--accent) 10%, #fff)}.sidebar-next-icon{width:32px;height:32px}.sidebar-next-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.sidebar-next-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.sidebar-next-meta{color:var(--muted);font-size:.76rem;line-height:1.4}.sidebar-next-action{background:var(--accent-strong);color:#fff;border-radius:999px;align-self:flex-start;padding:.15rem .6rem;font-size:.76rem;font-weight:700;line-height:1.5}.sidebar-difficulty .filter-toggle{display:none}#list-filters{box-shadow:none;background:0 0;border:0;margin:0;padding:0;display:block!important}.list-filter-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.list-filter-chips .list-filter-chip,.sidebar-status .list-filter-chip{padding-inline:.4rem;font-size:.8rem}.list-filter-chips .list-filter-chip{justify-content:center}.progress-section{margin:0}.list-sidebar .progress-grid{flex-direction:column;gap:.35rem;display:flex;overflow:visible}.list-sidebar .progress-tile{text-align:left;grid-template-columns:32px minmax(0,1fr);align-items:center;column-gap:.6rem;min-height:48px;padding:.4rem 2.1rem .4rem .6rem;display:grid}.list-sidebar .progress-tile.is-active{padding:calc(.4rem - 1px) calc(2.1rem - 1px) calc(.4rem - 1px) calc(.6rem - 1px)}.list-sidebar .progress-tile-icon{width:32px;height:32px}.list-sidebar .progress-tile-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem .5rem;width:100%;min-width:0;display:grid}.list-sidebar .progress-tile-name{text-align:left;text-overflow:ellipsis;grid-area:1/1;min-width:0;overflow:hidden}.list-sidebar .progress-tile-meter{display:contents}.list-sidebar .progress-bar{grid-area:2/1}.list-sidebar .progress-tile-count{grid-area:1/2}.list-sidebar .progress-tile-check{top:50%;right:.6rem;transform:translateY(-50%)}.list-main .challenge-grid[data-view=cards]{grid-template-columns:repeat(3,minmax(0,1fr))}.list-main .challenge-grid .challenge-card.is-pinned{display:none}.list-main .challenge-grid-dup{display:contents}.list-main .challenge-grid[data-view=rows] .challenge-card.is-pinned+.challenge-card,.list-main .challenge-grid[data-view=rows] .challenge-card.is-pinned+.challenge-grid-dup>.challenge-card{border-top:0}.list-main .challenge-grid[data-view=rows] .challenge-grid-dup>.challenge-card:first-child{border-top:1px solid var(--border)}}.challenge-card-label{border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 14%, var(--panel));color:var(--accent-strong);vertical-align:middle;margin-right:.35rem;padding:.12rem .5rem;font-size:.74rem;font-weight:700}.challenge-grid[data-view=rows] .challenge-card.is-pinned,.challenge-grid[data-view=rows] .challenge-card.is-pinned:hover{background:var(--panel);border-radius:var(--radius) var(--radius) 0 0;box-shadow:inset 0 0 0 2px var(--accent)}.challenge-grid[data-view=cards] .challenge-card.is-pinned{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 14px 36px #374e7c14}.card-footer,.card-header,.detail-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.challenge-detail{gap:1.35rem;max-width:1180px;display:grid}.challenge-layout{grid-template-columns:minmax(0,1fr);gap:1.35rem;min-width:0;display:grid}.challenge-main{display:contents}.challenge-brief{order:1}.challenge-side{order:2;min-width:0}.challenge-extra{order:3}#hints-section{order:4}#related-challenges{order:5}@media (width>=1000px){.challenge-layout{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:1.5rem}.challenge-main{grid-area:1/1;gap:1.35rem;min-width:0;display:grid}.challenge-brief,.challenge-extra,#hints-section,#related-challenges{order:0}.challenge-side{order:0;grid-area:1/2;max-height:calc(100vh - 7rem);position:sticky;top:6rem;overflow-y:auto}}.challenge-extra{gap:1.2rem;padding:clamp(1.25rem,3vw,1.7rem);display:grid}.challenge-brief{background:linear-gradient(90deg,#7dd3fc0d 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#7dd3fc0d 1px,#0000 1px) 0 0/32px 32px,linear-gradient(145deg,#112034fa,#08111ff5);padding:clamp(1.4rem,4vw,2.5rem);position:relative;overflow:hidden}.challenge-brief:after{content:"";pointer-events:none;border:1px solid #7dd3fc2e;border-radius:50%;width:18rem;height:18rem;position:absolute;top:-9rem;right:-7rem;box-shadow:0 0 0 2rem #7dd3fc06,0 0 0 5rem #a78bfa05}.challenge-brief-topline,.mission-console-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.challenge-back-link{color:var(--muted);align-items:center;gap:.45rem;font-size:.88rem;font-weight:700;display:inline-flex}.challenge-back-link:hover{color:var(--text)}.challenge-clear-status,.mission-state{color:var(--accent);white-space:nowrap;align-items:center;gap:.5rem;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace;font-size:.78rem;display:inline-flex}.challenge-clear-status.is-complete,[data-state=ready] .mission-state,[data-state=solved] .mission-state{color:var(--success)}.status-dot{width:.5rem;height:.5rem;box-shadow:0 0 0 .25rem color-mix(in srgb, currentColor 13%, transparent);background:currentColor;border-radius:50%}.challenge-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.4rem;display:flex}.challenge-title-row{align-items:center;gap:1rem;margin-top:.7rem;display:flex}.challenge-title-row h1{margin-top:0}.challenge-title-icon{flex:none;width:3rem;height:3rem}.challenge-brief h1{letter-spacing:-.02em;max-width:54rem;margin:.7rem 0 0;font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.2}.challenge-title-en{color:var(--muted);margin:.55rem 0 0;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace;font-size:.84rem}.challenge-objective{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:14px;gap:.9rem;margin-top:2rem;padding:1.5rem 1.8rem;display:grid}.challenge-objective-label{color:var(--accent);justify-self:start;margin:0;font-size:1.08rem;font-weight:700}.challenge-objective p{margin:0;font-size:1rem;line-height:1.75}.challenge-prereq{margin:0}.challenge-prereq+.challenge-tags{border-top:1px solid var(--border);padding-top:1.1rem}.challenge-prereq-title{margin:0 0 .7rem;font-size:.98rem}.challenge-prereq ul{gap:.45rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.challenge-prereq li strong:after{content:"—";color:var(--muted);margin:0 .45rem;font-weight:400}.challenge-prereq li span{color:var(--muted)}.challenge-tags{color:var(--muted);flex-wrap:wrap;gap:.75rem;margin-top:0;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace;font-size:.78rem;display:flex}.mission-console{background:#08111fed;padding:clamp(1.25rem,3vw,2rem);scroll-margin-top:5.5rem}.mission-console-header{border-bottom:1px solid var(--border);padding-bottom:1.25rem}.mission-console-header h2{white-space:nowrap;margin:0;font-size:1.05rem;line-height:1.3}.mission-flow{grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.mission-step{border-top:1px solid var(--border);min-width:0;padding:1.3rem 0;position:relative}.mission-step:first-child{border-top:0;padding-top:1.3rem}.step-heading{align-items:center;gap:.8rem;margin-bottom:1.1rem;display:flex}.step-number{width:2rem;height:2rem;color:var(--muted);border:1px solid #94a3b847;border-radius:50%;flex:0 0 2rem;place-items:center;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace;font-size:.78rem;font-weight:700;display:grid}.mission-step.is-current .step-number{border-color:var(--accent);color:var(--accent);background:#7dd3fc21;box-shadow:0 0 0 .35rem #7dd3fc0d}.mission-step.is-locked .step-heading{opacity:.58}.mission-step.is-locked .flag-form{opacity:.55}.mission-step.is-locked .flag-form input,.mission-step.is-locked .flag-form button{cursor:not-allowed}.mission-step.is-complete .step-number{border-color:var(--success);color:#0000;background:#34d3991f}.mission-step.is-complete .step-number:after{content:"✓";color:var(--success)}.step-heading h3{margin:.08rem 0 0;font-size:1.05rem;line-height:1.3}.mission-action,.mission-links .button,.flag-form .button,.mission-next .button{width:100%}.session-status,.submit-message{color:var(--muted);margin:.8rem 0 0;font-size:.78rem;line-height:1.5}.mission-links{gap:.55rem;display:grid}.locked-action{min-height:3.2rem;color:var(--muted);border:1px dashed #94a3b840;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.flag-form{grid-template-columns:minmax(0,1fr);gap:.6rem;display:grid}.flag-field input{min-height:3.2rem;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace}.submit-message.notice-success,.submit-message.notice-error,.submit-message.notice-info{padding:.55rem .7rem}.submit-message:empty{display:none}.mission-next{border:1px solid color-mix(in srgb, var(--success) 35%, transparent);background:color-mix(in srgb, var(--success) 8%, transparent);border-radius:14px;margin-top:1.2rem;padding:1.1rem 1.1rem 1.2rem;display:none}.mission-next-message{color:var(--success);margin:0;font-weight:700}.mission-next-title{margin:.4rem 0 0;font-size:.88rem;line-height:1.5}#mission-console[data-state=solved] .mission-next,.mission-console.is-cleared .mission-next{display:block}.mission-next .button{margin-top:.8rem}.challenge-support-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}.support-card{padding:clamp(1.25rem,3vw,1.7rem)}.support-card .section-title{margin-top:.2rem}.hints-list{gap:.65rem;margin-top:1rem;display:grid}.hints-list details{padding:0;overflow:hidden}.hints-list summary{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;list-style:none;display:flex}.hints-list summary::-webkit-details-marker{display:none}.hints-list details p{margin:0;padding:0 1rem 1rem}.hint-open-label{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace;font-size:.72rem}.hints-list details[open] .hint-open-label{font-size:0}.hints-list details[open] .hint-open-label:after{content:"閉じる";font-size:.72rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.challenge-page-light{color-scheme:light;--bg:#f4f8ff;--bg-elevated:#ffffffeb;--panel:#fffffff5;--panel-strong:#fff;--border:#4e689629;--text:#17233c;--muted:#687795;--accent:#3388e8;--accent-strong:#3388e8;--accent-2:#7657e8;--success:#1f9d6a;--danger:#d94b67;--warning:#b8790b;--shadow:0 18px 50px #374e7c1a;background:radial-gradient(circle at 8% 0,#3388e81f,#0000 28rem),radial-gradient(circle at 94% 8%,#7657e817,#0000 24rem),#f4f8ff}body.challenge-page-light .site-header{background:#ffffffdb;border-bottom-color:#4e68961f;box-shadow:inset 0 1px #ffffffbf}body.challenge-page-light .brand-mark{background:linear-gradient(135deg,#e8f4ff,#f0ecff);border-color:#3388e833}body.challenge-page-light .site-nav a:hover,body.challenge-page-light .site-nav button:hover{color:var(--text);background:#3388e814}body.challenge-page-light .site-nav a[aria-current=page]{color:#1f6fc8;background:#e9f4ff}body.challenge-page-light .challenge-brief{background:linear-gradient(90deg,#3388e80b 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#3388e80b 1px,#0000 1px) 0 0/32px 32px,#fffffff5;border-color:#4e689624;box-shadow:0 22px 55px #374e7c1c}body.challenge-page-light .challenge-brief:after{border-color:#3388e824;box-shadow:0 0 0 2rem #3388e806,0 0 0 5rem #7657e805}body.challenge-page-light .challenge-title-en{color:#7d8ba5}body.challenge-page-light .challenge-objective{background:#3388e80f;border:1px solid #3388e847;border-radius:14px}body.challenge-page-light .mission-console{background:#fffffff7;border-color:#4e689624;box-shadow:0 18px 45px #374e7c17}body.challenge-page-light .step-number{background:#f7f9fd}body.challenge-page-light .mission-step.is-current .step-number{background:#e9f4ff;box-shadow:0 0 0 .35rem #3388e812}body.challenge-page-light .mission-step.is-complete .step-number{background:#e8f8f1}body.challenge-page-light .button-primary{background:linear-gradient(135deg,#3388e8,#7657e8);box-shadow:0 10px 24px #3388e833}body.challenge-page-light .button-secondary{background:#fff;border-color:#4e689633}body.challenge-page-light .locked-action{background:#f8faff;border-color:#4e689638}body.challenge-page-light .field input,body.challenge-page-light .field select,body.challenge-page-light .field textarea{color:var(--text);background:#f8faff;border-color:#4e689633}body.challenge-page-light .field input::placeholder{color:#9aa7bc}body.challenge-page-light .support-card,body.challenge-page-light .challenge-extra,body.challenge-page-light .hints-list details{background:#fffffff5;border-color:#4e689624;box-shadow:0 14px 36px #374e7c14}body.challenge-page-light .hints-list details[open]{border-color:#3388e847}body.challenge-page-light .notice-info{background:#edf6ff}body.challenge-page-light .notice-success{background:#e8f8f1}body.challenge-page-light .notice-error{background:#fff0f3}body.challenge-page-light .site-footer{background:#ffffffc7;border-top-color:#4e68961f}body.challenge-page-light .challenge-card{background:#fffffff5;border-color:#4e689624;box-shadow:0 14px 36px #374e7c14}body.challenge-page-light .challenge-card:hover{border-color:#3388e84d;box-shadow:0 18px 42px #374e7c21}.challenge-card.is-completed,body.challenge-page-light .challenge-card.is-completed{border-color:var(--success);box-shadow:0 0 0 1px var(--success), 0 14px 36px #374e7c14}.details-grid{grid-template-columns:1fr 320px;align-items:start;gap:1rem;display:grid}.detail-side{gap:1rem;display:grid;position:sticky;top:5.5rem}.section-title{margin:0 0 .4rem}.terminal-shell{min-height:calc(100vh - 84px)}.terminal-frame{background:#020617db;border:1px solid #7dd3fc33;border-radius:20px;min-height:65vh;overflow:hidden}.terminal-frame iframe,.terminal-frame .terminal-root{border:0;width:100%;min-height:65vh}.terminal-status-bar{background:#080f1cb8;border-bottom:1px solid #94a3b829;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.88rem;display:flex}.terminal-status-message{color:var(--muted);align-items:center;gap:.5rem;display:flex}.terminal-status-message.is-error{color:var(--danger)}.terminal-status-message.is-success{color:var(--success)}.terminal-status-message.is-warning{color:var(--warning)}.spinner{border:2px solid #0f172a24;border-top-color:var(--accent);border-radius:999px;flex:none;width:.9rem;height:.9rem;animation:.7s linear infinite spin}.spinner-inline{vertical-align:-.15em;margin-right:.15rem;display:inline-block}.terminal-spinner{border:2px solid #0f172a24;border-top-color:var(--accent);border-radius:999px;flex:none;width:.9rem;height:.9rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius-sm);background:#0f172a14;position:relative;overflow:hidden;color:#0000!important}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:1.4s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-text{height:.95em;margin:.3em 0}.skeleton-text:last-child{width:70%}details{border:1px solid var(--border);background:#fff;border-radius:16px;padding:.9rem 1rem}summary{cursor:pointer;font-weight:700}@media (width<=1024px){.brand{flex-shrink:0}.brand strong{white-space:nowrap}.site-nav{gap:.6rem}.hero-grid{grid-template-columns:1fr;gap:1.5rem}.hero-visual{min-height:auto;padding:.5rem 0 0}.hero-visual img{width:min(70vw,16rem)}.mock-window{max-width:100%;transform:none}.details-grid{grid-template-columns:1fr 260px}}@media (width<=960px){.details-grid{grid-template-columns:1fr}.detail-side{position:static}}@media (width<=720px){.header-inner{flex-direction:row;align-items:center;gap:.75rem;padding:.6rem 0}.brand small{display:none}.site-nav{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;flex:auto;gap:.45rem;min-width:0;padding-block:.15rem;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a,.site-nav button{align-items:center;min-height:40px;padding-inline:.55rem;display:inline-flex}.hero{padding-top:2.6rem}.hero-visual{min-height:auto;padding:1rem 0 0}.hero-visual img{width:min(64vw,15rem)}.cta-banner{padding:1.6rem}}.tab-list{flex-wrap:wrap;gap:.5rem;display:flex}.tab-button{border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:999px;padding:.6rem 1rem;transition:background .2s,color .2s,border-color .2s}.tab-button:hover{color:var(--text);border-color:var(--accent)}.tab-button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-panel{margin-top:1rem;display:none}.tab-panel.active{display:block}.admin-table{border-collapse:collapse;width:100%;min-width:44rem;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem .7rem}.admin-table th{z-index:1;color:var(--text);background:var(--panel);white-space:nowrap;border-bottom:2px solid var(--border);font-weight:600;position:sticky;top:0}.admin-table td{vertical-align:top}.admin-table tbody tr:nth-child(odd){background:#0ea5e908}.admin-table tbody tr:hover{background:#0ea5e914}.admin-table code{background:#0ea5e91a;border-radius:6px;padding:.15rem .35rem;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace;font-size:.82rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem;display:flex}.stat-value{color:var(--accent-strong);font-size:1.8rem;font-weight:700}.stat-label{color:var(--muted);font-size:.85rem}.log-modal-overlay{z-index:100;backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.log-modal-overlay.active{display:flex}.log-modal{flex-direction:column;width:min(56rem,100vw - 2rem);max-height:calc(100vh - 2rem);display:flex}.log-modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.log-modal-header h3{word-break:break-word;margin:0;font-size:1.1rem}.log-pre{color:#e2e8f0;border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;background:#0f172a;flex:auto;max-height:60vh;margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Noto Sans Mono CJK JP,Menlo,Consolas,monospace;font-size:.82rem;overflow:auto}.button-small{padding:.4rem .75rem;font-size:.85rem}.button-loading{cursor:wait;opacity:.7}@media (width<=720px){.tab-list{gap:.4rem}.tab-button{padding:.5rem .8rem;font-size:.88rem}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:.6rem .5rem}.stat-value{font-size:1.5rem}.mission-console-header,.challenge-brief-topline{align-items:flex-start}.challenge-title-row{gap:.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.footer-inner>div:first-child p{margin:0 0 .35rem}.footer-nav{flex-wrap:wrap;place-content:flex-start flex-end;gap:.55rem 1rem;max-width:36rem;font-size:.88rem;display:flex}.footer-nav a:hover,.text-link,.prose-page a:not(.button){color:var(--accent);text-underline-offset:.2em;text-decoration:underline}.breadcrumbs{color:var(--muted);font-size:.84rem}.breadcrumbs ol{flex-wrap:wrap;gap:.35rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:color-mix(in srgb, var(--muted) 55%, transparent);margin-right:.35rem}.breadcrumbs a:hover{color:var(--accent)}.category-link-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.category-link-card{flex-direction:column;transition:transform .2s,border-color .2s;display:flex}.category-link-card:hover{border-color:#7dd3fc61;transform:translateY(-2px)}.category-link-card p{flex-grow:1}.category-nav{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.category-nav a:hover{border-color:var(--accent);color:var(--accent)}.category-hero{max-width:54rem}.category-overview{margin:1.5rem 0 2.5rem}.category-overview h2,.related-categories h2{margin-top:0}.category-challenges-heading{margin-top:2.5rem}.related-categories{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.prose-container,.prose-page{max-width:820px}.prose-page h1{margin:0 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}.prose-page h2{margin:2.5rem 0 .7rem;font-size:clamp(1.3rem,3vw,1.75rem)}.prose-page p,.prose-page li{color:var(--muted)}.prose-page li+li{margin-top:.45rem}.policy-date{font-size:.88rem}@media (width<=720px){.footer-nav{justify-content:flex-start}.mock-window{max-width:100%;transform:none}.cta-banner{padding:1.6rem}}@media (width>=721px) and (width<=960px){.site-nav{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;min-width:0;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}}body.page-wide{--max-width:1560px}@media (width>=1440px){.list-main .challenge-grid[data-view=cards]{grid-template-columns:repeat(4,minmax(0,1fr))}}.dashboard{gap:1.2rem;display:grid}.dashboard-head{gap:.3rem;display:grid}.dashboard-head h1{margin:0;font-size:clamp(1.5rem,3vw,2rem)}.dashboard-head p{margin:0;font-size:.92rem}.dashboard-notice{margin:0}.dashboard-section-title{color:var(--text);margin:0 0 .7rem;font-size:.98rem;font-weight:700;line-height:1.4}.dashboard-next-grid{gap:1rem;display:grid}.dashboard-next-side{align-content:start;gap:.7rem;min-width:0;display:grid}.dashboard-hero{border:2px solid color-mix(in srgb, var(--accent) 55%, transparent);background:#fff;gap:.8rem;display:grid}.dashboard-hero-done{border-color:color-mix(in srgb, var(--success) 45%, transparent);background:color-mix(in srgb, var(--success) 8%, #fff)}.dashboard-hero-kind{margin:0;font-size:.85rem}.dashboard-tag{background:color-mix(in srgb, var(--accent) 14%, #fff);color:var(--accent-strong);border-radius:999px;margin-right:.5rem;padding:.15rem .6rem;font-size:.78rem;font-weight:700;line-height:1.5;display:inline-block}.dashboard-hero-body{align-items:center;gap:1rem;min-width:0;display:flex}.dashboard-hero-text{flex-direction:column;gap:.3rem;min-width:0;display:flex}.dashboard-hero-title{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:1.2rem;font-weight:700;line-height:1.4}.dashboard-hero-meta{margin:0;font-size:.9rem}.dashboard-actions{align-items:center;margin-top:0}.dashboard-suggestion{border:1px solid var(--border);color:inherit;align-items:center;gap:.7rem;padding:.8rem 1rem;text-decoration:none;transition:border-color .2s;display:flex}.dashboard-suggestion:hover{border-color:var(--accent)}.dashboard-suggestion-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.dashboard-suggestion-label{color:var(--muted);font-size:.8rem;line-height:1.4;display:block}.dashboard-suggestion-title{color:var(--text);overflow-wrap:anywhere;font-size:.95rem;font-weight:700;line-height:1.4;display:block}.dashboard-text-link{min-height:40px;color:var(--accent-strong);align-items:center;font-weight:700;display:inline-flex}.dashboard-recap-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:.8rem;display:grid}.dashboard-stat{background:color-mix(in srgb, var(--accent) 5%, #fff);border-radius:12px;min-width:0;padding:.8rem .9rem}.dashboard-stat-label{color:var(--muted);margin:0;font-size:.8rem;font-weight:600}.dashboard-stat-value{color:var(--text);font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:1.6rem;font-weight:800;line-height:1.2}.dashboard-stat-unit{color:var(--muted);font-size:.85rem;font-weight:600}.dashboard-stat .progress-bar{margin-top:.5rem}.dashboard-stat-note{font-variant-numeric:tabular-nums;margin:.3rem 0 0;font-size:.8rem}.dashboard-stat-cleared,.dashboard-stat-activity{grid-column:1/-1}.dashboard-activity{grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;max-width:18rem;margin:.3rem 0 0;padding:0;list-style:none;display:grid}.dashboard-activity-day{aspect-ratio:1;background:color-mix(in srgb, var(--text) 8%, #fff);border-radius:4px}.dashboard-activity-day.level-1{background:color-mix(in srgb, var(--accent) 35%, #fff)}.dashboard-activity-day.level-2{background:color-mix(in srgb, var(--accent) 65%, #fff)}.dashboard-activity-day.level-3{background:color-mix(in srgb, var(--accent) 100%, #fff)}.dashboard-columns{gap:1.2rem;min-width:0;display:grid}.dashboard-stack{display:contents}.dashboard-columns>.dashboard-goal{order:-1}.dashboard-categories{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.dashboard-category{border:1px solid var(--border);background:var(--panel);height:100%;color:var(--text);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem .6rem;padding:.7rem;text-decoration:none;transition:border-color .2s;display:grid}.dashboard-category>.category-icon{grid-row:1/span 2}.dashboard-category>.progress-bar{grid-area:2/2}.dashboard-category:hover{border-color:var(--accent)}.dashboard-category-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-column:2/-1;font-size:.9rem;font-weight:700;line-height:1.3;overflow:hidden}.dashboard-category-count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:2/3;font-size:.8rem}.dashboard-goal{align-content:start;gap:.5rem;display:grid}.dashboard-goal-title{color:var(--text);margin:0;font-size:1.05rem;font-weight:700;line-height:1.4}.dashboard-goal-note{font-variant-numeric:tabular-nums;margin:0;font-size:.85rem}.dashboard-goal-levels{margin:.8rem 0 0;padding:0;list-style:none}.dashboard-goal-levels li{border-top:1px solid var(--border);justify-content:space-between;gap:.8rem;padding:.45rem 0;font-size:.88rem;display:flex}.dashboard-recent{margin:0;padding:0;list-style:none;display:grid}.dashboard-recent-item{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.4rem 0;display:flex}.dashboard-recent-item:first-child{border-top:0;padding-top:0}.dashboard-recent-main{flex-direction:column;min-width:0;display:flex}.dashboard-recent-link{min-height:40px;color:var(--accent-strong);overflow-wrap:anywhere;align-items:center;font-weight:700;line-height:1.4;display:inline-flex}.dashboard-recent-link:hover{text-decoration:underline}.dashboard-recent-meta{font-size:.8rem}.dashboard-recent-date{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;padding-top:.6rem;font-size:.8rem}.dashboard-foot{text-align:right;margin:0}.dashboard-suggestion:focus-visible,.dashboard-category:focus-visible,.dashboard-text-link:focus-visible,.dashboard-recent-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width>=900px){.dashboard-next-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch}.dashboard-next-grid.is-single{grid-template-columns:minmax(0,1fr)}.dashboard-recap-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.3fr)}.dashboard-stat-cleared,.dashboard-stat-activity{grid-column:auto}.dashboard-columns{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}.dashboard-stack{gap:1.2rem;min-width:0;display:grid}.dashboard-columns>.dashboard-goal{order:0}}.account-delete{gap:1rem;display:grid}.account-delete .section-title{margin:0}.account-delete-warning{border:1px solid color-mix(in srgb, var(--danger) 25%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--danger) 6%, var(--panel));color:var(--text);gap:.4rem;padding:.8rem 1rem;font-size:.92rem;display:grid}.account-delete-warning p{margin:0}.account-delete-fields{gap:1rem;display:grid}.account-delete .field-label{font-size:.92rem;font-weight:700}.account-delete .field input{min-height:44px}.account-delete-nickname{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 10%, var(--panel));border-radius:999px;margin-left:.35rem;padding:.05rem .5rem;font-weight:700;display:inline-block}.account-delete-check{cursor:pointer;align-items:flex-start;gap:.6rem;min-height:40px;display:flex}.account-delete-check input{width:18px;height:18px;accent-color:var(--danger);flex:none;margin-top:.2rem}.account-delete .button-row{margin-top:0}.account-delete-support{margin:0;font-size:.88rem}.account-delete-support a{color:var(--accent-strong);text-underline-offset:2px;font-weight:700;text-decoration:underline}@media (width>=720px){.account-delete-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.account-delete .button-danger{width:100%}}.ranking{gap:1.2rem;max-width:52rem;display:grid}.ranking-me h2,.ranking-board h2{margin:0 0 .6rem;font-size:1.1rem}.ranking-me-rank{flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;margin:0;display:flex}.ranking-me-number{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,2.6rem);font-weight:800;line-height:1.1}.ranking-me-total{color:var(--muted);font-weight:700}.ranking-me-detail{margin:.4rem 0 0}.ranking-me .button-row{margin-top:.9rem}.ranking-table-wrap{width:100%}.ranking-table{border-collapse:collapse;width:100%;font-size:.95rem}.ranking-table th,.ranking-table td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--border);border-left:4px solid #0000;padding:.85rem .6rem}.ranking-table thead th{color:var(--muted);font-size:.8rem;font-weight:700}.ranking-table tbody th{overflow-wrap:anywhere;font-weight:700}.ranking-table .ranking-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.ranking-table .ranking-points{font-weight:800}.ranking-table .ranking-col-rank{width:4.5rem}.ranking-rank{border:1px solid var(--border);min-width:2.2rem;height:2.2rem;color:var(--text);font-variant-numeric:tabular-nums;background:#f1f5f9;border-radius:999px;place-items:center;padding:0 .5rem;font-weight:800;display:inline-grid}.ranking-rank.rank-1{color:#5c4300;background:#fde68a;border-color:#d4a017}.ranking-rank.rank-2{color:#1e293b;background:#e2e8f0;border-color:#94a3b8}.ranking-rank.rank-3{color:#5c2a06;background:#fed7aa;border-color:#c2410c}.ranking-table tr.is-me th,.ranking-table tr.is-me td{background:color-mix(in srgb, var(--accent) 9%, transparent)}.ranking-table tr.is-me>:first-child{border-left-color:var(--accent)}.ranking-you{background:var(--accent-strong);color:#fff;vertical-align:.1em;border-radius:999px;margin-left:.4rem;padding:.05rem .55rem;font-size:.72rem;font-weight:800;display:inline-block}.ranking-solved-inline{display:none}.ranking-table .ranking-gap td{text-align:center;color:var(--muted);letter-spacing:.3em;border-bottom:none;padding:.3rem}.ranking-note{gap:.2rem;font-size:.9rem;display:grid}.ranking-note p{margin:0}@media (width<=640px){.ranking-col-solved{display:none}.ranking-solved-inline{color:var(--muted);margin-top:.15rem;font-size:.8rem;font-weight:400;display:block}.ranking-table th,.ranking-table td{padding:.75rem .4rem}.ranking-table .ranking-col-rank{width:3.4rem}.ranking-table .ranking-rank{min-width:2rem;height:2rem;font-size:.9rem}}