*{margin:0;padding:0;box-sizing:border-box}.chip-btn,.flower-menu-close,.flower-network,.navigation,.projects-drawer,button{-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}a,a *{-webkit-touch-callout:default}a,a *,h1,h2,h3,li,p,span{-moz-user-select:text;user-select:text;-webkit-user-select:text}body{background-color:#feffed;background-image:linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:24px 24px;font-family:monospace}.mobile-back-btn{display:none}@media (max-width:640px){.flower-network,.image-box,.navigation,.projects-drawer{display:none!important}html{overflow-x:hidden;width:100%}body{padding-top:16px}.main-content,body{overflow-x:hidden;overflow-y:auto;width:100%;max-width:100vw}.main-content{-webkit-overflow-scrolling:touch}body,html{height:100%;width:100%;position:relative}.mobile-wrap{padding:12px 0 18px}.mobile-header{text-align:center;padding:12px 0}.mobile-title{font-family:var(--font-code,"Fira Code",monospace);font-size:3rem;font-weight:400;color:#e2e2f9}.mobile-categories{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));grid-auto-rows:1fr;grid-gap:14px;gap:14px;justify-items:center;padding:.75rem 1rem .5rem;max-width:480px;margin:0 auto}.chip-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;border-radius:18px;border:2px solid rgba(0,0,0,.06);background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.06);text-transform:lowercase;font:800 1rem/1 var(--font-body,"Space Grotesk",system-ui,sans-serif);transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.chip-btn img{width:36px;height:36px;margin-bottom:8px;background:transparent!important;display:block}.chip-btn:is(:hover,.is-active){transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.1)}.chip-btn[data-cat=code]{border-color:var(--code-color)}.chip-btn[data-cat=design]{border-color:var(--design-color)}.chip-btn[data-cat=electronics]{border-color:var(--electronics-color)}.chip-btn[data-cat=craft]{border-color:var(--craft-color)}.chip-btn[data-cat=text]{border-color:var(--text-color)}.flower-mobile-tile{display:flex;flex-direction:column;align-items:center;justify-content:center}.flower-mobile-tile img{width:90px;height:90px;margin:0}.flower-mobile-tile.is-disabled{opacity:.55;pointer-events:none}.flower-menu{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:var(--spacing-sm);background:#fff;padding:var(--spacing-md);border-radius:20px;box-shadow:var(--box-shadow);z-index:30;animation:popIn .25s ease}.flower-menu a{font-family:var(--font-display);font-size:1.1rem;text-align:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;background:#f8f5ff;border:1.5px solid #c2b5ff;color:#4a2e80;text-decoration:none;transition:background var(--transition-ease),color var(--transition-ease)}.flower-menu a:focus,.flower-menu a:hover{background:#e9e2ff;color:#2a155d}.flower-menu-close{position:absolute;top:6px;right:8px;background:#fff;border:1.5px solid #ddd;border-radius:50%;width:26px;height:26px;font-size:16px;font-weight:700;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.flower-menu-close:hover{background:#f3f3f3}@keyframes popIn{0%{opacity:0;transform:translateX(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) scale(1)}}.mobile-links{padding:.25rem .9rem 1rem}.mobile-section-title{font-family:var(--font-code,"Fira Code",monospace);font-size:1.1rem;text-transform:lowercase;margin:.25rem 0 .6rem;color:#111}.mobile-list{margin:0!important;padding:0!important;display:grid!important;grid-row-gap:10px!important;row-gap:10px!important}.mobile-list,.mobile-list>li{list-style:none!important}.mobile-row{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;grid-gap:8px!important;gap:8px!important;padding:10px!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:14px!important;box-shadow:0 1px 0 rgba(0,0,0,.04)!important;position:relative!important;overflow:hidden!important}.mobile-row:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:14px 0 0 14px;background:var(--accent,#eee)}.mobile-row[data-cat=code]{--accent:var(--code-color)}.mobile-row[data-cat=design]{--accent:var(--design-color)}.mobile-row[data-cat=electronics]{--accent:var(--electronics-color)}.mobile-row[data-cat=craft]{--accent:var(--craft-color)}.mobile-row[data-cat=text]{--accent:var(--text-color)}.row-main{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:0!important;overflow:hidden!important}.row-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;background:transparent!important;flex-shrink:0}.row-title{font-weight:800;font-size:.98rem;color:#111;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.row-actions{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.row-actions .link-btn{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .7rem;font-size:.88rem;line-height:1;border-radius:999px;border:1px solid var(--btn-border,transparent);background:var(--btn-bg,#eee);box-shadow:0 1px 0 rgba(0,0,0,.05);white-space:nowrap}.row-actions .link-btn,.row-actions .link-btn:visited{color:var(--btn-fg,#111)}.row-actions .link-btn.archive{--btn-bg:color-mix(in oklab,#000 9%,#fff 91%);--btn-fg:#111;--btn-border:rgba(0,0,0,.08)}.row-actions .link-btn.itp{--btn-bg:#e6e6fa;--btn-fg:#000}.row-actions .link-btn.electrocute{--btn-bg:var(--soft-pink);--btn-fg:#000}.mobile-blog-shortcuts{display:flex;flex-wrap:wrap;gap:10px;padding:0 1rem 1rem}.mobile-blog-shortcuts .link-btn{--btn-bg:#fff;--btn-fg:#111;--btn-border:rgba(0,0,0,.1);min-height:44px;padding:.62rem .95rem;border-radius:999px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-weight:800;font-size:.98rem;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.mobile-blog-shortcuts .link-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.08)}.mobile-blog-shortcuts .link-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.mobile-blog-shortcuts .electrocute{--btn-bg:var(--soft-pink);--btn-fg:#000}.mobile-blog-shortcuts .itp{--btn-bg:#e6e6fa;--btn-fg:#000}.mobile-blog-shortcuts .archive{flex:1 1 100%;justify-content:space-between;--btn-bg:color-mix(in oklab,#000 8%,#fff 92%);--btn-border:rgba(0,0,0,.12);font-size:1rem;padding:.72rem 1.05rem}.mobile-blog-shortcuts .electrocute:before{content:"✿";margin-right:.5rem}.mobile-blog-shortcuts .itp:before{content:"★";margin-right:.5rem}.mobile-blog-shortcuts .archive:after{content:"→";margin-left:.35rem;font-weight:800}.archive{padding:16px;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.archive,.archive-header{position:relative!important}.archive-header{top:auto!important;left:auto!important;margin-bottom:var(--spacing-md)}.archive-controls{position:relative!important}.archive-grid,.archive-list{position:relative;z-index:1}.view-toggle{display:none!important}.posts-container{display:grid!important;grid-template-columns:1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}.back-button{position:relative!important;top:auto!important;z-index:10000;pointer-events:auto;display:inline-block;background:var(--craft-color);color:#000;border:none;border-radius:30px;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:.9rem;font-weight:600;box-shadow:var(--box-shadow);cursor:pointer;margin-bottom:var(--spacing-md)}.back-button:hover{opacity:.8}.all-projects,.all-projects-link,a[href="/projects-all"],button[data-role=all-projects]{display:none!important}.about-page{padding:16px;min-height:100vh;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;pointer-events:auto;width:100%;max-width:100vw}.about-hero{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;align-items:center}.avatar-container{display:flex;justify-content:center;margin-bottom:12px}.avatar{width:min(76vw,300px);height:auto;object-fit:contain;border-radius:10%}.bio-content{padding:0 12px;max-width:100%;width:100%;box-sizing:border-box;position:relative;z-index:2;pointer-events:auto;overflow-x:hidden}.about-page h1{font-size:2.5rem;margin-bottom:1rem;text-align:center}.about-page p{font-size:1rem;line-height:1.6;margin-bottom:1.2rem;color:#333}.bio-window{background:#fff!important;background-image:none!important;border-radius:12px;padding:1.5rem;margin-top:2rem;box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;z-index:2;pointer-events:auto;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.bio-window__content h2{font-size:1.3rem;margin-bottom:.8rem;margin-top:1.5rem;color:#9d87eb!important;word-wrap:break-word;overflow-wrap:break-word}.bio-window__content h2:first-child{margin-top:0}.bio-window__content p{margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word}.about-page:after{content:"";display:block;height:2rem}.mobile-back-btn{position:relative!important;top:auto!important;left:auto!important;z-index:1000;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e6e6fa;color:#000;border:none;border-radius:50%;font-size:1.2rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;margin-bottom:1rem;-webkit-tap-highlight-color:transparent;pointer-events:auto}.mobile-back-btn:hover{opacity:.8;transform:scale(1.05)}.typewriter{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.flower-image{width:18px;height:18px}.about-page .bio-content a,.about-page .bio-window__content a{color:#9d87eb;text-decoration:none;font-weight:600;pointer-events:auto;position:relative;z-index:10;display:inline;touch-action:manipulation;-webkit-tap-highlight-color:rgba(157,135,235,.3)}.about-page .bio-content a:hover,.about-page .bio-window__content a:hover{color:#917fd2}.about-page .bio-content a:active,.about-page .bio-window__content a:active{opacity:.85}.about-page .bio-content a:visited,.about-page .bio-window__content a:visited{color:#866fe0}@media (max-width:360px){.mobile-categories{grid-template-columns:1fr;gap:12px}.mobile-blog-shortcuts{gap:8px}.mobile-blog-shortcuts .link-btn{width:100%;justify-content:center}}}@media (max-width:768px){.line-box,.line-box .box-text,.line-box a{color:#000!important;text-decoration:none!important}.line-box a:hover .box-text{color:#000!important;text-decoration:underline}html.home-locked .page-container{height:auto!important;display:block!important}html.home-locked .main-section.fixed,html.home-locked .page-container{position:static!important;inset:auto!important;overflow:visible!important}html.home-locked .flower-network{width:var(--net-size);height:var(--net-size);margin-bottom:clamp(40px,10vh,120px)}}.mobile-row .row-actions .link-btn{--btn-bg:color-mix(in oklab,var(--accent) 88%,#fff 12%);--btn-fg:#000;--btn-border:color-mix(in oklab,var(--accent) 45%,#0000)}.mobile-row .row-actions .link-btn:hover{background:color-mix(in oklab,var(--accent) 100%,#fff 0%);border-color:color-mix(in oklab,var(--accent) 60%,#0000)}