.shell{max-width:1200px;margin:auto;padding:24px 28px 60px}.mast{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--octa-line);padding-bottom:16px}.wordmark{font-family:var(--octa-title);font-size:23px;letter-spacing:.12em}.version{font-size:13px;color:var(--octa-secondary)}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;padding:40px 0 28px;align-items:end}.hero h1{max-width:620px;margin:12px 0 16px;font-size:clamp(28px,4vw,46px);line-height:1.08}.eyebrow{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--octa-accent-text);font-weight:700}.hero p{max-width:580px;color:var(--octa-secondary)}.themebox{border:1px solid var(--octa-line);padding:20px;border-radius:10px;background:var(--octa-surface)}.themebox label{margin-bottom:12px}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.panel{background:var(--octa-surface);border:1px solid var(--octa-line);border-radius:10px;padding:24px;min-width:0}.panel.wide{grid-column:1/-1}.section-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--octa-secondary);margin-bottom:8px}.swatches{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.swatch{height:56px;border:1px solid var(--octa-line);border-radius:8px}.swatch-label{font-size:12px;overflow-wrap:anywhere;margin-top:8px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.note-title{font-weight:650}.calendar-area{display:grid;grid-template-columns:2fr 1fr;gap:24px}.months{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:20px}.month{padding:12px 4px;border:1px solid var(--octa-line);border-radius:8px;text-align:center;font-size:13px}.month.active{border-color:var(--octa-accent-text);font-weight:650}.tabs{margin-top:20px}.stack{display:grid;gap:16px}.footer{margin-top:28px;border-top:1px solid var(--octa-line);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.skip{position:absolute;top:-100px}.skip:focus{top:4px;left:4px;padding:10px;background:var(--octa-surface);z-index:10}.output{font-size:13px;min-height:24px;margin:12px 0 0;color:var(--octa-accent-text);font-weight:650}@media(max-width:760px){.shell{padding:20px 16px 40px}.hero{grid-template-columns:1fr;padding:28px 0 20px;gap:16px}.catalog{grid-template-columns:1fr;gap:16px}.panel{padding:20px}.pair,.calendar-area{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.notes{grid-template-columns:1fr}.months{grid-template-columns:repeat(4,minmax(0,1fr))}.mast{align-items:flex-start}.version{max-width:120px;text-align:right}.octa-day{font-size:11px}.hero h1{font-size:28px}.themebox{padding:16px}}@media(max-width:360px){.panel{padding:16px}.shell{padding:16px 12px 32px}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}