:root{--font-heading: "Courier New", Courier, monospace;--font-body: "Courier New", Courier, monospace;--bg-primary: #ffffff;--bg-secondary: #fafafa;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--color-border: #000000;--color-accent: #000000;--color-folder-bg: #ffffff;--color-folder-hover: #f5f5f5;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-hover: none;--transition-smooth: all .2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}.app-container{max-width:1200px;margin:0 auto;padding:4rem 2rem 8rem;display:flex;flex-direction:column;align-items:center}.header{margin-bottom:5rem;text-align:center;width:100%}.logo-unk{font-family:var(--font-heading);font-size:5.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-accent);line-height:1;margin-bottom:.5rem;display:inline-block;-webkit-user-select:none;user-select:none}.section{width:100%;max-width:1000px;margin-bottom:5rem}.section-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:2.5rem;text-align:center;position:relative}.folders-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%}@media (max-width: 1024px){.folders-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.folders-grid{grid-template-columns:1fr;gap:1.5rem}}.folder-card{background-color:#fff;border:none;border-radius:0;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit;cursor:pointer;transition:var(--transition-smooth);position:relative;background-image:linear-gradient(to right,#000000 12px,transparent 12px),linear-gradient(to bottom,#000000 12px,transparent 12px),linear-gradient(to left,#000000 12px,transparent 12px),linear-gradient(to bottom,#000000 12px,transparent 12px),linear-gradient(to right,#000000 12px,transparent 12px),linear-gradient(to top,#000000 12px,transparent 12px),linear-gradient(to left,#000000 12px,transparent 12px),linear-gradient(to top,#000000 12px,transparent 12px);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px;background-repeat:no-repeat}.folder-card:hover{transform:translateY(-4px);background-color:#f5f5f5}.folder-icon-wrapper{margin-bottom:1.5rem;color:var(--color-accent);transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center}.folder-card:hover .folder-icon-wrapper{transform:scale(1.1) rotate(-3deg)}.folder-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:.35rem}.project-badge{position:absolute;top:0;right:0;width:55px;height:55px;clip-path:polygon(100% 0,0 0,100% 100%);z-index:10}.project-badge span{position:absolute;display:block;width:55px;text-align:center;top:11px;right:-9px;transform:rotate(45deg);font-family:var(--font-body);font-size:.52rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.05em}.project-badge.unk{background-color:#a855f7}.project-badge.seed{background-color:#22c55e}.videos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%}@media (max-width: 1024px){.videos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.videos-grid{grid-template-columns:1fr;gap:1.25rem}}.video-card{background-color:#fff;border:none;border-radius:0;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:#000;cursor:pointer;transition:var(--transition-smooth);position:relative}.video-card:hover{transform:translateY(-4px)}.thumbnail-container{position:relative;aspect-ratio:16 / 9;width:100%;margin:0;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background-image:linear-gradient(to right,#000000 12px,transparent 12px),linear-gradient(to bottom,#000000 12px,transparent 12px),linear-gradient(to left,#000000 12px,transparent 12px),linear-gradient(to bottom,#000000 12px,transparent 12px),linear-gradient(to right,#000000 12px,transparent 12px),linear-gradient(to top,#000000 12px,transparent 12px),linear-gradient(to left,#000000 12px,transparent 12px),linear-gradient(to top,#000000 12px,transparent 12px);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px,12px 2px,2px 12px;background-repeat:no-repeat}.thumbnail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;transition:var(--transition-smooth)}.video-card:hover .thumbnail-overlay{background:transparent}.play-button{width:60px;height:60px;border-radius:50%;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;z-index:2;transition:var(--transition-smooth);padding-left:3px}.video-card:hover .play-button{transform:scale(1.1);background-color:red;color:#fff}.video-info{padding:1rem;background-color:transparent;flex-grow:1;display:flex;align-items:center;justify-content:center;text-align:center}.video-title{font-family:var(--font-heading);font-size:.95rem;font-weight:600;line-height:1.4;color:#000}.padlock-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffffffa;display:flex;align-items:center;justify-content:center;z-index:10000}.padlock-container{width:100%;max-width:280px;padding:2rem;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}.padlock-display{display:flex;gap:.75rem;margin-bottom:2rem}.padlock-dot{width:14px;height:14px;border:2px solid #000000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0px;transition:var(--transition-smooth)}.padlock-dot.filled{background-color:#000}.padlock-dot.error{border-color:red}.padlock-dot.error.filled{background-color:red}.padlock-dot.success{border-color:#22c55e}.padlock-dot.success.filled{background-color:#22c55e}.padlock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:180px;margin-bottom:1.5rem}.padlock-btn{background:transparent;border:none;color:#000;font-family:var(--font-body);font-size:1.15rem;font-weight:700;padding:.75rem 0;cursor:pointer;transition:var(--transition-smooth)}.padlock-btn:hover{background:#f5f5f5}.padlock-btn.action-btn{font-size:.75rem;color:#666;text-transform:uppercase}.padlock-message{height:1.5rem;font-size:.8rem;font-weight:700;color:red}.shake{animation:shakeAnim .3s ease-in-out}@keyframes shakeAnim{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.custom-page-container{max-width:800px;margin:0 auto;padding:6rem 2rem;text-align:center}.custom-page-header{margin-bottom:4rem}.custom-page-content{border:2px solid #000000;padding:4rem 2rem;margin-bottom:3rem;background:#fff}.custom-page-title{font-size:1.75rem;font-weight:700;margin-bottom:2rem}.custom-page-text{font-size:1rem;line-height:1.6;color:#333;max-width:600px;margin:0 auto}.back-btn{background:#fff;border:2px solid #000000;color:#000;font-family:var(--font-body);font-size:1rem;font-weight:700;padding:.75rem 2rem;cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;margin-top:1rem}.back-btn:hover{background:#000;color:#fff}.footer-text{margin-top:4rem;font-size:.85rem;color:var(--text-muted);text-align:center;font-weight:500}.tree-clickable{transition:opacity .2s ease-in-out}.tree-clickable:hover{opacity:.6}.tiktok-link:hover{background-color:#000!important;color:#fff!important}.spoiler-text{filter:blur(5px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .3s ease;background-color:transparent;color:#000;display:inline-block;padding:0 4px}.spoiler-text.revealed{filter:blur(0);-webkit-user-select:text;user-select:text}.alphabet-letter:hover{color:#000!important}.timeline-part-hover:hover{background-color:#000!important}