@font-face{font-family:"Frame";src:url(../fonts/Crany_Frame.otf) format("opentype")}@font-face{font-family:"Hairline";src:url(../fonts/Cranny-Hairline.otf) format("opentype")}@font-face{font-family:"Up front";src:url(../fonts/Cranny-UpFront.ttf) format("truetype")}@font-face{font-family:"ParadigmShifts";src:url(../fonts/Cranny-ParadigmShifts.ttf) format("truetype")}@font-face{font-family:"Visionaries";src:url(../fonts/Cranny-Visionaries.ttf) format("truetype")}@font-face{font-family:"Blocks";src:url(../fonts/Cranny-Blocks.ttf) format("truetype")}*,*::before,*::after{box-sizing:border-box}html,body{padding:0;margin:0}#input-layer{position:fixed;width:100%;height:100%;z-index:99;top:0;left:0;padding:10px;display:flex;pointer-events:none}.floating-input{width:200px;height:100px;background-color:#000;border:1px solid #fff;pointer-events:all;color:#fff;font-size:monospace}#container{display:flex;width:100vw;height:100vh;overflow:hidden;flex-direction:row}#node-wrap{flex:1;position:relative;height:100vh}canvas{width:100%;height:100%;display:block}button.active{color:#2a2a2a}label{color:#fff}#full-title{position:fixed;top:0;left:0;width:180px;height:60px;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;gap:4px;background:#1e1e1e;border-right:1px solid #333;border-bottom:1px solid #333;color:hsla(0,0%,100%,.85);z-index:99}#full-title .title-row{display:flex;align-items:center;gap:3px;line-height:1}#full-title svg{height:18px;width:auto;color:hsla(0,0%,100%,.85);flex-shrink:0}#full-title .title-main{font-family:"Frame","Cranny Upfront",monospace;font-size:18px;margin-top:3px;letter-spacing:.02em}#full-title .title-sub{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-style:italic;font-size:10px;color:hsla(0,0%,100%,.5)}a{color:inherit}#preset-panel{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:29;transition:right .3s cubic-bezier(0.4, 0, 0.2, 1)}#preset-panel.sidebar-open{right:400px}#preset-panel.sidebar-open-wide{right:min(70vw,1100px)}.preset-apps{display:flex;flex-direction:column;gap:0;align-items:flex-end}#preset-toggle{position:fixed;bottom:20px;right:20px;z-index:21;width:48px;height:48px;border-radius:50%;border:1px solid hsla(0,0%,100%,.2);background:rgba(30,30,30,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:hsla(0,0%,100%,.7);font-size:10px;font-family:-apple-system,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}#preset-toggle:hover{background:rgba(50,50,50,.95);color:#fff;border-color:hsla(0,0%,100%,.35);transform:scale(1.05)}#preset-toggle.active{background:hsla(0,0%,100%,.12);color:#fff;border-color:hsla(0,0%,100%,.4)}#font-dl-btn{position:fixed;bottom:14px;right:136px;z-index:21;width:62px;height:62px;border-radius:8px;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:transform .25s ease;display:flex;align-items:center;justify-content:center;padding:0}#font-dl-btn img{width:100%;height:100%;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));transition:transform .25s ease}#font-dl-btn::before,#font-dl-btn::after{content:"";position:absolute;inset:0;background:url(../7950ca3566dfa347551d.png) center/contain no-repeat;border-radius:4px;opacity:0;transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1);filter:drop-shadow(0 1px 4px rgba(0, 0, 0, 0.3))}#font-dl-btn::before{z-index:1}#font-dl-btn::after{z-index:2}#font-dl-btn .tooltip{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.85);color:#fff;font-size:11px;font-family:-apple-system,sans-serif;padding:5px 10px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:10}#font-dl-btn:hover img{transform:rotate(4deg) translate(4px, -4px)}#font-dl-btn:hover::before{opacity:.7;transform:rotate(-6deg) translate(-6px, 3px)}#font-dl-btn:hover::after{opacity:.85;transform:rotate(-1deg) translate(-2px, 1px)}#font-dl-btn:hover .tooltip{opacity:1}#font-dl-btn:active{transform:scale(0.95)}#share-btn{position:fixed;bottom:20px;right:78px;z-index:21;width:48px;height:48px;border-radius:50%;border:1px solid hsla(0,0%,100%,.2);background:rgba(30,30,30,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:hsla(0,0%,100%,.7);font-size:10px;font-family:-apple-system,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}#share-btn:hover{background:rgba(50,50,50,.95);color:#fff;border-color:hsla(0,0%,100%,.35);transform:scale(1.05)}#share-btn.copied{background:rgba(78,158,255,.25);color:#fff;border-color:rgba(78,158,255,.5)}#preset-bar{position:fixed;bottom:80px;right:20px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:calc(100vw - 40px);transition:opacity .2s ease,transform .2s ease}#preset-bar.hidden{opacity:0;transform:translateY(10px);pointer-events:none}#article-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:28;opacity:0;pointer-events:none;transition:opacity .3s ease}#article-overlay.active{opacity:1;pointer-events:auto}#article-sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background:rgba(18,18,18,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid #333;z-index:30;transform:translateX(100%);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#article-sidebar.open{transform:translateX(0)}.article-sidebar-header{display:flex;flex-wrap:wrap;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #333;gap:4px;position:relative}.article-sidebar-title{font-family:"Frame",monospace;font-size:24px;color:#fff;letter-spacing:.05em;-webkit-text-stroke:.5px #fff;width:100%}.article-sidebar-tagline{width:100%;font-family:"Space Grotesk",sans-serif;font-size:12px;color:#fff;line-height:1.4;margin:0}#article-sidebar-close{position:absolute;top:16px;right:20px;background:none;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}#article-sidebar-close:hover{color:#fff}.article-sidebar-content{flex:1;overflow-y:auto;padding:12px 0}.article-sidebar-content::-webkit-scrollbar{width:4px}.article-sidebar-content::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.article-cat{display:none}.article-cat.active{display:block}.article-cat-heading{display:none}#header-builder-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:29;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#header-builder-backdrop.open{opacity:1;pointer-events:auto}#header-builder-panel{position:fixed;top:0;left:100px;right:0;height:100vh;background:#0d0d0d;border-left:1px solid hsla(0,0%,100%,.08);z-index:30;transform:translateX(100%);transition:transform .4s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.6)}#header-builder-panel.open{transform:translateX(0)}.header-builder-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.02);position:relative}.header-builder-header .article-sidebar-title{font-family:"Frame",-apple-system,sans-serif;font-size:16px;letter-spacing:.04em;color:hsla(0,0%,100%,.85)}#header-builder-close{width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .15s ease}#header-builder-close:hover{background:hsla(0,0%,100%,.12);color:#fff;border-color:hsla(0,0%,100%,.2)}#header-builder-iframe{flex:1;width:100%;border:none;background:#0d0d0d}.header-builder-tab{background:linear-gradient(180deg, #2a2a2a 0%, #444 100%) !important;color:#fff !important}.article-link{display:block;padding:10px 20px;color:hsla(0,0%,100%,.7);text-decoration:none;font-size:13px;line-height:1.4;transition:all .15s;border-left:2px solid rgba(0,0,0,0)}.article-link:hover{background:hsla(0,0%,100%,.04);color:#fff;border-left-color:hsla(0,0%,100%,.3)}.article-card{display:block;margin:8px 12px;border-radius:8px;overflow:hidden;text-decoration:none;background:hsla(0,0%,100%,.04);transition:background .15s,transform .15s}.article-card:hover{background:hsla(0,0%,100%,.08);transform:translateY(-1px)}.article-signature-wrap{padding:16px 20px;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle, #313131 0.8px, #232323 0.9px);background-size:12px 12px;border-radius:8px 8px 0 0;position:relative;overflow:hidden}.article-portrait{position:absolute;right:0;bottom:0;height:100%;width:auto;object-fit:cover;opacity:.9;mask-image:linear-gradient(to right, transparent 0%, black 40%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black 40%)}.article-signature-img{width:100%;height:48px;opacity:.85;transition:opacity .15s;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center}.article-card:hover .article-signature-img{opacity:1}.article-thumb-wrap{width:100%;border-radius:8px 8px 0 0;overflow:hidden}.article-thumb-img{width:100%;height:auto;display:block}.article-hero-wrap{width:360px;height:225px;overflow:hidden;border-radius:8px 8px 0 0;position:relative;margin:0 auto}.article-hero-iframe{width:1200px;height:750px;border:none;transform-origin:0 0;transform:scale(0.3);position:absolute;top:0;left:0}.blocks-slide-wrap{width:100%;aspect-ratio:1/1;border-radius:8px 8px 0 0;overflow:hidden;position:relative}.blocks-effect-text{position:absolute;top:0;left:0;width:100%;height:27%;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.blocks-text-canvas{display:none}.blocks-ani-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.blocks-slide-img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);padding:12px;background:inherit;transition:transform .7s cubic-bezier(0.34, 1.56, 0.64, 1),top .6s cubic-bezier(0.34, 1.2, 0.64, 1)}.blocks-slide-img:hover{transform:translateY(-8px) rotate(0deg) !important;transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1),top .6s cubic-bezier(0.34, 1.2, 0.64, 1)}.blocks-slide-img.fall-off{transform:translateY(140%) rotate(5deg) !important;transition:transform .65s cubic-bezier(0.55, 0, 1, 0.45)}.blocks-slide-img.no-transition{transition:none !important}.blocks-slide-img.slide-in-left{transform:translateX(-140%) rotate(-8deg) !important}.blocks-slide-img.slide-in-right{transform:translateX(140%) rotate(8deg) !important}.article-card-meta{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.article-card-date{font-size:10px;color:hsla(0,0%,100%,.35);font-variant-numeric:tabular-nums}.article-card-title{font-size:12px;color:hsla(0,0%,100%,.75);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preset-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.preset-row--articles{gap:8px;margin-bottom:4px}.preset-sep{width:1px;height:24px;background:hsla(0,0%,100%,.15);flex-shrink:0}.preset-btn{padding:6px 12px;border:1px solid hsla(0,0%,100%,.15);border-radius:6px;background:rgba(30,30,30,.85);color:hsla(0,0%,100%,.6);font-size:11px;font-family:-apple-system,sans-serif;cursor:pointer;transition:all .15s ease;white-space:nowrap;backdrop-filter:blur(8px)}.preset-btn:hover{background:rgba(50,50,50,.9);color:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.3)}.preset-btn.active{background:hsla(0,0%,100%,.12);color:#fff;border-color:hsla(0,0%,100%,.35)}.preset-btn--article{font-size:11px;font-weight:600;padding:6px 10px;border:none !important;backdrop-filter:none;color:rgba(0,0,0,.7) !important;flex:1;min-width:60px;text-align:center;border-radius:6px;transition:transform .15s ease !important}.preset-btn--article:hover{transform:scale(1.06);background:none !important}.preset-btn--article.blocks:hover{background:linear-gradient(180deg, #FFC7E3 0%, #FFE6D0 100%) !important}.preset-btn--article.up-front:hover{background:linear-gradient(180deg, #D4D4FF 0%, #A7ABFF 50%, #7AB0FF 100%) !important}.preset-btn--article.visionaries:hover{background-color:#d3a3ff !important}.preset-btn--article.paradigm-shifts:hover{background:linear-gradient(180deg, #FF3D15 0%, #FF8F66 100%) !important}.preset-btn--article.active{outline:2px solid rgba(0,0,0,.25)}.preset-btn.lucky{background:linear-gradient(135deg, rgba(78, 158, 255, 0.2), rgba(200, 78, 255, 0.2));border-color:rgba(150,120,255,.3)}.preset-btn.lucky:hover{background:linear-gradient(135deg, rgba(78, 158, 255, 0.35), rgba(200, 78, 255, 0.35));border-color:rgba(150,120,255,.5)}.app{width:44px;height:120px;padding:20px 0;border-radius:10px 0 0 10px;margin-right:-20px;padding-right:20px;background-color:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:16px;font-weight:100;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease;writing-mode:vertical-lr;text-orientation:mixed;white-space:nowrap;color:rgba(0,0,0,.7);border-right:none;margin-top:-16px;box-shadow:-2px 0 6px rgba(0,0,0,.15)}.app:first-child{margin-top:0}.app:hover{transform:translateX(-8px);color:rgba(0,0,0,.9);z-index:2}.app.active{transform:translateX(-8px);color:rgba(0,0,0,.9);z-index:2}.app span{position:relative;z-index:3}.blocks{font-family:"Blocks","Frame",sans-serif;background:linear-gradient(180deg, #FFC7E3 0%, #FFE6D0 100%)}.up-front{font-family:"Up front","Frame",sans-serif;background:linear-gradient(180deg, #D4D4FF 0%, #A7ABFF 50%, #7AB0FF 100%)}.paradigm-shifts{font-family:"ParadigmShifts","Frame",sans-serif;background:linear-gradient(180deg, #FF3D15 0%, #FF8F66 100%)}.visionaries{font-family:"Visionaries","Frame",sans-serif;background-color:#d3a3ff}#node-sidebar{width:180px;min-width:180px;background:#1e1e1e;border-right:1px solid #333;overflow-y:auto;padding:60px 0 12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;color:#ccc;z-index:10;display:none}@media(min-width: 800px){#node-sidebar{display:block}}#node-sidebar::-webkit-scrollbar{width:4px}#node-sidebar::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.sidebar-tabs{display:flex;border-bottom:1px solid #333;margin-bottom:8px}.sidebar-tab{flex:1;padding:8px 0;background:none;border:none;color:#666;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:all .15s ease;border-bottom:2px solid rgba(0,0,0,0)}.sidebar-tab.active{color:#ccc;border-bottom-color:hsla(0,0%,100%,.4)}.sidebar-tab:hover:not(.active){color:#999}.sidebar-preset-grid{display:flex;flex-wrap:wrap;gap:4px;padding:4px 10px 8px}.sidebar-section{margin-bottom:8px}.sidebar-heading{padding:6px 14px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#666;cursor:pointer}.sidebar-heading::before{content:"▾";display:inline-block;margin-right:4px;transition:transform .2s ease}.collapsed .sidebar-heading::before{transform:rotate(-90deg)}.sidebar-section.collapsed .sidebar-node{display:none}.sidebar-node{padding:6px 14px;cursor:grab;display:flex;align-items:center;gap:8px;transition:background .1s;user-select:none}.sidebar-node:hover{background:#2a2a2a}.sidebar-node:active{cursor:grabbing;background:#333}.node-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bindable-slider.bound{box-shadow:0 0 6px 2px rgba(0,255,0,.5);border-radius:4px}

/*# sourceMappingURL=styles.min.css.map*/