@font-face{font-family:"hack";font-display:swap;font-style:normal;font-weight:400;src:url("../webfonts/hack-regular-subset.woff2") format("woff2")}@font-face{font-family:"hack";font-display:swap;font-style:italic;font-weight:400;src:url("../webfonts/hack-italic-subset.woff2") format("woff2")}body{font-family:"hack", monospace;font-size:16px;font-weight:400;background-color:var(--oc-gray-9);color:var(--oc-green-9);margin:0;padding:0;overflow-x:hidden}main{width:100%;max-width:100%;padding:1rem;box-sizing:border-box}@media (min-width: 576px){main{font-size:18px;padding:1.5rem}}@media (min-width: 768px){main{font-size:20px;padding:2rem}}h1,p{margin:0}a{color:inherit;font-style:italic}a:hover,a:active{color:var(--oc-green-5)}@media (max-width: 768px){a{padding:0.25rem 0;display:inline-block;min-height:44px;min-width:44px;line-height:44px}button,.email-btn{min-height:44px;min-width:44px;padding:0.75rem 1.5rem;font-size:16px}}#json{white-space:nowrap;overflow-x:auto;line-height:1.2}@media (max-width: 768px){#json{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden}#json>.my{display:block;margin-top:0.5rem;margin-bottom:0.5rem}.ms{margin-left:0.75rem}p.ms{display:block;margin-left:0.75rem;margin-top:0.25rem;margin-bottom:0.25rem}}#json:before{content:"{"}#json:after{content:"}"}.my{margin-top:0.25rem;margin-bottom:0.25rem}.mt{margin-top:1.5rem}.ms{margin-left:1.5rem}.key{color:var(--oc-green-4);text-transform:lowercase}.error,.value{color:var(--oc-green-4);text-transform:lowercase}.email-btn{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none;transition:opacity 0.2s ease}.email-btn:hover{opacity:0.7}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000}.modal.active{opacity:1;visibility:visible}.modal-content{background:var(--color-bg);border:1px solid var(--color-punct);border-radius:12px;padding:32px;width:100%;max-width:320px;text-align:center;position:relative;transform:scale(0.95);transition:transform 0.3s ease;font-family:var(--font-family)}.modal.active .modal-content{transform:scale(1)}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--color-punct);font-size:20px;cursor:pointer;padding:8px;line-height:1;transition:opacity 0.2s ease;font-family:var(--font-family)}.modal-close:hover{opacity:0.7}.modal-title{font-size:20px;font-weight:bold;margin-bottom:8px;color:var(--color-value)}.modal-instruction{font-size:14px;color:var(--color-value);margin-bottom:24px;opacity:0.8}.modal-number{font-size:64px;font-weight:bold;line-height:1;margin-bottom:24px;color:var(--color-value)}.modal-options{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}.modal-option{padding:20px;background:transparent;border:1px solid var(--color-punct);border-radius:8px;color:var(--color-value);font-size:28px;font-weight:bold;cursor:pointer;transition:all 0.2s ease;font-family:var(--font-family)}.modal-option:hover{background:var(--color-bg);border-color:var(--color-value)}.modal-option:active{transform:scale(0.95)}@keyframes shake{0%, 100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.instagram-link{position:relative;padding-left:1.5rem;font-weight:500}.instagram-link::before{content:"📷";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:0.85em;opacity:0.9}.instagram-link:hover{opacity:0.8}