@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap);@font-face{font-family:webflow-icons;font-style:normal;font-weight:400;src:url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--black:#0b0e10;--blue:#373cf1;--red:#fb6514;--green:#16aa63;--yellow:#dfae29;--text-secondary:#0f0f0e80;--attention:#c78f1f;--card-bg:#fff;--card-bg-hover:#fafafa;--text-color:#171717;--text-color-secondary:#292524;--text-color-tertiary:#a3a3a3;--faded-black:#1b1b18cc;--border-color:#e8e7e0;--hover-neutral:#eae9e3;--navbar-shadow:#0000000d;--icon-muted:#aeaeb4;--tooltip-bg:#333;--work-hover-bg:#f5fff3;--background-color:#f6f4f0;--book-reading-bg:#fefef2;--book-read-bg:#f2faff;--book-hover-shadow:0 18px 36px #0f172a1f;--magnet-line-color:#0f172aa6;--status-yellow-bg:#dfae29;--status-yellow-text:#fff;--status-archived-bg:#c78f1f;--status-archived-text:#fff}body.light-theme{--white:#fff;--black:#0b0e10;--blue:#373cf1;--red:#fb6514;--green:#16aa63;--yellow:#dfae29;--text-secondary:#0f0f0e80;--attention:#c78f1f;--card-bg:#fff;--card-bg-hover:#fafafa;--text-color:#171717;--text-color-secondary:#292524;--text-color-tertiary:#a3a3a3;--faded-black:#1b1b18cc;--border-color:#e8e7e0;--hover-neutral:#eae9e3;--navbar-shadow:#0000000d;--icon-muted:#aeaeb4;--tooltip-bg:#333;--work-hover-bg:#f5fff3;--background-color:#f6f4f0;--book-reading-bg:#fefef2;--book-read-bg:#f2faff;--book-hover-shadow:0 18px 36px #0f172a1f;--magnet-line-color:#0f172aa6;--status-yellow-bg:#e0a300;--status-yellow-text:#fff;--status-archived-bg:#c78f1f;--status-archived-text:#fff}body.dark-theme{--white:#f9fafb;--black:#f7fafc;--blue:#6366f1;--red:#fb6514;--green:#22c55e;--yellow:#f59e0b;--text-secondary:#cbd5e18c;--attention:#facc15;--card-bg:#111827;--card-bg-hover:#1a2233;--text-color:#e2e8f0;--text-color-secondary:#cbd5e1d9;--text-color-tertiary:#94a3b8bf;--faded-black:#e2e8f0d9;--border-color:#64748b73;--hover-neutral:#94a3b829;--navbar-shadow:#02061799;--icon-muted:#9ba7c7;--tooltip-bg:#0f172aeb;--work-hover-bg:#6366f114;--background-color:#0b1120;--book-reading-bg:#eab30824;--book-read-bg:#3b82f624;--book-hover-shadow:0 18px 40px #0206178c;--magnet-line-color:#94a3b873;--status-yellow-bg:#d97706;--status-yellow-text:#fff;--status-archived-bg:#b45309;--status-archived-text:#fff}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background-color:#f6f4f0;background-color:var(--background-color);color:#171717;color:var(--text-color);font-family:Quicksand,serif;font-optical-sizing:auto;font-size:min(6vw,24px);font-weight:500;letter-spacing:1px;line-height:1.5;position:relative}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.main{overflow-x:hidden;position:relative}a{color:#fff;color:var(--white);text-decoration:none}.container{margin:10px auto;max-width:370px;overflow:hidden;padding:10px;width:100%}.container,.header{position:relative}.header .animation-distortion{display:flex;justify-content:center;margin-top:-200px;transform:rotate(180deg)}.header .animation-distortion:hover{cursor:pointer}.header img{border-radius:6px;height:500px;margin-bottom:20px;object-fit:cover;width:100%}.header .heading{color:#171717;color:var(--text-color);font-family:Barlow Condensed,serif;font-size:36px;font-style:normal;font-variation-settings:"wght" 250;font-weight:500;letter-spacing:2px;letter-spacing:normal;line-height:100%}.header .sub-heading{align-items:center;color:#373cf1;color:var(--blue);display:flex;font-family:PT Mono,monospace;font-size:15px;font-weight:500;gap:5px;margin-top:8px}.header .about{background-color:#fff;background-color:var(--card-bg);border-radius:4px;color:#292524;color:var(--text-color-secondary);font-size:15px;margin-top:32px;padding:16px}.section-title{color:#171717;color:var(--text-color);font-family:Barlow Condensed,serif;font-size:24px;font-variation-settings:"wght" 400;font-weight:500;letter-spacing:normal;line-height:150%;margin-top:30px}.now .now-list{color:#292524;color:var(--text-color-secondary);font-size:15px;margin-left:16px}.now .now-item-url{color:#dfae29;color:var(--yellow);opacity:.8;transition:all .3s ease}.now .now-item-url:hover{opacity:1}.now .list-wrapper{position:relative}.now .list-wrapper #bird{height:24px;position:absolute;right:20px;top:-23px;transform:scaleX(-1);width:24px;z-index:1}.list-wrapper{background-color:#fff;background-color:var(--card-bg);border-radius:4px;margin-top:4px;padding:16px}.projects .projects-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:4px}.projects .projects-list .status{align-items:center;border-radius:12px;color:#fff;color:var(--white);display:flex;font-size:12px;font-weight:800;height:20px;justify-content:center;padding:8px}.projects .projects-list .status.paused{background-color:#dfae29;background-color:var(--status-yellow-bg);color:#fff;color:var(--status-yellow-text)}.projects .projects-list .status.live{background-color:#373cf1;background-color:var(--blue)}.projects .projects-list .status.building,.projects .projects-list .status.completed{background-color:#16aa63;background-color:var(--green)}.projects .projects-list .status.archived{background-color:#c78f1f;background-color:var(--status-archived-bg);color:#fff;color:var(--status-archived-text)}.projects .projects-list .info{width:100%}.projects .projects-list .info .header{display:flex;justify-content:space-between;width:100%}.projects .projects-list .info .title{color:#171717;color:var(--text-color);font-size:16px;font-weight:600;letter-spacing:normal}.projects .projects-list .info a:hover{cursor:pointer;opacity:.9}.projects .projects-list .info .description{color:#292524;color:var(--text-color-secondary);font-size:15px;margin-top:12px}.projects .projects-list .info img{border-radius:8px;height:120px;margin-top:16px;width:100%}.projects .project{background-color:#fff;background-color:var(--card-bg);border-radius:4px;margin-top:8px;padding:16px}.projects .project:first-of-type{margin-top:0}.projects .project:hover{background-color:#fafafa;background-color:var(--card-bg-hover);cursor:pointer;transition:background-color .3s ease}.social{align-items:center;display:flex;font-size:15px;justify-content:space-between;margin-top:40px}.social .social-item{position:relative}.social .social-item:first-of-type .tooltip-text{left:calc(50% + 16px)}.social .social-item:hover{cursor:pointer}.social .social-item:hover .tooltip-text{display:block}.social .tooltip-text{background-color:#333;background-color:var(--tooltip-bg);border-radius:4px;bottom:calc(100% + 8px);color:#fff;color:var(--white);display:none;font-size:12px;font-weight:600;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.social .section-emoji{flex:1 1;font-size:20px;text-align:end}.social ul{display:flex;flex-wrap:wrap;gap:12px;list-style-type:none;margin-top:16px}.social li a{color:var(--color);transition:all .3s ease}.social li a:hover svg{fill:#373cf1;transition:all .3s ease}.social svg{fill:#aeaeb4;fill:var(--icon-muted);height:20px;width:20px}.social li a:hover{cursor:pointer}.divider{text-align:center}.books-section{display:flex;flex-direction:column;margin-top:16px}.books-section .section-title{font-size:40px;margin-bottom:8px}.books-section .books-list{display:flex;flex-wrap:wrap;gap:8px}.books-section .books-list .book{background-color:#fff;background-color:var(--card-bg);border:1px solid #e8e7e0;border:1px solid var(--border-color);border-radius:6px;display:flex;flex:1 0 40%;flex-direction:column;gap:8px;height:330px;justify-content:space-between;max-width:171px;padding:12px;position:relative;transition:all .3s ease;width:200px}.books-section .books-list .book.reading{background-color:#fefef2;background-color:var(--book-reading-bg)}.books-section .books-list .book.read{background-color:#f2faff;background-color:var(--book-read-bg)}.books-section .books-list .book .book-status{color:#a3a3a3;color:var(--text-color-tertiary);font-size:12px;font-weight:600;position:absolute;top:12px}.books-section .books-list .book:hover{background-color:#fafafa;background-color:var(--card-bg-hover);box-shadow:0 18px 36px #0f172a1f;box-shadow:var(--book-hover-shadow);cursor:pointer;transform:translateY(-4px)}.books-section .books-list .book:hover img{cursor:pointer;transform:translateY(30px);transition:transform .3s ease}.books-section .books-list .book img{border-radius:4px;cursor:pointer;height:235px;transform:translateY(0);transition:transform .3s ease;width:100%;z-index:3}.books-section .books-list .book .book-title{color:#171717;color:var(--text-color);font-size:14px}.books-section .books-list .book .book-author{color:#292524;color:var(--text-color-secondary);font-size:12px;font-weight:600;margin-top:8px}.books-section .books-carousal{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.books-section .books-carousal span{align-items:center;border-radius:999px;color:#171717;color:var(--text-color);display:flex;height:24px;justify-content:center;transition:opacity .3s ease,background-color .2s ease,color .2s ease;width:24px}.books-section .books-carousal span:hover{background-color:#eae9e3;background-color:var(--hover-neutral);cursor:pointer;opacity:.8}.books-section .books-carousal svg{fill:currentColor;stroke:currentColor;height:100%;width:100%}.bookmarks-section .section-title{font-size:40px;margin-bottom:8px}.bookmarks-section .bookmarks-list{display:flex;flex-direction:column;gap:8px}.bookmarks-section .bookmarks-list .bookmark{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e8e7e0;border:1px solid var(--border-color);border-radius:4px;color:#171717;color:var(--text-color);display:flex;font-size:14px;height:40px;justify-content:space-between;padding:0 12px;width:100%}.bookmarks-section .bookmarks-list .bookmark a{color:#171717;color:var(--text-color)}.bookmarks-section .bookmarks-list .bookmark:hover{background-color:#fafafa;background-color:var(--card-bg-hover);cursor:pointer;transition:background-color .3s ease}.bookmarks-section .bookmarks-list .bookmark:hover svg{transform:rotate(-10deg);transition:transform .8s ease}.bookmarks-section .bookmarks-list .bookmark:first-of-type a{color:#373cf1;color:var(--blue)}.bookmarks-section .bookmarks-list .bookmark:first-of-type svg{color:#373cf1;color:var(--blue);transition:color .3s ease}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(4n) a{color:#fb6514;color:var(--red)}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(4n) svg{color:#fb6514;color:var(--red);transition:color .3s ease}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(3n) a{color:#16aa63;color:var(--green)}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(3n) svg{color:#16aa63;color:var(--green);transition:color .3s ease}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(5n) a{color:#373cf1;color:var(--blue)}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(5n) svg{color:#373cf1;color:var(--blue);transition:color .3s ease}.bookmarks-section .bookmarks-list .bookmark:last-of-type a{color:#fb6514;color:var(--red)}.bookmarks-section .bookmarks-list .bookmark:last-of-type svg{color:#fb6514;color:var(--red);transition:color .3s ease}.wave{align-items:center;display:flex;justify-content:center;margin-bottom:-20px;margin-top:20px;width:100%}.wave svg{height:20px;width:90px}.wave path{stroke:#373cf1;stroke:var(--blue);stroke-width:2px;stroke-linecap:round;fill:none}.navbar{background-color:#fff;background-color:var(--card-bg);border:1px solid #e8e7e0;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000000d;box-shadow:0 2px 4px var(--navbar-shadow);font-size:14px;gap:8px;justify-content:space-between;margin-bottom:30px;margin-top:20px;min-height:32px;padding:8px}.navbar,.navbar-links{align-items:center;display:flex}.navbar-links{flex:1 1;gap:4px}.navbar-item a{border-radius:4px;color:#171717;color:var(--text-color);padding:4px 12px;transition:background-color .2s ease,color .2s ease}.navbar-item a:hover{cursor:pointer}.navbar-item a:hover,.navbar-item.active a{background-color:#eae9e3;background-color:var(--hover-neutral)}.theme-toggle{align-items:center;background-color:#0000;border:1px solid #e8e7e0;border:1px solid var(--border-color);border-radius:4px;color:#171717;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;min-height:16px;min-width:36px;padding:4px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.theme-toggle:hover{background-color:#eae9e3;background-color:var(--hover-neutral)}.theme-toggle:focus-visible{outline:2px solid #373cf1;outline:2px solid var(--blue);outline-offset:2px}.theme-toggle-icon{height:16px;width:16px}.magnetLines-container{align-items:center;background-color:#fff;background-color:var(--card-bg);border:1px solid #e8e7e0;border:1px solid var(--border-color);border-radius:4px;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);height:400px;justify-items:center;margin-bottom:16px;padding:10px;width:344px}.magnetLines-container span{display:block;transform:rotate(var(--rotate));transform-origin:center;will-change:transform}.list-wrapper.work-list{padding:8px}.list-wrapper.work-list,.work-section{display:flex;flex-direction:column;gap:4px}.work-section{justify-content:space-between;margin-top:16px}.work-section .work{background-color:#fafafa;background-color:var(--card-bg-hover);border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;padding:8px}.work-section .work.expanded .redirect-link svg{transform:rotate(90deg);transition:transform .3s ease}.work-section .work .work-header{display:flex;justify-content:space-between;width:100%}.work-section .work .work-content{display:flex;flex-direction:column;font-size:12px;gap:4px;margin-top:24px}.work-section .work .work-content svg{fill:#171717;fill:var(--text-color);height:16px;min-width:16px;width:16px}.work-section .work:hover{background-color:#f5fff3;background-color:var(--work-hover-bg);cursor:pointer;transition:background-color .3s ease}.work-section .work img{height:20px;width:auto}.work-section .work .info{display:flex;flex-direction:column;gap:8px;margin-left:8px}.work-section .work .info>div{color:#0b0e10;color:var(--black);display:flex;font-size:15px;justify-content:flex-end}.work-section .work .subtitle{color:#a3a3a3;color:var(--text-color-tertiary);font-size:12px;font-weight:600}.work-section .work .redirect-link{align-items:center;color:#373cf1;color:var(--blue);display:flex;font-size:12px;font-weight:600;gap:4px}.work-section .work .redirect-link path{fill:#373cf1;fill:var(--blue)}.work-section .work .redirect-link svg{height:16px;transition:transform .3s ease;width:16px}.work-section .list-item{align-items:flex-start;color:#0b0e10;color:var(--black);display:flex;gap:6px}.work-section .list-links{color:#373cf1;color:var(--blue)}
/*# sourceMappingURL=main.fa19c167.css.map*/