html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{color:#333;background:#fff;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;line-height:1.8}a{color:#333;text-decoration:none}a:hover{color:#13aff0;transition:all .3s}img{max-width:100%;height:auto}.site-layout{width:1200px;max-width:calc(100% - 32px);margin:0 auto}.site-header{border-bottom:1px solid #f1f1f1;flex-direction:column;justify-content:center;height:80px;margin-top:15px;display:flex}.site-logo{letter-spacing:.2px;font-size:24px;font-weight:500}.site-logo-tag{font-style:italic}.content-layout{justify-content:flex-start;margin-top:50px;display:flex}.main-column{width:calc(100% - 345.75px)}.tag-main-column{width:75%}.sidebar{border-left:1px solid #f1f1f1;width:315.75px;margin-left:30px;padding-left:30px}.sidebar-section{color:#5e5e5e;margin-bottom:40px;line-height:1.8}.sidebar-heading{color:#333;letter-spacing:1px;text-transform:capitalize;border:0 solid #13aff0;border-left-width:3px;margin:0 0 20px;padding-left:15px;font-size:13px;font-weight:400;line-height:1;display:block}.sidebar-section:first-child .sidebar-heading{text-transform:none;letter-spacing:normal;border-left:0;padding-left:0;font-size:18px}.sidebar p{color:#5e5e5e;word-wrap:break-word;margin:0 0 16px;font-size:14px}.social-links{height:41px;margin-top:10px;margin-left:-3px;display:flex}.social-box{cursor:pointer;color:#bbb;border:1px solid #e9e9e9;justify-content:center;align-items:center;width:35px;height:35px;margin:3px;display:flex}.social-box:hover{border-color:#46d4fe;transition:all .3s;transform:translateY(-3px)}.social-icon{width:20px;height:20px}.tag-cloud{line-height:1.8}.tag-link{color:#333;letter-spacing:.4px;text-transform:uppercase;background-color:#f8f8f8;border:1px solid #e9e9e9;margin:0 2px 5px;padding:8px 12px;font-size:12px;line-height:1;display:inline-block}.tag-link:hover{color:#007cba;background-color:#f1f1f1;border-color:#ddd;transition:all .3s;transform:translateY(-3px)}.article-card{border-bottom:1px solid #f1f1f1;margin-bottom:30px;padding-bottom:30px}.article-card-image-link{background:#f7f7f7;width:100%;height:min(42vw,360px);min-height:240px;margin-bottom:20px;display:block;position:relative;overflow:hidden}.article-card-image{object-fit:cover}.article-card-title{cursor:pointer;letter-spacing:.6px;margin:0 0 15px;font-size:1.5em;font-weight:700;line-height:1.8}.article-card-date,.post-date{color:#777;align-items:center;gap:5px;margin-bottom:14px;font-size:12px;display:flex}.article-card-summary{color:#333;margin:0 0 20px}.continue-reading{letter-spacing:1px;text-transform:capitalize;border:1px solid #ddd;border-radius:2px;padding:10px 16px;font-size:11px;line-height:1;display:inline-block}.continue-reading:hover{border-color:#13aff0}.post-template{max-width:1100px;margin:60px auto 0}.post-main,.single-column{max-width:860px;margin-left:auto;margin-right:auto}.post-title{color:#333;letter-spacing:.6px;border-bottom:1px solid #f1f1f1;margin:0 0 20px;padding:0 0 15px;font-family:Verdana,Geneva,sans-serif;font-size:34px;font-weight:600;line-height:1.8}.post-tags{text-transform:uppercase;color:#333;font-family:Verdana,Geneva,sans-serif;font-size:11px;font-weight:600;line-height:1.8}.post-tag-link{color:#333;margin-right:4px}.post-date{color:#5e5e5e;margin-top:5px;font-size:12px;display:flex}.post-body{color:#5e5e5e;margin-top:24px;margin-bottom:20px;font-size:16px;line-height:1.8}.post-body h2,.post-body h3,.post-body h4{color:#5e5e5e;margin:32px 0 12px;line-height:1.8}.post-body h2{font-size:26px}.post-body h3{font-size:20px}.post-body p,.post-body ul,.post-body ol,.post-body blockquote,.post-body pre,.post-body table{margin:0 0 20px}.post-body a{color:inherit;text-decoration:none}.post-body a:hover{color:#13aff0}.post-body blockquote{color:#5e5e5e;border-left:4px solid #f1f1f1;padding-left:38px;font-weight:600}.post-body li{margin-bottom:4px}.post-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82em}.post-body p>code,.post-body li>code{color:inherit;background:0 0;border-radius:0;padding:0}.code-frame{color:#f8f8f2;background:#282a36;border-radius:4px;margin:0 0 20px;overflow:hidden;box-shadow:0 10px 18px #00000038}.code-window-controls{gap:7px;padding:16px 0 0 16px;display:flex}.code-window-dot{border-radius:50%;width:14px;height:14px;display:block}.code-window-dot-red{background:#ff5f56}.code-window-dot-yellow{background:#ffbd2e}.code-window-dot-green{background:#27c93f}.code-pre{color:#f8f8f2;white-space:pre;background:0 0;margin:0;padding:28px 20px 24px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:600;line-height:1.8;overflow-x:auto}.code-pre code{color:inherit;font-size:inherit;line-height:inherit;background:0 0;padding:0;display:block}.code-line{display:inline}.code-token-key{color:#ff79c6}.code-token-punctuation,.code-token-flag{color:#8be9fd}.code-token-string{color:#50fa7b}.post-image-frame{margin:24px 0;display:block}.post-image-frame img{border:1px solid #f1f1f1;display:block}.post-share{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;justify-content:space-between;align-items:center;margin-top:30px;padding:30px 0;display:flex}.post-share-text{letter-spacing:1.3px;text-transform:uppercase;color:#000;font-size:14px;font-weight:600;line-height:40px}.post-share-buttons{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.post-share-button{color:#bbb;border:1px solid #e9e9e9;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:600;display:flex}.post-share-button:hover{border-color:#46d4fe;transition:all .3s;transform:translateY(-3px)}.related-posts{border-bottom:1px solid #f1f1f1;margin-top:20px;padding-bottom:30px}.related-posts-heading{letter-spacing:1.3px;text-transform:uppercase;color:#333;margin:0 0 20px;font-size:14px;font-weight:600}.related-posts-heading span{color:#13aff0;padding-right:8px;font-size:18px}.related-posts-grid{justify-content:space-between;gap:24px;display:flex}.related-post-card{width:32%;min-height:100px;max-height:350px}.related-post-image-link{background:#f7f7f7;height:140px;margin-bottom:12px;display:block;position:relative;overflow:hidden}.related-post-image{object-fit:cover}.related-post-title{margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.5}.related-post-date{color:#5e5e5e;gap:5px;font-size:12px;display:flex}.previous-post{padding:30px 0}.previous-post-link,.previous-post-title{display:block}.previous-post-link{color:#13aff0;margin-bottom:6px;font-size:16px}.previous-post-title{color:#5e5e5e;font-size:16px}.tag-page-title{margin:0 0 20px;font-size:20px}.narrow-page{margin-top:50px}.canvas-demo{border:1px solid #f1f1f1;border-radius:4px;width:100%;height:260px;margin:24px 0;display:block}.scratch-index{padding-bottom:60px}.scratch-kicker{color:#13aff0;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.scratch-intro{color:#5e5e5e;margin:0 0 30px}.scratch-list{gap:18px;display:grid}.scratch-list-card{background:linear-gradient(135deg,#fff 0%,#fbfbfb 100%);border:1px solid #f1f1f1;border-radius:16px;padding:24px;display:block}.scratch-list-card:hover{border-color:#13aff0;transition:all .25s;transform:translateY(-2px)}.scratch-list-date,.scratch-list-link{color:#777;letter-spacing:.5px;font-size:12px}.scratch-list-card h2{color:#333;margin:6px 0 8px;font-size:22px;line-height:1.4}.scratch-list-card p{color:#5e5e5e;margin:0 0 14px}.scratch-page{margin:32px auto 70px}.scratch-nav{width:1200px;max-width:calc(100% - 32px);margin:0 auto 20px;font-size:13px}.scratch-nav a{color:#13aff0}.scratch-surface{border-radius:28px;width:1200px;max-width:calc(100% - 32px);margin:0 auto}.scratch-welcome{background:radial-gradient(circle at 0 0,#13aff02e,#0000 34%),radial-gradient(circle at 100% 100%,#ff6f9133,#0000 38%),#fff;border:1px solid #f1f1f1;overflow:hidden;box-shadow:0 24px 70px #00000014}.scratch-hero{text-align:center;padding:70px clamp(24px,7vw,90px) 42px}.scratch-hero h1{color:#222;letter-spacing:-2.4px;max-width:760px;margin:0 auto 20px;font-size:clamp(36px,7vw,76px);line-height:1.02}.scratch-hero p{color:#4f4f4f;max-width:670px;margin:0 auto;font-size:18px}.scratch-hero code{background:#ffffffb8;border:1px solid #eee;border-radius:999px;padding:2px 8px}.scratch-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.scratch-actions span{color:#333;background:#ffffffb3;border:1px solid #13aff038;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.scratch-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 clamp(18px,4vw,42px) 42px;display:grid}.scratch-mini-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbd;border:1px solid #ffffffb8;border-radius:24px;min-height:220px;padding:26px}.scratch-mini-card span{color:#13aff0;letter-spacing:.8px;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 10px 28px #00000014}.scratch-mini-card h2{color:#222;margin:0 0 10px;font-size:21px;line-height:1.25}.scratch-mini-card p{color:#555;margin:0;font-size:14px;line-height:1.7}.scratch-mini-card-pink{background:#ffeef5d1}.scratch-mini-card-blue{background:#e7f8ffd1}.scratch-mini-card-green{background:#ebfff4d1}.cosmic-nibble{color:#fff;background:radial-gradient(circle at 12% 8%,#ffdd7540,#0000 24%),radial-gradient(circle at 88% 18%,#3ed6ff4d,#0000 24%),linear-gradient(135deg,#170f3b 0%,#07162e 50%,#14091d 100%);border:1px solid #ffffff2e;overflow:hidden;box-shadow:0 30px 90px #0003}.cosmic-copy{text-align:center;padding:clamp(28px,5vw,58px) clamp(22px,6vw,72px) 18px}.cosmic-copy h1{color:#fff;letter-spacing:-3px;text-shadow:0 10px 34px #ff7bc659;margin:0 auto 14px;font-size:clamp(42px,9vw,92px);line-height:.95}.cosmic-copy p:not(.scratch-kicker){color:#ffffffc7;max-width:760px;margin:0 auto;font-size:18px}.cosmic-shell{padding:12px clamp(14px,4vw,46px) 38px}.cosmic-scorebar{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.cosmic-scorebar span{color:#ffffffb8;background:#ffffff1a;border:1px solid #ffffff29;border-radius:18px;padding:12px 14px;font-size:13px;box-shadow:inset 0 1px #ffffff24}.cosmic-scorebar strong{color:#fff;font-size:17px}.cosmic-board{touch-action:none;background:linear-gradient(#ffffff0d 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#ffffff0d 1px,#0000 1px) 0 0/38px 38px,radial-gradient(circle at 50% 110%,#ff74b933,#0000 42%),linear-gradient(#061129 0%,#14072b 100%);border:1px solid #ffffff2e;border-radius:28px;height:min(420px,72vw);min-height:320px;position:relative;overflow:hidden}.cosmic-stars:before,.cosmic-stars:after{content:"";opacity:.55;background-image:radial-gradient(circle,#ffffffe6 0 1px,#0000 1.5px),radial-gradient(circle,#ffe891bf 0 1px,#0000 1.5px);background-position:12px 24px,46px 72px;background-size:88px 92px,130px 124px;position:absolute;inset:0}.cosmic-stars:after{opacity:.28;transform:translateY(-18px)scale(1.2)}.cosmic-orbit{pointer-events:none;border:1px solid #5dddff2e;border-radius:999px;position:absolute}.cosmic-orbit-one{width:420px;height:160px;top:72px;left:-90px;transform:rotate(-18deg)}.cosmic-orbit-two{width:520px;height:190px;bottom:42px;right:-150px;transform:rotate(21deg)}.cosmic-thing{z-index:2;will-change:transform;border-radius:999px;place-items:center;width:36px;height:36px;font-size:24px;display:grid;position:absolute;top:0;left:0}.cosmic-thing-starberry{background:radial-gradient(circle at 35% 30%,#fff 0 12%,#ff7bc8 32%,#7d3cff 100%);box-shadow:0 0 24px #ff7bc8bf}.cosmic-thing-moonpie{background:radial-gradient(circle at 34% 30%,#fff8ba 0 24%,#ffbb54 54%,#ff7b52 100%);box-shadow:0 0 26px #ffbf54d1}.cosmic-thing-asteroid{background:radial-gradient(circle at 35% 25%,#fff 0 8%,#a7b0c2 28%,#485169 100%);box-shadow:0 0 24px #8394b5a3}.cosmic-player{z-index:3;background:linear-gradient(135deg,#48f6ffeb,#ff6bcceb);border-radius:999px;place-items:center;width:92px;height:46px;transition:transform 80ms linear;display:grid;position:absolute;bottom:28px;left:0;box-shadow:0 10px 35px #54daff73}.cosmic-player span{filter:drop-shadow(0 6px 8px #00000059);font-size:34px;transform:rotate(-44deg)}.cosmic-overlay{z-index:5;text-align:center;background:radial-gradient(circle,#09102794,#060919d6);place-content:center;gap:16px;padding:20px;display:grid;position:absolute;inset:0}.cosmic-overlay p{color:#fff;max-width:360px;margin:0 auto;font-size:22px;font-weight:700}.cosmic-overlay button{color:#14091d;cursor:pointer;background:linear-gradient(135deg,#ffe66d,#ff6fc8 58%,#5ee7ff);border:0;border-radius:999px;padding:13px 22px;font-size:16px;font-weight:800;box-shadow:0 12px 32px #ff6fc852}.cosmic-help{color:#ffffffa8;text-align:center;margin:14px 2px 0;font-size:14px}.protein-folding{color:#fff;background:radial-gradient(circle at 18% 12%,#2fc3,#0000 28%),radial-gradient(circle at 84% 18%,#ff5dcd38,#0000 26%),radial-gradient(circle at 50% 105%,#5f54ff3d,#0000 38%),linear-gradient(135deg,#030814 0%,#071a31 46%,#18061f 100%);border:1px solid #80eeff33;overflow:hidden;box-shadow:0 34px 100px #0000003d}.protein-copy{text-align:center;padding:clamp(30px,5vw,64px) clamp(22px,6vw,76px) 18px;position:relative}.protein-copy:after{content:"";background:linear-gradient(90deg,#0000,#74f4ff75,#0000);height:1px;position:absolute;inset:auto 12% -10px}.protein-copy h1{color:#fff;letter-spacing:-3px;text-shadow:0 0 26px #35ffe047,0 18px 48px #ff67c53d;max-width:860px;margin:0 auto 14px;font-size:clamp(42px,8vw,94px);line-height:.94}.protein-copy p:not(.scratch-kicker){color:#ecfaffc7;max-width:820px;margin:0 auto;font-size:18px}.protein-lab{padding:18px clamp(14px,4vw,46px) 40px}.protein-toolbar,.protein-readout{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.protein-toolbar{margin-bottom:12px}.protein-toolbar button{color:#ecfbff;cursor:pointer;background:linear-gradient(135deg,#ffffff2e,#ffffff14),#040f23b8;border:1px solid #ffffff2e;border-radius:18px;padding:13px 15px;font-size:14px;font-weight:800;box-shadow:inset 0 1px #fff3,0 12px 26px #00000029}.protein-toolbar button:hover{border-color:#3fffdc85;transform:translateY(-1px)}.protein-stage{touch-action:none;background:#040916;border:1px solid #ffffff29;border-radius:30px;min-height:560px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,inset 0 -50px 80px #0000003d}.protein-stage:before{content:"";pointer-events:none;background:radial-gradient(circle at 22% 26%,#26ffcf1f,#0000 19%),radial-gradient(circle at 74% 32%,#ff62d31a,#0000 18%);position:absolute;inset:0}.protein-stage canvas{cursor:crosshair;width:100%;height:560px;display:block;position:relative}.protein-readout{margin-top:12px}.protein-readout span{color:#ecfaffb3;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;padding:12px 14px;font-size:13px;box-shadow:inset 0 1px #ffffff24}.protein-readout strong{color:#fff;font-size:18px}@media only screen and (max-width:960px){.site-layout{max-width:calc(100% - 24px)}.content-layout{display:block}.main-column,.sidebar{width:100%}.sidebar{border-top:1px solid #f1f1f1;border-left:0;margin:30px 0 0;padding:30px 0 0}.article-card-image-link{height:48vw;min-height:200px}.post-title{font-size:20px;line-height:1.8}.post-template{margin-top:20px}.post-share{text-align:center;margin-top:20px;padding-top:20px;display:block}.post-share-text{margin-bottom:10px}.post-share-buttons{justify-content:center}.related-posts-grid{display:block}.related-post-card{width:100%;max-height:none;margin-bottom:20px}.related-post-image-link{height:220px}.cosmic-scorebar,.protein-toolbar,.protein-readout{grid-template-columns:repeat(2,minmax(0,1fr))}.protein-stage,.protein-stage canvas{height:460px;min-height:460px}.protein-copy h1{letter-spacing:-1.6px}.cosmic-board{border-radius:22px}.cosmic-copy h1{letter-spacing:-1.6px}.scratch-card-grid{grid-template-columns:1fr}.scratch-hero{padding-top:44px}.scratch-hero h1{letter-spacing:-1.2px}}