:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px}html.fonts-timeout body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html.fonts-timeout .scrawl-bg{display:none}:root{--bg: #ffffff;--ink: #000000;--accent-aqua: #4fe3f8;--accent-blue: #2b4c7e;--accent-green: #4ade80;--accent-pink: #fb7185;--accent-dark: #1f2937;--border-width: 3px;--scrawl-scroll: 0px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--ink);font-family:Inter,sans-serif;overflow-x:hidden;line-height:1.4}#root{min-height:100vh;position:relative;isolation:isolate}.scrawl-bg{position:fixed;inset:0;z-index:0;opacity:.08;pointer-events:none;overflow:hidden}.scrawl-bg-scroll{position:absolute;inset:-24vh -18vw;transform:translate3d(0,calc(var(--scrawl-scroll) * -.35),0);will-change:transform}.scrawl-bg-content{font-family:Permanent Marker,cursive;font-size:8vw;line-height:.8;color:var(--ink);word-wrap:break-word;transform:rotate(-2deg) scale(1.2);transform-origin:center top;text-align:center;-webkit-user-select:none;user-select:none}.container{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.hero{min-height:90vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:var(--border-width) solid var(--ink);margin-bottom:4rem;position:relative}.hero-text h1{font-size:6rem;font-weight:900;line-height:.9;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:1rem;color:var(--accent-aqua);text-shadow:3px 3px 0 var(--ink);mix-blend-mode:normal}.hero-text h2{font-family:Permanent Marker,cursive;font-size:2rem;transform:rotate(-2deg);display:inline-block;background:var(--ink);color:var(--bg);padding:.5rem 1rem;margin-bottom:2rem}.hero-img{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.img-frame{width:400px;height:500px;background:#eee;border:var(--border-width) solid var(--ink);box-shadow:12px 12px 0 var(--ink);position:relative;overflow:hidden;filter:grayscale(100%) contrast(120%);transition:transform .3s ease}.img-frame:hover{transform:translate(-4px,-4px);box-shadow:16px 16px 0 var(--ink);filter:grayscale(0%)}.img-frame img{width:100%;height:100%;object-fit:cover;object-position:top center}.section-header{font-size:3rem;font-weight:900;text-transform:uppercase;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;color:var(--accent-aqua);text-shadow:2px 2px 0 var(--ink)}.section-header:after{content:"";flex-grow:1;height:var(--border-width);background:var(--ink)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:3rem;padding-bottom:4rem}.app-card{border:var(--border-width) solid var(--ink);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;background:#fff;position:relative;transition:all .2s cubic-bezier(.25,.46,.45,.94);top:0;left:0}.app-card:hover{transform:translate(-8px,-8px);box-shadow:12px 12px 0 var(--ink);z-index:10}.app-card.clickable{cursor:pointer}.app-icon{width:80px;height:80px;border-radius:18px;border:2px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 4px 10px #0000001a}.app-icon-with-image{border:none;box-shadow:none;background:transparent}.app-icon-image{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}.app-card.aqua{background:var(--accent-aqua)}.app-card.blue{background:#cbd5e1}.app-card.green{background:var(--accent-green)}.app-card.pink{background:var(--accent-pink)}.app-card.black{background:var(--accent-dark);color:#fff}.app-header{display:flex;align-items:center;gap:1rem}.app-info h3{font-size:1.5rem;font-weight:900;line-height:1;margin-bottom:.25rem}.app-info p{font-size:.75rem;font-weight:700;opacity:.8;text-transform:uppercase;letter-spacing:0}.external-link{margin-left:auto;width:32px;height:32px;background:var(--ink);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}.external-link-light{background:#fff}.tagline{font-family:Permanent Marker,cursive;font-size:1.1rem;line-height:1.3;flex-grow:1}.store-buttons{display:flex;gap:.5rem;margin-top:auto}.badge{flex:1;height:40px;background:var(--ink);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:.75rem;font-weight:700;border:1px solid var(--ink);transition:.1s}.app-card.black .badge,.badge-light{background:#fff;color:#000;border-color:#fff}.badge:hover{opacity:.8;transform:scale(.98)}.layout-split{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-bottom:6rem}.about-block{font-size:1.5rem;font-weight:400}.about-block p{margin-bottom:1.5rem}.highlight{background:var(--ink);color:var(--bg);padding:0 .4em;font-weight:700}.links-list{list-style:none;border-left:var(--border-width) solid var(--ink);padding-left:2rem}.links-list li{margin-bottom:1.5rem}.link-item{display:block;font-size:1.25rem;font-weight:900;text-decoration:none;color:var(--ink);text-transform:uppercase;position:relative}.link-item:before{content:"→";position:absolute;left:-2rem;opacity:0;transition:.2s}.link-item:hover:before{opacity:1;left:-1.5rem}.link-item-disabled{opacity:.55;cursor:default}.link-item-disabled:before{display:none}.misc-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border:var(--border-width) solid var(--ink);margin-bottom:4rem}.tool-item{padding:2rem;border:none;border-right:var(--border-width) solid var(--ink);text-align:center}.tool-item-button{width:100%;background:#e2e8f09e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-top:none;border-bottom:none;border-left:none;color:inherit;font:inherit;cursor:pointer;transition:background-color .2s ease}.tool-item-button:hover{background:#e2e8f0d1}.tool-item-button:focus-visible{outline:var(--border-width) solid var(--ink);outline-offset:-4px;background:#e2e8f0e0}.tool-item-content{transition:transform .2s ease}.tool-item-button:hover .tool-item-content,.tool-item-button:focus-visible .tool-item-content{transform:translateY(-3px)}.tool-item:last-child{border-right:none}.tool-item h4{font-family:Permanent Marker,cursive;font-size:1.25rem;margin-bottom:.5rem}.tool-modal-backdrop{position:fixed;inset:0;z-index:80;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1.5rem}.tool-modal{width:min(860px,100%);max-height:calc(100vh - 3rem);overflow:auto;background:var(--bg);border:var(--border-width) solid var(--ink);box-shadow:14px 14px 0 var(--ink)}.tool-modal-header{padding:1rem 1.25rem;border-bottom:var(--border-width) solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--accent-aqua)}.tool-modal-header h3{font-size:1.6rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}.tool-modal-close{width:42px;height:42px;border:var(--border-width) solid var(--ink);background:#fff;color:var(--ink);font-size:1.9rem;line-height:1;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease}.tool-modal-close:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.tool-modal-description{padding:1rem 1.25rem 0;font-family:Permanent Marker,cursive;font-size:1.06rem}.prompt-label{display:block;margin:1rem 1.25rem .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.prompt-textarea{display:block;width:calc(100% - 2.5rem);margin:0 1.25rem;min-height:340px;border:var(--border-width) solid var(--ink);border-radius:8px;padding:1rem;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.45;color:var(--ink);background:#f8fafc;resize:none}.tool-modal-actions{padding:1rem 1.25rem 1.25rem;display:flex;justify-content:flex-end}.prompt-copy-button{min-width:150px;height:44px;border:var(--border-width) solid var(--ink);background:#fff;color:var(--ink);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease}.prompt-copy-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.tool-modal-placeholder{margin:1rem 1.25rem 1.25rem;border:var(--border-width) solid var(--ink);background:#f1f5f9;padding:1rem;font-size:.95rem;font-weight:700}.page-footer{margin-top:4rem;padding:2rem 0;border-top:var(--border-width) solid var(--ink);display:flex;justify-content:space-between;font-weight:700}@media(max-width:1100px){.hero-text h1{font-size:4.8rem}}@media(max-width:900px){.container{padding:1.5rem}.hero{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-img{display:none}.layout-split{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr;gap:2rem}.misc-tools{grid-template-columns:1fr}.tool-item{border-right:none;border-bottom:var(--border-width) solid var(--ink)}.tool-item:last-child{border-bottom:none}}@media(max-width:540px){.hero-text h1{font-size:3.4rem}.hero-text h2{font-size:1.35rem}.section-header{font-size:2rem}.about-block{font-size:1.15rem}.page-footer{flex-direction:column;gap:.5rem}.tool-modal-backdrop{padding:1rem}.tool-modal-header h3{font-size:1.15rem}.prompt-textarea{min-height:280px;font-size:.87rem}}