:root{--color-ink:#2a3335;--color-ink-hover:#3a4446;--color-white:#f4f6f6;--color-surface:#eaeeef;--color-border:#d6dddf;--color-border-strong:#b5c0c3;--color-text-secondary:#5c696e;--color-accent:#74d6ab;--color-accent-strong:#278057;--color-accent-soft:#e0eee8;--code-untyped:#9aa5a9;--code-line-number:#b5c0c3;--code-line-number-current:#5c696e;--code-current-line:#eaeeef;--preview-border:transparent;--color-danger:#b9413b;--color-danger-strong:#bf2b2b;--color-danger-soft:#fff1f1;--color-overlay:#0b11128c;--kbd-on-ink-bg:#ffffff24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-ink:#c9d2d5;--color-ink-hover:#b0bbbe;--color-white:#151c1e;--color-surface:#1b2427;--color-border:#2b373a;--color-border-strong:#3a484c;--color-text-secondary:#8c9a9f;--color-accent:#62c49a;--color-accent-strong:#5fbf94;--color-accent-soft:#1a3029;--code-untyped:#56656a;--code-line-number:#3a484c;--code-line-number-current:#9aa8ad;--code-current-line:#192124;--preview-border:#273336;--color-danger:#e06a64;--color-danger-strong:#ff7b7b;--color-danger-soft:#2b1618;--color-overlay:#0009;--kbd-on-ink-bg:#0b11121f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.is-theme-changing,.is-theme-changing *,.is-theme-changing :before,.is-theme-changing :after{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s!important}@media (prefers-reduced-motion:reduce){.is-theme-changing,.is-theme-changing *,.is-theme-changing :before,.is-theme-changing :after{transition:none!important}}*,:before,:after{box-sizing:border-box}body{color:var(--color-ink);background-color:var(--color-white);margin:0;font-family:Noto Sans JP,sans-serif;font-size:16px}button{font:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.explorer{flex:1;padding-bottom:12px}.explorer__heading{height:38px;color:var(--color-text-secondary);letter-spacing:.08em;align-items:center;margin:0;padding:12px 16px 8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:flex}.explorer__row{background-color:var(--color-white);width:100%;color:var(--color-ink);font:inherit;text-align:left;border:0;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:flex}.explorer__row--depth0{padding-left:16px}.explorer__row--depth1{padding-left:28px}.explorer__row--folder{height:26px;color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:13px}.explorer__chevron{flex-shrink:0}.explorer__row--menu{cursor:pointer;height:44px;transition:background-color .15s;position:relative}.explorer__row--menu:hover{background-color:var(--color-surface)}.explorer__row--menu.is-selected{background-color:var(--color-accent-soft);cursor:default}.explorer__row--menu.is-selected:before{content:"";background-color:var(--color-accent);width:2px;position:absolute;top:0;bottom:0;left:0}.explorer__row--menu.is-selected .explorer__label{color:var(--color-accent-strong)}.explorer__row--menu.is-disabled{opacity:.4;cursor:default}.explorer__row--menu.is-disabled:hover{background-color:var(--color-white)}.explorer__icon{color:var(--color-accent-strong);flex-shrink:0}.explorer__text{flex-direction:column;min-width:0;display:flex}.explorer__label{font-size:13px;font-weight:700;line-height:1.5}.explorer__file{color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.25}.questions{border-top:1px solid var(--color-border);padding-bottom:12px}.questions__heading{height:38px;color:var(--color-text-secondary);letter-spacing:.08em;justify-content:space-between;align-items:center;margin:0;padding:12px 16px 8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:flex}.questions__list{margin:0;padding:0;list-style:none}.questions__item{align-items:center;gap:10px;height:32px;padding:0 16px;display:flex;position:relative}.questions__mark{border-radius:50%;flex-shrink:0;width:16px;height:16px;position:relative}.questions__name{flex:1;font-family:JetBrains Mono,monospace;font-size:14px}.questions__status{font-size:11px;font-weight:700;line-height:1}.questions__item--done .questions__mark{background-color:var(--color-accent-strong)}.questions__item--done .questions__mark:after{content:"";border-right:1.75px solid var(--color-white);border-bottom:1.75px solid var(--color-white);width:4px;height:7px;position:absolute;top:3.5px;left:5.5px;transform:rotate(45deg)}.questions__item--done .questions__name{color:var(--color-ink)}.questions__item--done .questions__status{color:var(--color-accent-strong)}.questions__item--current{background-color:var(--color-accent-soft)}.questions__item--current:before{content:"";background-color:var(--color-accent);width:2px;position:absolute;top:0;bottom:0;left:0}.questions__item--current .questions__mark{border:2px solid var(--color-accent-strong)}.questions__item--current .questions__mark:after{content:"";background-color:var(--color-accent-strong);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px}.questions__item--current .questions__name{color:var(--color-ink);font-weight:700}.questions__item--current .questions__status{background-color:var(--color-accent);color:#0b1112;border-radius:6px;padding:2px 6px}.questions__item--todo .questions__mark{border:1.5px dashed var(--code-untyped)}.questions__item--todo .questions__name{color:var(--color-text-secondary)}.questions__item--todo .questions__status{color:var(--code-untyped)}.status-bar{border-top:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);white-space:nowrap;grid-area:status;justify-content:space-between;align-items:center;gap:20px;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;display:flex;overflow:hidden}.status-bar__group{align-items:center;gap:20px;display:flex}.status-bar__state{color:var(--color-ink);align-items:center;gap:8px;display:inline-flex}.status-bar__state:before{content:"";background-color:var(--color-accent);border-radius:50%;width:8px;height:8px}.status-bar__group--right{min-width:0}.status-bar__link{color:var(--color-text-secondary);font-family:Noto Sans JP,sans-serif;font-weight:400;text-decoration:none}.status-bar__link:hover{text-decoration:underline}@media (width<=1023.98px){.status-bar,.status-bar__group{gap:12px}}@media (width<=767.98px){.status-bar{justify-content:flex-end}.status-bar__group--left,.status-bar__info{display:none}}.tab-bar{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0;height:40px;display:flex}.tab-bar__tab{border-right:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;align-items:center;padding:0 20px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;display:flex}.tab-bar__tab.is-active{box-shadow:inset 0 2px 0 var(--color-accent);background-color:var(--color-white);color:var(--color-ink);margin-bottom:-1px}.logo{aspect-ratio:312/48;width:auto;height:24px;display:block}.logo--large{height:40px}.logo--dark,:root[data-theme=dark] .logo--light{display:none}:root[data-theme=dark] .logo--dark{display:block}.title-bar{border-bottom:1px solid var(--color-border);background-color:var(--color-white);grid-area:title;align-items:center;padding:0 12px;display:flex;position:relative}.title-bar__left{align-items:center;display:flex}.title-bar__right{align-items:center;gap:16px;margin-left:auto;display:flex}.header-toggle{align-items:center;gap:8px;display:flex}.header-toggle__label{color:var(--color-text-secondary);white-space:nowrap;font-size:12px;font-weight:700}.header-toggle__box{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:6px;padding:2px;display:flex}.header-toggle__option{height:26px;color:var(--color-text-secondary);font:inherit;white-space:nowrap;cursor:pointer;background-color:#0000;border:none;border-radius:4px;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.header-toggle__option:hover{color:var(--color-ink)}.header-toggle__option.is-selected{background-color:var(--color-accent-soft);box-shadow:0 0 0 1px var(--color-accent);color:var(--color-ink);cursor:default}.title-bar__logo-link{border-radius:6px;display:inline-flex}.title-bar__title{color:var(--color-text-secondary);white-space:nowrap;margin:0;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}@media (width<=1023.98px){.title-bar__title{display:none}}@media (width<=1279.98px){.header-toggle__label{display:none}}@media (width<=767.98px){.header-toggle__option{padding:0 8px}.header-toggle__text{display:none}}.shell{background-color:var(--color-white);grid-template:"title title"48px"sidebar editor"minmax(0,1fr)"status status"36px/250px minmax(0,1fr);height:100vh;display:grid}.shell__sidebar{border-right:1px solid var(--color-border);background-color:var(--color-white);flex-direction:column;grid-area:sidebar;min-height:0;display:flex;overflow-y:auto}.shell__editor{flex-direction:column;grid-area:editor;min-width:0;min-height:0;display:flex}.shell__progress{background-color:var(--color-white);flex-shrink:0;height:3px}.shell__progress-bar{background-color:var(--color-accent);height:100%}.shell__main{background-color:var(--color-white);flex:1;min-height:0;overflow:auto}@media (width<=1023.98px){.shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""editor""status"}.shell__sidebar{display:none}}.doc{flex-direction:column;gap:24px;max-width:848px;padding:80px 64px;display:flex}.doc__heading{margin:0;font-size:44px;font-weight:700;line-height:1.4}.doc__body{overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.8}.doc__section{flex-direction:column;gap:12px;display:flex}.doc__section-heading{margin:0;font-size:20px;font-weight:700;line-height:1.5}.doc__list{overflow-wrap:anywhere;flex-direction:column;gap:8px;margin:0;padding-left:24px;font-size:16px;line-height:1.8;display:flex}.doc__link{color:var(--color-accent-strong);text-decoration:underline}.doc__footer{color:var(--color-text-secondary);margin-top:24px;font-size:14px}.doc__footer p{margin:0}@media (width<=767.98px){.doc{padding:32px 24px}.doc__heading{font-size:24px}}.kbd{background-color:var(--color-surface);height:22px;color:var(--color-text-secondary);border-radius:6px;align-items:center;padding:0 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.kbd--dark{background-color:var(--kbd-on-ink-bg);color:var(--color-white)}.guide{flex-direction:column;gap:40px;max-width:768px;margin:0 auto;padding:80px 64px;display:flex}.guide__header{flex-direction:column;gap:12px;display:flex}.guide__heading{margin:0;font-size:44px;font-weight:700;line-height:1.4}.guide__lead{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.7}.guide__section{flex-direction:column;gap:12px;display:flex}.guide__section-heading{margin:0;font-size:20px;font-weight:700;line-height:1.5}.guide__list{flex-direction:column;gap:8px;margin:0;padding-left:24px;font-size:16px;line-height:1.8;display:flex}.guide__table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.7}.guide__table th,.guide__table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:12px 16px}.guide__table thead th{color:var(--color-text-secondary);font-size:13px;font-weight:500}.guide__table tbody th,.guide__table tbody td:first-child{white-space:nowrap;width:1%;font-weight:700}.guide__note{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.7}.button{white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:12px;height:48px;padding:0 28px;font-family:Noto Sans JP,sans-serif;font-size:17px;font-weight:700;line-height:1;transition:background-color .15s;display:inline-flex}.button--large{height:60px;padding:0 36px;font-size:20px}.button--primary{background-color:var(--color-ink);color:var(--color-white)}.button--primary:hover{background-color:var(--color-ink-hover)}.button--secondary{background-color:var(--color-white);border-color:var(--color-ink);color:var(--color-ink)}.button--secondary:hover{background-color:var(--color-surface)}.button--danger{background-color:var(--color-ink);color:var(--color-white);gap:8px}.button--danger:hover{background-color:var(--color-ink-hover)}.button--end{background-color:var(--color-ink);height:34px;color:var(--color-white);border-width:0;gap:6px;padding:0 8px 0 14px;font-size:14px}.button--end:hover{background-color:var(--color-ink-hover)}.button__icon{flex-shrink:0}.segmented{border:1px solid var(--color-border);border-radius:6px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.segmented__option{display:flex;position:relative}.segmented__option+.segmented__option{border-left:1px solid var(--color-border)}.segmented__text{background-color:var(--color-white);height:44px;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:background-color .15s;display:flex}.segmented__text:hover{background-color:var(--color-surface)}.segmented__radio:checked+.segmented__text{background-color:var(--color-ink);color:var(--color-white);cursor:default}.segmented__radio:focus-visible+.segmented__text{outline:2px solid var(--color-accent);outline-offset:-2px}.history{justify-content:center;min-height:100%;padding:80px 64px;display:flex}.history__content{flex-direction:column;gap:32px;width:100%;max-width:880px;display:flex}.history__header{flex-direction:column;gap:12px;display:flex}.history__heading{margin:0;font-size:44px;font-weight:700;line-height:1.4}.history__lead{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.7}.history__filter{width:360px}.history__empty{border:1px dashed var(--color-border-strong);color:var(--color-text-secondary);text-align:center;border-radius:10px;margin:0;padding:32px;font-size:16px}.history__summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.history-summary{border:1px solid var(--color-border-strong);background-color:var(--color-white);border-radius:10px;flex-direction:column;gap:8px;padding:24px;display:flex}.history-summary__label{color:var(--color-text-secondary);font-size:14px;font-weight:700}.history-summary__value{color:var(--color-ink);font-size:44px;font-weight:900;line-height:1.1}.history-summary__unit{margin-left:4px;font-size:20px;font-weight:700}.history__panel{border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:16px;padding:24px;display:flex}.history__panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.history__panel-heading{margin:0;font-size:17px;font-weight:700;line-height:1.5}.history__metric{width:320px}.history-chart{width:100%;height:auto;display:block}.history-chart__grid{stroke:var(--color-border);stroke-width:1px}.history-chart__tick{fill:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:12px}.history-chart__line{fill:none;stroke:var(--color-accent-strong);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.history-chart__dot{fill:var(--color-white);stroke:var(--color-accent-strong);stroke-width:2px}.history-chart__dot.is-latest{fill:var(--color-accent)}.history-table__scroll{max-height:480px;overflow-y:auto}.history-table{border-collapse:collapse;width:100%;font-size:14px}.history-table th,.history-table td{border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:8px 12px}.history-table th{background-color:var(--color-white);color:var(--color-text-secondary);font-size:13px;font-weight:700;position:sticky;top:0}.history-table .is-number{text-align:right}.history-table .is-mono{font-family:JetBrains Mono,monospace}.history-table .is-strong{font-weight:700}.history-table__letter{background-color:var(--color-accent);color:#0b1112;text-align:center;border-radius:6px;min-width:36px;margin-right:8px;padding:0 4px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;line-height:22px;display:inline-block}.history__clear{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.history__clear-text{color:var(--color-danger-strong);margin:0;font-size:16px;font-weight:700}.history__clear-actions{gap:12px;display:flex}.select{justify-content:center;align-items:center;min-height:100%;padding:80px 64px;display:flex}@media (height<=860px){.select{padding-block:24px}}.select__content{flex-direction:column;gap:40px;width:100%;max-width:640px;display:flex}.select__header{flex-direction:column;gap:12px;display:flex}.select__heading{margin:0;font-size:44px;font-weight:700;line-height:1.4}.select__lead{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.7}.select__list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.language-card{border:1px solid var(--color-border);background-color:var(--color-white);width:100%;height:76px;color:var(--color-ink);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:20px;padding:10px 20px 10px 10px;transition:background-color .15s,border-color .15s,color .15s;display:flex}.language-card:hover{border-color:var(--color-ink);background-color:var(--color-ink);color:var(--color-white)}.language-card:hover .language-card__icon{background-color:var(--color-accent);color:#0b1112}.language-card:hover .language-card__sub{color:var(--color-white)}.language-card:hover .language-card__arrow{color:var(--color-accent)}.language-card__icon{background-color:var(--color-accent-soft);width:56px;height:56px;color:var(--color-accent-strong);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.language-card__text{flex-direction:column;flex:1;gap:2px;display:flex}.language-card__title{font-size:17px;font-weight:700}.language-card__sub{color:var(--color-text-secondary);font-size:13px}.language-card__sub code{font-family:JetBrains Mono,monospace}.language-card__arrow{color:var(--color-ink);flex-shrink:0}.pc-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:0 40px;display:flex}.pc-notice__heading{margin:0;font-size:24px;font-weight:700}.pc-notice__body{margin:0;font-size:16px;line-height:1.8}.countdown{flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100%;padding:32px;display:flex}.countdown__lead,.countdown__sub{margin:0;font-size:24px;font-weight:700}.countdown__ring{width:240px;height:240px;position:relative}.countdown__ring svg{transform:rotate(-90deg)}.countdown__track,.countdown__progress{fill:none}.countdown__track{stroke:var(--color-border)}.countdown__progress{stroke:var(--color-accent);stroke-linecap:butt}.countdown__progress.is-running{animation:1s linear forwards countdown-ring}@keyframes countdown-ring{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--ring-length)}}.countdown__number{color:var(--color-ink);justify-content:center;align-items:center;font-size:120px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.countdown__number--start{font-size:44px}.countdown__key-area{justify-content:center;align-items:center;height:240px;display:flex}.countdown__key{border:2px solid var(--color-ink);background-color:var(--color-white);width:320px;height:96px;box-shadow:0 8px 0 var(--color-ink);color:var(--color-ink);border-radius:14px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:44px;font-weight:700;line-height:1;display:flex}.countdown__tips{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:10px;align-items:center;gap:12px;height:52px;margin:16px 0 0;padding:0 16px;font-size:16px;display:flex}.countdown__tips-badge{background-color:var(--color-accent);color:#0b1112;border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.pause{background-color:var(--color-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pause__modal{background-color:var(--color-white);border-radius:14px;width:520px;overflow:hidden;box-shadow:0 16px 48px #00000040}.pause__header{background-color:var(--color-surface);height:36px;color:var(--color-text-secondary);align-items:center;margin:0;padding:0 16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;display:flex}.pause__body{flex-direction:column;gap:12px;padding:32px;display:flex}.pause__title{margin:0;font-size:24px;font-weight:700}.pause__description{color:var(--color-text-secondary);margin:0;font-size:16px}.pause__actions{justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.code{font-variant-ligatures:none;padding:24px 0;font-family:JetBrains Mono,monospace;font-size:24px;line-height:1.8;overflow-x:auto}.code__line{align-items:center;gap:24px;min-width:max-content;padding:0 32px;display:flex}.code__line.is-current{background-color:var(--code-current-line)}.code__line.is-current .code__number{color:var(--code-line-number-current)}.code__number{width:48px;color:var(--code-line-number);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0}.code__text{white-space:pre;tab-size:2;min-height:1.8em}.code__typed{color:var(--color-ink)}.code__typed.is-syntax{color:var(--color-accent-strong)}.code__untyped{color:var(--code-untyped)}.code__cursor{background-color:var(--color-accent);color:#0b1112}.code__cursor.is-miss{background-color:#ff6b6b}.kb{flex-direction:column;gap:4px;width:760px;max-width:100%;font-family:JetBrains Mono,monospace;display:flex}.kb__row{gap:4px;display:flex}.kb__key{border:1px solid var(--color-border);background-color:var(--color-white);min-width:0;height:46px;color:var(--color-text-secondary);border-radius:6px;flex-direction:column;flex-basis:0;justify-content:center;align-items:center;line-height:1.1;display:flex;position:relative}.kb__main{color:var(--color-ink);font-size:14px;font-weight:500}.kb__sub,.kb__label{font-size:12px}.kb__key--dummy{background-color:var(--color-surface)}.kb__key.is-next{border-color:var(--color-accent);background-color:var(--color-accent);color:#0b1112}.kb__key.is-next .kb__main{color:#0b1112}.kb-panel{border-top:1px solid var(--color-border);margin-top:auto;padding:0 32px 24px}.kb-panel__heading{height:38px;color:var(--color-text-secondary);letter-spacing:.08em;align-items:center;gap:8px;margin:0 0 8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:flex}.kb-panel__layout{letter-spacing:0;font-weight:500}.kb-panel .kb{margin:0 auto}@media (height<=860px){.kb__key{height:40px}}@media (height<=768px){.kb__key{height:32px}}@media (height<=728px){.kb__key{height:28px}.kb__sub{display:none}}.typing{flex-direction:column;min-height:100%;display:flex}.typing__toolbar{justify-content:space-between;align-items:center;height:50px;padding:16px 24px 0 32px;display:flex}.typing__breadcrumb{color:var(--color-text-secondary);margin:0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.typing__ime{padding:0 32px}.ime-warning{border:1px solid var(--color-danger);background-color:var(--color-danger-soft);color:var(--color-danger-strong);border-radius:10px;align-items:center;gap:12px;margin:0;padding:14px 20px;font-size:16px;font-weight:700;display:inline-flex}.ime-warning__icon{flex-shrink:0}.result{flex-direction:column;gap:24px;max-width:1200px;padding:80px 64px;display:flex;container-type:inline-size}.result__label{color:var(--color-text-secondary);letter-spacing:.08em;gap:12px;margin:0;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;display:flex}.result__label-main{color:var(--color-accent-strong)}.result__heading{margin:0;font-size:44px;font-weight:700;line-height:1.4}.result__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:16px 0;list-style:none;display:grid}@container (width<=999.98px){.result__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.result__actions{gap:16px;display:flex}.result-card{border:1px solid var(--color-border-strong);background-color:var(--color-white);border-radius:10px;flex-direction:column;gap:8px;min-height:200px;padding:28px;display:flex}.result-card__label{color:var(--color-text-secondary);font-size:16px;font-weight:700}.result-card__value{color:var(--color-ink);white-space:nowrap;font-size:48px;font-weight:900;line-height:1.1}.result-card__unit{margin-left:4px;font-size:24px;font-weight:700}.result-card__note{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.result-rank{border:1px solid var(--color-accent);background-color:var(--color-accent-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:32px;padding:24px 32px;display:flex}.result-rank__main,.result-rank__score{flex-direction:column;gap:8px;display:flex}.result-rank__score{align-items:flex-end}.result-rank__label{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.result-rank__best{background-color:var(--color-accent-strong);color:var(--color-white);border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700}.result-rank__name{color:var(--color-ink);align-items:center;gap:16px;font-size:44px;font-weight:900;line-height:1.2;display:flex}.result-rank__letter{background-color:var(--color-accent);color:#0b1112;border-radius:6px;justify-content:center;align-items:center;min-width:64px;height:56px;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;display:inline-flex}.result-rank__score-value{color:var(--color-ink);font-size:48px;font-weight:900;line-height:1.1}.result-rank__note{color:var(--color-text-secondary);font-size:12px}.settings{justify-content:center;min-height:100%;padding:80px 64px;display:flex}.settings__content{flex-direction:column;gap:40px;width:100%;max-width:640px;display:flex}.settings__header{flex-direction:column;gap:12px;display:flex}.settings__heading{margin:0;font-size:44px;font-weight:700;line-height:1.4}.settings__lead{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.7}.settings__list{flex-direction:column;gap:16px;display:flex}.settings__item{border:1px solid var(--color-border);border-radius:10px;min-width:0;margin:0;padding:24px}.settings__name{float:left;width:100%;margin:0;padding:0;font-size:17px;font-weight:700;line-height:1.5}.settings__name+*{clear:both}.settings__description{color:var(--color-text-secondary);margin:4px 0 16px;font-size:14px;line-height:1.7}.top{justify-content:center;align-items:center;min-height:100%;padding:56px 48px;display:flex}.top__content{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;max-width:1200px;display:flex}.top__intro{flex-direction:column;flex-shrink:0;gap:32px;width:540px;display:flex}.top__heading{flex-direction:column;gap:20px;display:flex}.top__service-label{color:var(--color-ink);margin:0;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}.top__service-initial{color:var(--color-accent-strong)}.top__catchcopy{white-space:nowrap;margin:0;font-size:60px;font-weight:700;line-height:1.3}.top__description{margin:0 0 16px;font-size:20px;font-weight:500;line-height:1.8}.top__cta{align-items:center;gap:24px;display:flex}.top__sub-label{color:var(--color-text-secondary);letter-spacing:.08em;margin:0;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700}.top__guide{color:var(--color-text-secondary);margin:-12px 0 0;font-size:14px}.top__guide-link{color:var(--color-accent-strong);font:inherit;cursor:pointer;background:0 0;border:none;margin:0 4px;padding:0;text-decoration:underline}.preview{border:1px solid var(--preview-border);background-color:#0b1112;border-radius:14px;flex-shrink:0;width:440px;padding:24px 32px 32px}.preview__tab{color:#c4d5d9;align-items:center;gap:8px;margin:0 0 16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;display:flex}.preview__tab-icon{color:var(--color-accent)}.preview__code{counter-reset:line;color:#fff;font-variant-ligatures:none;white-space:pre;tab-size:2;margin:0;padding:0;font-family:JetBrains Mono,monospace;font-size:20px;line-height:1.8;list-style:none}.preview__code li{counter-increment:line;min-height:1.8em;display:flex}.preview__code li:before{content:counter(line);color:#49565a;text-align:right;flex-shrink:0;width:20px;margin-right:20px}.preview__syntax{color:var(--color-accent)}.preview__cursor{vertical-align:text-bottom;background-color:var(--color-accent);width:.6em;height:1.2em;display:inline-block}