*{box-sizing:border-box;margin:0;padding:0}.app{overflow-x:hidden}main{font-family:Arial,sans-serif;margin-top:60px}header{align-items:center;background-color:#333;box-shadow:0 4px 12px #00000040;box-sizing:border-box;color:#fff;display:flex;left:0;padding:10px 20px;position:fixed;top:0;width:100%;z-index:1000}header h1{font-size:1.8rem;font-weight:700;margin:0 20px 0 0}header .brand{cursor:pointer;transition:opacity .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}header .brand:focus-visible,header .brand:hover{opacity:.9;outline:none;transform:translateY(-1px)}nav{flex-grow:1;justify-content:flex-end}nav,nav ul{display:flex}nav ul{align-items:center;gap:0;list-style:none;margin:0;padding:0}nav ul li{position:relative}nav ul li button{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:6px 10px;transition:color .25s ease,transform .25s ease,background-color .2s ease}nav ul li button:focus-visible,nav ul li button:hover{background-color:#ffffff0f;color:#f39c12;outline:none;text-decoration:underline;transform:scale(1.06)}.has-dropdown .dropdown{background:#222;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 12px 28px #00000059;color:#fff;display:none;left:0;min-width:200px;padding:8px;position:absolute;top:calc(100% + 8px);z-index:1001}.has-dropdown:focus-within .dropdown,.has-dropdown:hover .dropdown{display:block}.dropdown li{margin:2px 0}.dropdown li button{border-radius:8px;color:#e8e8e8;padding:10px;text-align:left;transition:background-color .2s ease,transform .15s ease;width:100%}.dropdown li button:focus-visible,.dropdown li button:hover{background:#ffffff14;outline:none;text-decoration:none;transform:translateX(2px)}@media (hover:hover) and (pointer:fine){.has-dropdown:focus-within .dropdown{display:none}.has-dropdown .dropdown:hover,.has-dropdown:hover .dropdown{display:block}.has-dropdown{position:relative}.has-dropdown .dropdown:before{content:"";height:8px;left:0;pointer-events:auto;position:absolute;right:0;top:-8px}}@media (max-width:768px){header{padding:15px 16px}header h1{font-size:1.2rem;margin-right:8px}nav ul{flex-wrap:nowrap;gap:4px;justify-content:flex-end}nav ul li button{font-size:.78rem;padding:2px 4px;text-align:right;transform:none!important}.has-dropdown .dropdown{background:#2a2a2a;border-radius:8px;box-shadow:none;display:none;margin-top:6px;min-width:0;padding:6px;position:static;width:100%}.has-dropdown:focus-within .dropdown,.has-dropdown:hover .dropdown{display:block}}@media (max-width:420px){header h1{font-size:1rem;padding:5px}nav ul li button{font-size:.65rem;padding:1px 2px}}:root{--header-height:64px}header{height:64px;height:var(--header-height)}@media (max-width:768px){header{height:64px;height:var(--header-height)}}@media (max-width:420px){header{height:64px;height:var(--header-height)}}@media (max-width:768px){.has-dropdown{position:relative}.has-dropdown .dropdown{left:auto;max-width:min(92vw,320px);min-width:200px;position:absolute!important;right:0;top:calc(100% + 8px);width:auto;z-index:1001}.has-dropdown:hover .dropdown{display:none!important}.has-dropdown:focus-within .dropdown{display:block!important}}footer{background-color:#333;border-top:1px solid #444;color:#fff;font-size:.95rem;padding:20px;text-align:center}footer p{margin:6px 0}.footer-links{display:flex;gap:20px;justify-content:center;margin:10px 0}footer a{color:#1e90ff;font-weight:700;text-decoration:none;transition:color .3s ease,transform .2s ease}footer a:hover{color:#63b3ff;text-decoration:underline;transform:translateY(-2px)}footer a:active{transform:translateY(1px)}.footer-message{font-style:italic;margin-top:12px;opacity:.8}@media (max-width:600px){.footer-links{flex-wrap:wrap;gap:12px}}.hero{align-items:center;background-image:url(/portfolio/static/media/hero-img.97f79bf8f0489d041f15.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:calc(100vh - 80px);justify-content:center;padding:2rem;text-align:center}.hero-content{max-width:800px}.hero-title{font-size:3rem;font-weight:700}.hero-subtitle,.hero-title{color:#fff;margin-bottom:1.5rem}.hero-subtitle{font-size:1.3rem;line-height:1.8;margin-left:auto;margin-right:auto;max-width:700px;text-align:center;word-break:break-word}.hero-button{background-color:#007bff;border-radius:5px;color:#fff;font-weight:600;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.hero-button:hover{background-color:#0056b3}@media (max-width:600px){.hero{background-position:top;height:auto;padding:3rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;padding:0 1rem;text-align:center;word-break:break-word}.hero-button{font-size:.9rem;padding:10px 20px}}.profile-container{background-image:url(/portfolio/static/media/profile-img.418d89522ec674e270f9.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;padding:40px 0}.profile{background-color:#ecf0f1;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:800px;padding:20px;width:100%}.profile-header{align-items:center;display:flex;margin-bottom:20px}.profile-avatar{border-radius:50%;height:120px;margin-right:20px;object-fit:cover;object-position:center top;width:120px}.profile-info{display:flex;flex-direction:column}.profile-name{color:#333;font-size:2rem;font-weight:700;margin:0}.profile-name .realname{font-size:1rem}.profile-position{color:#666;font-size:1.2rem;margin:5px 0 0}.profile-description{margin-bottom:20px}.profile-text{color:#444;font-size:1rem;line-height:1.6;margin:15px 0}.github-link{border:2px solid #0077b6;border-radius:4px;color:#0077b6;display:inline-block;font-size:1.1rem;font-weight:700;margin-top:20px;padding:10px 20px;text-decoration:none}.github-link:hover{background-color:#0077b6;color:#fff;text-decoration:none}@media (max-width:768px){.profile-header{align-items:center;flex-direction:column}.profile-avatar{height:100px;width:100px}.profile-name{font-size:1.5rem}.profile-name .realname,.profile-position{font-size:1rem}.profile-text{font-size:.95rem}}.skills{background-color:#2c3e50;background-image:url(/portfolio/static/media/skills-img.e0b43ab2f628dcffbd9a.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#ecf0f1;padding:2rem;position:relative;text-align:center}.skills h2{font-size:2rem}.skill-guideline-container{margin-bottom:1.5rem;margin-top:2rem;position:relative;text-align:center;z-index:1}.guideline-toggle{background-color:#2980b9;border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-size:.8rem;padding:.6rem 1rem}.guideline-toggle:hover{background-color:#1f6fa3}.skill-guideline{margin:1.5rem auto;max-width:700px;overflow-x:auto;width:100%}.skill-guideline table{border-collapse:collapse;color:#ecf0f1;font-size:.95rem;width:100%}.skill-guideline td,.skill-guideline th{border:1px solid #bdc3c7;padding:.8rem;text-align:left}.skill-guideline th{background-color:#34495e;color:#ecf0f1}.skill-guideline .guideline-note{color:#dcdcdc;font-size:.9rem;font-style:italic;margin-top:10px}.skill-category{margin-bottom:2rem;position:relative;z-index:1}.skill-category h3{border-bottom:2px solid #7f8c8d;color:#fff;display:inline-block;font-size:1.5rem;margin-bottom:1rem;padding-bottom:5px}.skill-list{color:#fff;gap:1rem}.skill-card,.skill-list{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.skill-card{background:#40464b;border-radius:10px;box-shadow:2px 2px 10px #0000001a;cursor:pointer;max-width:800px;padding:1rem;text-align:center;transition:.3s;width:90%}.skill-card:hover{background:#343f49;transform:scale(1.02)}.skill-card.active{background:#4e555b}.progress-bar{background:#7f8c8d;border-radius:8px;height:12px;margin-top:.5rem;overflow:hidden;width:70%}.progress{border-radius:8px;height:100%}.skill-description{color:#ecf0f1;display:none;font-size:.9rem;margin-top:.5rem}.skill-card.active .skill-description{display:block}.progress[data-level="100"],.progress[data-level="90"],.progress[data-level="95"]{background:linear-gradient(90deg,#2ecc71,#27ae60)}.progress[data-level="80"],.progress[data-level="85"]{background:linear-gradient(90deg,#1abc9c,#16a085)}.progress[data-level="70"],.progress[data-level="75"]{background:linear-gradient(90deg,#3498db,#2980b9)}.progress[data-level="60"],.progress[data-level="65"]{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.progress[data-level="50"],.progress[data-level="55"]{background:linear-gradient(90deg,#f1c40f,#f39c12)}.progress[data-level="40"],.progress[data-level="45"]{background:linear-gradient(90deg,#e67e22,#d35400)}.progress[data-level="25"],.progress[data-level="30"],.progress[data-level="35"]{background:linear-gradient(90deg,#e74c3c,#c0392b)}.progress[data-level="0"],.progress[data-level="10"],.progress[data-level="15"],.progress[data-level="20"],.progress[data-level="5"]{background:#7f8c8d}.projects{background-color:#fffbf2;overflow:hidden;padding:2rem;position:relative;text-align:center}.projects h2{margin-bottom:1rem}.scroll-container{align-items:center;display:flex;height:500px;justify-content:center;overflow-x:hidden;position:relative;width:100%}.project-display{align-items:flex-end;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;display:flex;height:100%;justify-content:flex-start;transition:background .5s ease;width:100%}.project-item{background-color:#000c;border-radius:8px;box-shadow:0 4px 10px #0009;box-sizing:border-box;color:#e0dfdf;cursor:pointer;margin-bottom:1rem;margin-left:2rem;max-width:90vw;overflow-wrap:break-word;padding:1rem;text-align:center;transition:transform .3s ease;word-break:break-word;z-index:2}.project-item:hover{transform:scale(1.05)}.project-item h3{font-size:1.8rem;margin-bottom:1rem;text-shadow:2px 2px 4px #000c}.project-description{font-size:1rem;margin-bottom:1rem}.tech-stack{display:flex;gap:10px;justify-content:center}.tech-badge{background-color:#007bff;border-radius:5px;color:#fff;padding:5px 10px}.scroll-buttons{display:flex;justify-content:space-between;left:0;padding:2rem;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;z-index:10}.scroll-buttons button{background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:3rem;padding:10px}.scroll-buttons button:hover{background-color:#000000b3}.scroll-left{left:10px}.scroll-right{right:10px}.scroll-indicator{display:flex;gap:10px;justify-content:center;margin-top:20px}.indicator-dot{background-color:#ccc;border-radius:50%;height:12px;transition:background-color .3s ease;width:12px}.indicator-dot.active{background-color:#007bff}@media (max-width:768px){.scroll-container{height:clamp(280px,46vh,520px)}.project-item{margin-left:clamp(.5rem,1.5vw,1rem);max-width:min(92%,520px)}}@media (max-width:420px){.project-item{margin-bottom:.6rem;margin-left:.4rem;max-width:92%;padding:.5rem .6rem}.project-item h3{font-size:1.18rem}.project-description{font-size:.82rem}.tech-badge{font-size:.7rem;padding:3px 6px}.scroll-buttons{padding:.75rem}.scroll-buttons button{font-size:2.2rem;padding:6px}}@media (max-width:360px){.project-item h3{font-size:1.12rem}.project-description{font-size:.8rem}.scroll-container{height:clamp(220px,44vh,460px)}.scroll-buttons button{font-size:2rem;padding:4px}}.last-section{background:#f9f9f9;color:#333;padding:60px 20px;text-align:center}.last-content{margin:0 auto;max-width:800px}.last-content h2{color:#000;font-size:2rem;margin-bottom:20px}.closing-message{font-size:1.05rem;line-height:1.6;margin-bottom:30px}.contact-links{display:flex;gap:20px;justify-content:center}.contact-button{border-radius:6px;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:.3s ease}.contact-button.github{background:#24292e;color:#fff}.contact-button.github:hover{background:#444c56}.contact-button.mail{background:#007bff;color:#fff}.contact-button.mail:hover{background:#0056b3}.minishell-detail{background-color:#1e1e1e;color:#cfd2d6;font-family:Courier New,Courier,monospace;min-height:100vh;padding:40px}.minishell-detail .project-name{color:#4af626;font-size:35px;margin-bottom:30px;margin-top:20px;text-align:center}.minishell{background-color:#2c2c2c;border-radius:8px;box-shadow:0 4px 8px #00000080;margin:0 auto;max-width:1000px;padding:20px}.minishell section{margin-bottom:30px}.minishell h2{border-bottom:2px solid #4af626;color:#4af626;margin-bottom:10px;padding-bottom:5px}.minishell h2:before{color:#4af626;content:"$> ";font-weight:700}.minishell li,.minishell p{line-height:1.6}.minishell ul{list-style-type:disc;padding-left:20px}.minishell table{border-collapse:collapse;margin-top:10px;width:100%}.minishell td,.minishell th{border:1px solid #3a3a3a;color:#cfd2d6;padding:10px;text-align:left}.minishell th{background-color:#333;color:#4af626}.minishell .demonstration img{border-radius:4px;height:auto;margin-bottom:10px;width:100%}.minishell .github{margin-top:20px;text-align:center}.minishell .github a{background-color:#4af626;border-radius:5px;box-shadow:0 4px 6px #00000080;color:#1e1e1e;display:inline-block;font-size:16px;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s ease}.minishell .github a:hover{background-color:#7cff7a;box-shadow:0 6px 12px #000000b3;transform:translateY(-2px)}.minishell .github a:active{transform:translateY(1px)}@media (max-width:768px){.minishell{padding:15px}.minishell h2{font-size:1.2rem}.minishell td,.minishell th{font-size:.9rem}.minishell .github a{font-size:14px;padding:8px 16px}}.cub3d-detail{background:#1e1e2e;color:#d4d4d8;min-height:100vh;padding:40px}.cub3d-detail .project-name{color:#8aadf4;font-size:35px;margin-bottom:30px;margin-top:20px;text-align:center}.cub3d{background:#252532;border-radius:8px;box-shadow:0 4px 12px #0006;color:#d4d4d8;font-family:Arial,sans-serif;margin:40px auto;max-width:1000px;padding:20px}.cub3d h2{border-bottom:2px solid #8aadf4;color:#8aadf4;font-size:1.6rem;margin-bottom:15px;padding-bottom:5px}.cub3d h2:before{color:#8aadf4;content:"▶ "}.cub3d h2+p,.cub3d h2+ul{margin-top:10px}.cub3d ul{list-style-type:disc;margin-bottom:20px;padding-left:20px}.cub3d li{margin-bottom:8px}.cub3d section{margin-bottom:30px}.cub3d p,li{line-height:1.6}.cub3d a{color:#8aadf4;font-weight:700;text-decoration:none}.cub3d a:hover{text-decoration:underline}.cub3d .gallery img{border-radius:8px;box-shadow:0 4px 8px #0000004d;margin-top:10px;max-height:400px;object-fit:cover;width:100%}.cub3d .github{text-align:center}.cub3d .github a{background-color:#4caf50;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;transition:background-color .3s}.cub3d .github a:hover{background-color:#388e3c}@media (max-width:768px){.cub3d{padding:15px}.cub3d h2{font-size:1.4rem}.cub3d ul{padding-left:15px}}.inception-detail{background:#0f172a;color:#e2e8f0;min-height:100vh;padding:40px 20px}.inception-detail .project-name{color:#38bdf8;font-size:35px;margin-bottom:30px;margin-top:20px;text-align:center}.inception{animation:fadeIn .5s ease-in-out;background:#1e293b;border-radius:8px;box-shadow:0 0 20px #0f172ab3;color:#e2e8f0;font-family:Courier New,Courier,monospace;margin:0 auto;max-width:1000px;padding:20px}.inception section{background-color:#0f172a;border-left:4px solid #38bdf8;border-radius:8px;margin-bottom:30px;padding:1rem}.inception h2{color:#facc15;font-size:1.6rem;margin-bottom:15px;padding-bottom:5px}.inception h2+p,.inception h2+ul{margin-top:10px}.inception ul{list-style-type:disc;margin-bottom:20px;padding-left:20px}.inception li{margin-bottom:8px}.inception li,.inception p{line-height:1.6}.inception a{color:#60a5fa;font-weight:700;text-decoration:none}.inception a:hover{text-decoration:underline}.inception table{background-color:#0f172a;border:1px solid #334155;border-collapse:collapse;margin-top:1rem;width:100%}.inception td,.inception th{border:1px solid #334155;padding:.75rem;text-align:left}.inception th{background-color:#1e293b;color:#f8fafc}.inception .usage ol{counter-reset:step;list-style:none;margin-bottom:1rem;margin-top:1rem;padding-left:0}.inception .usage li{counter-increment:step;line-height:1.6;margin-bottom:1.2rem;padding-left:2rem;position:relative}.inception .usage li:before{color:#facc15;content:counter(step) ".";font-weight:700;left:0;position:absolute}.inception .usage pre{background-color:#1e293b;border-radius:6px;color:#e2e8f0;font-size:.95rem;margin-bottom:1rem;margin-top:.5rem;overflow-x:auto;padding:.75rem 1rem}.inception .usage code{background-color:#1e293b;border-radius:4px;color:#93c5fd;font-family:Courier New,Courier,monospace;font-size:.95rem;padding:.2rem .4rem}.inception .github{text-align:center}.inception .github a{background-color:#38bdf8;border-radius:5px;color:#f6f7f8;display:inline-block;padding:10px 20px;transition:background-color .3s}.inception .github a:hover{background-color:#2fa3d6}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.inception{padding:15px}.inception h2{font-size:1.4rem}.inception ul{padding-left:15px}}.flappybird-detail{align-items:center;background:linear-gradient(180deg,#87ceeb 0,azure);color:#333;display:flex;flex-direction:column;font-family:Arial Rounded MT Bold,Verdana,sans-serif;min-height:100vh;padding:20px}.flappybird-detail .project-name{color:#ffe837;font-size:3rem;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px #0000004d}.flappybird-card{background-color:#ffffffd9;border-radius:15px;box-shadow:0 8px 16px #00000040;display:flex;flex-direction:column;gap:20px;max-width:900px;padding:20px;width:90%}.flappybird-card h2{border-bottom:2px solid #98fb98;color:#2e8b57;margin-bottom:10px;padding-bottom:5px}.flappybird-card h3{background-color:#ffffffd9;border-radius:8px;color:#734e30;display:inline-block;font-size:1rem;margin-top:15px;padding:6px 12px}.flappybird-card li,.flappybird-card p{color:#333;line-height:1.6}.flappybird-card ul{list-style-type:disc;padding-left:20px}.flappybird-card table{border-collapse:collapse;margin-top:10px;width:100%}.flappybird-card td,.flappybird-card th{border:1px solid #2e8b57;padding:10px;text-align:left}.flappybird-card th{background-color:#98fb98}.flappybird-card img,.flappybird-card video{border-radius:10px;display:block;margin:10px auto;max-width:100%}.flappybird-card .github{margin-top:20px;text-align:center}.flappybird-card .github a{background-color:#ffd54c;border-radius:8px;color:#000;display:inline-block;font-weight:700;padding:10px 15px;text-decoration:none;transition:.2s}.flappybird-card .github a:hover{background-color:#e6b800}.flappybird-card .message{background-color:#ffffffb3;border-radius:8px;margin:5px 0;padding:10px 15px}@media (max-width:768px){.flappybird-detail{padding:15px}.flappybird-card{padding:15px;width:100%}.flappybird-card h2{font-size:1.2rem}.flappybird-card td,.flappybird-card th{font-size:.9rem}.flappybird-card .github a{font-size:14px;padding:8px 16px}}.chillow-detail{align-items:center;background:radial-gradient(circle at 20% 20%,#7289da59,#0000 45%),radial-gradient(circle at 80% 0,#8a5cf64d,#0000 50%),#0f141e;color:#f9fbff;display:flex;flex-direction:column;font-family:Inter,Noto Sans JP,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.chillow-detail:after,.chillow-detail:before{border-radius:50%;content:"";filter:blur(60px);height:420px;opacity:.55;position:absolute;width:420px}.chillow-detail:before{background:#7289da80;left:-80px;top:-120px}.chillow-detail:after{background:#8a5cf680;bottom:-160px;right:-120px}.chillow-detail .project-name{color:#fff;font-size:2.3rem;letter-spacing:.08em;margin-bottom:28px;text-align:center;text-shadow:0 0 18px #7289da73;text-transform:uppercase}.chillow{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#171b2beb,#20253ee6);border:1px solid #7289da66;border-radius:22px;box-shadow:0 35px 80px #050614b3,inset 0 0 0 1px #ffffff08;max-width:1024px;padding:34px;position:relative;width:100%;z-index:1}.chillow section{background:linear-gradient(130deg,#272a3ee6,#1a1d2de6);border:1px solid #7289da59;border-radius:16px;box-shadow:0 25px 45px #00000059;margin-bottom:28px;overflow:hidden;padding:20px;position:relative}.chillow section:before{background:linear-gradient(90deg,#7289da00,#7289dacc,#8a5cf600);content:"";height:2px;left:10%;opacity:.8;position:absolute;top:-1px;width:80%}.chillow h2{border-bottom:2px solid #0000;border-image:linear-gradient(90deg,#7289da,#a78bfa) 1;color:#e5e9ff;font-size:1.35rem;letter-spacing:.06em;margin-bottom:12px;padding-bottom:6px;text-transform:uppercase}.chillow h3{color:#cbd4ff;font-size:1rem;letter-spacing:.03em;margin-bottom:8px}.chillow li,.chillow p{color:#e0e4f0;line-height:1.7}.chillow ul{margin:0;padding-left:1.3rem}.chillow li+li{margin-top:6px}.architecture-grid,.realtime-grid,.workflow-steps{grid-gap:16px;display:grid;gap:16px}.architecture-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.realtime-grid,.workflow-steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.architecture-grid article,.realtime-grid article,.workflow-steps article{background:linear-gradient(120deg,#36395fe6,#20233af2);border:1px solid #4f5469e6;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff08,0 12px 24px #05061473;padding:16px}.chillow pre{background:linear-gradient(130deg,#121726,#1c2135);border:1px solid #7289da66;border-radius:14px;box-shadow:inset 0 0 25px #0c1222e6;color:#eef3ff;font-size:.9rem;margin-bottom:0;overflow-x:auto;padding:16px}.chillow code{font-family:Fira Code,SFMono-Regular,Consolas,monospace}.chillow .github{text-align:center}.chillow .github a{background:linear-gradient(120deg,#8e7ae5,#a855f7,#ec4899);border-radius:999px;box-shadow:0 15px 35px #ac4ee68c;color:#0f141e;display:inline-block;font-weight:600;padding:12px 28px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.chillow .github a:hover{box-shadow:0 22px 48px #ac4ee6a6;transform:translateY(-2px)}.screens{background:linear-gradient(125deg,#14182af2,#0f1223e6)}.screenshot{background:#080c18bf;border-radius:14px;box-shadow:0 16px 32px #00000059;gap:10px}.screenshot img{border:1px solid #ffffff0d}.screenshot figcaption{color:#e5e9ff}@media (max-width:768px){.chillow-detail{background:#0f141e;padding:24px 14px}.chillow{padding:22px 16px}.chillow-detail:after,.chillow-detail:before{filter:blur(40px);height:240px;width:240px}.architecture-grid,.realtime-grid,.workflow-steps{grid-template-columns:1fr}.chillow section{padding:16px}.chillow h2{font-size:1.2rem}}@media (max-width:480px){.chillow-detail .project-name{font-size:1.6rem;letter-spacing:.05em}.chillow{border-radius:18px;padding:18px 14px}.chillow section{border-radius:12px;margin-bottom:20px}.chillow h2{font-size:1.05rem}.architecture-grid article,.realtime-grid article,.workflow-steps article{padding:12px}}.taskhub-detail{background:radial-gradient(circle at top,#2d1b69 0,#0b1026 55%);color:#e8ebff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.taskhub-detail .project-name{color:#c084fc;font-size:2.2rem;letter-spacing:.05em;margin-bottom:30px;text-align:center}.taskhub{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f122dd9;border-radius:16px;box-shadow:0 30px 80px #050614b3;margin:0 auto;max-width:1000px;padding:28px}.taskhub section{background:#ffffff08;border:1px solid #c084fc33;border-radius:14px;margin-bottom:32px;padding:18px}.taskhub h2{color:#f0abfc;font-size:1.4rem;margin-bottom:14px}.taskhub li,.taskhub p{color:#f5f5ff;line-height:1.7}.taskhub ul{margin:0;padding-left:18px}.taskhub li{margin-bottom:8px}.api-grid,.stack-grid{grid-gap:16px;display:grid;gap:16px}.stack-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.api-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.api-grid article,.stack-grid article{background:#ffffff08;border:1px solid #6366f133;border-radius:12px;padding:14px}.api-grid h3,.stack-grid h3{color:#c4b5fd;font-size:1rem;letter-spacing:.04em;margin-bottom:10px}.taskhub pre{background:#090d23;border:1px solid #60a5fa40;border-radius:12px;color:#d1dcff;font-size:.9rem;margin-bottom:0;overflow-x:auto;padding:16px}.taskhub code{font-family:Fira Code,SFMono-Regular,Consolas,monospace}.github{text-align:center}.github a{background:linear-gradient(120deg,#c084fc,#a855f7,#6366f1);border-radius:999px;box-shadow:0 15px 35px #6366f173;color:#0b1026;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.github a:hover{box-shadow:0 20px 40px #6366f18c;transform:translateY(-2px)}.demo{text-align:center}.demo-link{background:linear-gradient(115deg,#f0abfc,#c084fc,#8b5cf6);border:1px solid #ffffff59;border-radius:999px;box-shadow:0 12px 28px #8a5cf673;color:#fdfcff;display:inline-block;margin-top:10px;padding:12px 26px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.demo-link:hover{box-shadow:0 18px 38px #8a5cf699;transform:translateY(-2px)}.screens{background:#0a0b1cd9}.screenshot-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.screenshot{background:#070914e6;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 14px 32px #00000059;display:flex;flex-direction:column;gap:8px;padding:12px}.screenshot img{border:1px solid #ffffff0f;border-radius:10px;object-fit:cover;width:100%}.screenshot figcaption{color:#f0f2ff;display:flex;flex-direction:column;font-size:.95rem;gap:4px}.screenshot figcaption strong{color:#fff;font-size:1rem}.screenshot-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.screens.mobile .screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (max-width:640px){.screenshot-grid,.screenshot-grid.two-column{grid-template-columns:1fr}}@media (max-width:768px){.taskhub-detail{background:#0b1026;padding:24px 14px}.taskhub{padding:22px 18px}.api-grid,.stack-grid{grid-template-columns:1fr}.taskhub section{padding:16px}.taskhub h2{font-size:1.2rem}}@media (max-width:480px){.taskhub-detail .project-name{font-size:1.6rem}.taskhub{border-radius:18px;padding:18px 14px}.taskhub section{border-radius:12px;margin-bottom:22px}.api-grid article,.stack-grid article{padding:12px}.demo-link,.github a{box-sizing:border-box;text-align:center;width:100%}}
/*# sourceMappingURL=main.752db773.css.map*/