:root{--background:#f2f5fa;--surface:#fff;--surface-soft:#ffffffa6;--primary:#2563eb;--primary-deep:#004ac6;--primary-soft:#2563eb1f;--on-primary:#fff;--on-surface:#1a1c1c;--on-surface-variant:#5b6270;--outline-variant:#dbe0ea;--glass-bg:#ffffffa6;--glass-border:#ffffffb3;--shadow-soft:0 10px 30px -8px #2563eb24;--shadow-card:0 8px 24px -6px #2563eb1a;--shadow-dock:0 12px 30px -6px #2563eb40;--bg-glow-1:#2563eb14;--bg-glow-2:#93a4d81f;--bg-glow-3:#2563eb0f;--cover-fade:#2563eb2e;--accent:#2563eb;--dark-card:#0f172a;--on-dark:#fff}[data-theme=dark]{--background:#0b1329;--surface:#111c3a;--surface-soft:#111c3aa6;--primary:#3b82f6;--primary-deep:#2563eb;--primary-soft:#3b82f638;--on-primary:#fff;--on-surface:#f8fafc;--on-surface-variant:#94a3b8;--outline-variant:#273349;--glass-bg:#0f172aa6;--glass-border:#ffffff1a;--shadow-soft:0 10px 30px -8px #00000080;--shadow-card:0 8px 24px -6px #00000073;--shadow-dock:0 12px 30px -6px #0000008c;--bg-glow-1:#3b82f61a;--bg-glow-2:#6366f114;--bg-glow-3:#3b82f60f;--cover-fade:#3b82f638;--accent:#60a5fa;--dark-card:#fff;--on-dark:#0f172a}[data-accent=earthy]{--background:#f6f1e7;--surface:#fdfaf4;--surface-soft:#fdfaf4a6;--primary:#a98b76;--primary-deep:#8a6d55;--primary-soft:#a98b7624;--on-primary:#fff;--on-surface:#2b241d;--on-surface-variant:#7d7264;--outline-variant:#e6ddcc;--glass-bg:#fdfaf4a6;--glass-border:#ffffffb3;--shadow-soft:0 10px 30px -8px #a98b762e;--shadow-card:0 8px 24px -6px #a98b7624;--shadow-dock:0 12px 30px -6px #a98b764d;--bg-glow-1:#a98b761f;--bg-glow-2:#babf9429;--bg-glow-3:#a98b7614;--cover-fade:#a98b7638;--accent:#babf94;--dark-card:#2b241d;--on-dark:#fdfaf4}[data-theme=dark][data-accent=earthy]{--background:#171310;--surface:#211b16;--surface-soft:#211b16a6;--primary:#bfa28c;--primary-deep:#a98b76;--primary-soft:#bfa28c33;--on-primary:#171310;--on-surface:#f3ede2;--on-surface-variant:#a89c8c;--outline-variant:#3a3128;--glass-bg:#171310a6;--glass-border:#ffffff1a;--shadow-soft:0 10px 30px -8px #00000080;--shadow-card:0 8px 24px -6px #00000073;--shadow-dock:0 12px 30px -6px #0000008c;--bg-glow-1:#bfa28c17;--bg-glow-2:#babf9412;--bg-glow-3:#bfa28c0d;--cover-fade:#bfa28c2e;--accent:#babf94;--dark-card:#f3ede2;--on-dark:#211b16}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}body{background-color:var(--background);background-image:radial-gradient(circle at 15% 5%, var(--bg-glow-1) 0%, transparent 45%), radial-gradient(circle at 85% 25%, var(--bg-glow-2) 0%, transparent 45%), radial-gradient(circle at 50% 100%, var(--bg-glow-3) 0%, transparent 50%);color:var(--on-surface);background-attachment:fixed;justify-content:center;min-height:100dvh;font-size:14px;transition:background-color .4s,color .4s;display:flex}#root{justify-content:center;width:100%;display:flex}.container{flex-direction:column;width:100%;max-width:440px;min-height:100dvh;margin:0 auto;padding:24px 20px 40px;display:flex;position:relative}.serif{font-family:Playfair Display,serif}.top-header{z-index:25;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:20px;right:20px}.top-actions{gap:8px;display:flex}.template-switcher-wrap{position:relative}.template-badge-dot{background-color:var(--primary);border:2px solid var(--background);pointer-events:none;border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px}.template-dropdown{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:280px;box-shadow:var(--shadow-dock);z-index:100;border-radius:16px;flex-direction:column;gap:4px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) template-dropdown-in;display:flex;position:absolute;top:calc(100% + 10px);left:0}@keyframes template-dropdown-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.template-dropdown-header{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 10px 6px;font-size:10px;font-weight:700;display:flex}.template-dropdown-count{background:var(--primary-soft);color:var(--primary);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.template-item{color:var(--on-surface);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:all .15s;display:flex}.template-item:hover{background:var(--primary-soft);transform:translate(3px)}.template-item-icon{background:var(--surface);border:1px solid var(--glass-border);width:32px;height:32px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.template-item-icon .material-symbols-outlined{font-size:18px}.template-item-info{flex:1;min-width:0}.template-item-label{font-size:13px;font-weight:600;line-height:1.2}.template-item-desc{color:var(--on-surface-variant);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.template-item-chevron{color:var(--on-surface-variant);opacity:.6;align-items:center;display:flex}.template-item-chevron .material-symbols-outlined{font-size:16px}.icon-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:none;border:1px solid var(--glass-border);width:42px;height:42px;color:var(--primary);cursor:pointer;box-shadow:var(--shadow-soft);border-radius:14px;justify-content:center;align-items:center;transition:transform .15s,opacity .2s;display:flex}.icon-btn:active{transform:scale(.88)}.icon-btn:hover{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-dock);transform:translateY(-2px)}.icon-btn .material-symbols-outlined{font-size:22px}.top-capsule{z-index:60;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);width:calc(100% - 40px);max-width:400px;box-shadow:var(--shadow-dock);opacity:0;pointer-events:none;border-radius:9999px;align-items:center;gap:12px;padding:8px 14px 8px 8px;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)translateY(-24px)}.top-capsule.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.capsule-avatar{border:2px solid var(--surface);width:38px;height:38px;box-shadow:var(--shadow-soft);border-radius:50%;flex-shrink:0;overflow:hidden}.capsule-avatar img{object-fit:cover;width:100%;height:100%;display:block}.capsule-text{flex-direction:column;min-width:0;display:flex}.capsule-name{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.capsule-handle{color:var(--on-surface-variant);font-size:12px}.hero{z-index:0;flex-direction:column;align-items:center;margin-bottom:20px;display:flex;position:sticky;top:0}.cover{cursor:pointer;background:0 0;border:none;align-self:stretch;height:200px;margin:-24px -20px -46px;padding:0;position:relative;overflow:hidden}.cover-img{object-fit:cover;width:100%;height:100%;display:block}.cover-overlay{pointer-events:none;background:linear-gradient(to bottom, transparent 50%, var(--cover-fade) 100%);position:absolute;inset:0}.avatar-ring{background:conic-gradient(from 180deg, var(--primary) 0%, var(--primary-soft) 30%, var(--outline-variant) 60%, var(--primary) 100%);width:112px;height:112px;box-shadow:var(--shadow-soft);z-index:2;cursor:pointer;border:none;border-radius:50%;padding:4px;transition:transform .35s,opacity .3s;position:relative}.hero.collapsed .avatar-ring{opacity:0;transform:scale(.55)}.avatar-img{object-fit:cover;border:3px solid var(--surface);border-radius:50%;width:100%;height:100%;display:block}.verified-badge{background:var(--accent);color:#fff;border:3px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:4px;right:4px}.verified-badge .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:14px}.profile-name{color:var(--on-surface);letter-spacing:-.02em;margin-top:14px;font-size:24px;font-weight:800;transition:transform .35s,opacity .3s}.hero.collapsed .profile-name,.hero.collapsed .profile-handle{opacity:0;transform:translateY(-10px)}.profile-handle{color:var(--on-surface-variant);margin-top:6px;font-size:14px;font-weight:600;transition:transform .35s,opacity .3s}.profile-bio{color:var(--on-surface-variant);text-align:center;max-width:85%;margin-top:10px;font-size:13.5px;line-height:1.5}.social-card{z-index:1;background:var(--surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);border-radius:20px;margin-top:18px;padding:18px 16px;position:relative}.social-row{justify-content:center;align-items:center;gap:28px;display:flex}.social-row a{color:var(--on-surface-variant);transition:color .2s,transform .2s;display:flex}.social-row a:hover{color:var(--primary);transform:translateY(-2px)}.social-row svg{width:26px;height:26px}.menu{z-index:1;background:var(--surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);border-radius:20px;position:relative;overflow:hidden}.menu-row{color:var(--on-surface);align-items:center;gap:14px;padding:15px 18px;text-decoration:none;transition:background .25s,padding-left .25s;display:flex}.menu-row:not(:last-child){border-bottom:1px solid var(--outline-variant)}.menu-row:hover{background:var(--primary-soft);padding-left:22px}.menu-row:active{background:var(--primary-soft)}.menu-icon-box{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .25s;display:flex}.menu-row:hover .menu-icon-box{background:var(--primary);color:var(--on-primary)}.menu-icon-box .material-symbols-outlined{font-size:20px}.menu-icon-box svg{width:20px;height:20px}.menu-label{color:var(--on-surface);flex:1;font-size:14.5px;font-weight:600;transition:color .25s}.menu-row:hover .menu-label{color:var(--primary)}.menu-chevron{color:var(--on-surface-variant);transition:transform .25s,color .25s}.menu-row:hover .menu-chevron{color:var(--primary);transform:translate(4px)}.menu-chevron .material-symbols-outlined{font-size:18px}.community-hero{z-index:1;text-align:center;padding:12px 0 26px;position:relative}.community-hero-icon{background:var(--primary-soft);width:64px;height:64px;color:var(--primary);border-radius:22px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.community-hero-icon .material-symbols-outlined{font-size:30px}.community-hero-title{letter-spacing:-.02em;color:var(--on-surface);font-size:26px;font-weight:800}.community-hero-subtitle{color:var(--on-surface-variant);margin-top:8px;font-size:13.5px;line-height:1.6}.menu-row-button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-family:inherit}.course-card{z-index:1;background:linear-gradient(135deg, var(--primary) 0%, #7ba3f5 100%);color:#fff;box-shadow:var(--shadow-soft);border-radius:20px;align-items:center;gap:14px;margin-bottom:16px;padding:16px 18px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.course-card:hover{box-shadow:var(--shadow-dock);transform:translateY(-2px)}.course-icon-box{background:#fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.course-icon-box svg{width:24px;height:24px}.course-text{flex-direction:column;flex:1;min-width:0;display:flex}.course-title{color:#fff;font-size:15px;font-weight:700}.course-desc{color:#ffffffd9;margin-top:2px;font-size:12px}.course-arrow{color:#fff;flex-shrink:0}.course-arrow .material-symbols-outlined{font-size:22px}.footer{z-index:1;text-align:center;margin-top:auto;padding-top:24px;position:relative}.footer-copy{letter-spacing:.04em;color:var(--on-surface-variant);font-size:12px;font-weight:600}.toast{background:var(--dark-card);color:var(--on-dark);opacity:0;z-index:100;border-radius:9999px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .35s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 8px 20px #00000040}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast .material-symbols-outlined{color:var(--accent);font-size:18px}.photo-viewer{z-index:90;-webkit-backdrop-filter:blur(6px);background:#0a0f1ed9;justify-content:center;align-items:center;padding:24px;animation:.2s viewer-fade;display:flex;position:fixed;inset:0}.photo-viewer .viewer-img{object-fit:contain;border-radius:16px;max-width:100%;max-height:85dvh;animation:.25s viewer-zoom;box-shadow:0 20px 60px #00000080}.viewer-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .15s;display:flex;position:absolute;top:18px;right:18px}.viewer-close:hover{background:#ffffff40}.viewer-close:active{transform:scale(.88)}.viewer-close .material-symbols-outlined{font-size:22px}@keyframes viewer-fade{0%{opacity:0}to{opacity:1}}@keyframes viewer-zoom{0%{transform:scale(.9)}to{transform:scale(1)}}.gate-backdrop{z-index:95;-webkit-backdrop-filter:blur(6px);background:#0a0f1eb8;justify-content:center;align-items:center;padding:24px;animation:.2s viewer-fade;display:flex;position:fixed;inset:0}.gate-card{background:var(--surface);border:1px solid var(--glass-border);text-align:center;border-radius:24px;width:100%;max-width:360px;padding:32px 24px 24px;animation:.25s viewer-zoom;position:relative;box-shadow:0 20px 60px #00000059}.gate-close{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:14px;right:14px}.gate-close:hover{background:var(--primary-soft);color:var(--primary)}.gate-close .material-symbols-outlined{font-size:18px}.gate-icon{background:var(--primary-soft);width:60px;height:60px;color:var(--primary);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.gate-icon svg{width:28px;height:28px}.gate-title{color:var(--on-surface);margin-bottom:10px;font-size:17px;font-weight:700}.gate-text{color:var(--on-surface-variant);font-size:13.5px;line-height:1.6}.gate-hint{color:var(--primary);margin-top:6px;font-size:13.5px;font-weight:600;line-height:1.6}.gate-actions{flex-direction:column;gap:8px;margin-top:22px;display:flex}.gate-btn{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .2s;display:flex}.gate-btn:active{transform:scale(.98)}.gate-btn svg{width:17px;height:17px}.gate-btn-primary{background:var(--primary);color:var(--on-primary);border:1px solid var(--primary)}.gate-btn-primary:hover{opacity:.9}.gate-btn-ghost{color:var(--on-surface-variant);border:1px solid var(--glass-border);background:0 0}.gate-btn-ghost:hover{background:var(--primary-soft);color:var(--primary)}.cv-page{width:100%;max-width:820px;margin:0 auto;padding:24px 20px 48px}.cv-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.cv-back{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--on-surface);box-shadow:var(--shadow-soft);border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:inline-flex}.cv-back:hover{background:var(--primary-soft);color:var(--primary);transform:translateY(-2px)}.cv-back:active{transform:scale(.94)}.cv-back .material-symbols-outlined{font-size:18px}.cv-print{background:var(--primary);color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.cv-print:hover{background:var(--primary-deep);box-shadow:var(--shadow-dock);transform:translateY(-2px)}.cv-print:active{transform:scale(.94)}.cv-print .material-symbols-outlined{font-size:18px}.cv-document{background:var(--surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);border-radius:20px;padding:40px 44px}.cv-header{text-align:center;border-bottom:2px solid var(--outline-variant);margin-bottom:24px;padding-bottom:18px}.cv-header h1{letter-spacing:-.02em;color:var(--on-surface);font-size:28px;font-weight:800}.cv-role{color:var(--primary);margin-top:6px;font-size:15px;font-weight:600}.cv-contact{color:var(--on-surface-variant);margin-top:10px;font-size:13px;line-height:1.6}.cv-section{margin-bottom:24px}.cv-section h2{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);border-bottom:1px solid var(--outline-variant);margin-bottom:12px;padding-bottom:6px;font-size:13px;font-weight:800}.cv-section p{color:var(--on-surface);font-size:14px;line-height:1.7}.cv-skills-list{flex-direction:column;gap:6px;display:flex}.cv-skill-item{font-size:13.5px!important;line-height:1.6!important}.cv-skill-item strong{color:var(--on-surface);font-weight:700}.cv-job-divider{color:var(--outline);margin:0 4px;font-weight:400}.cv-project-title{color:var(--on-surface-variant);margin-top:3px;font-size:13px;font-style:italic;line-height:1.5}.cv-edu-note{color:var(--on-surface-variant);margin-top:3px;font-size:13px;font-style:italic}.cv-job,.cv-edu{margin-bottom:16px}.cv-job:last-child,.cv-edu:last-child{margin-bottom:0}.cv-job-head,.cv-edu-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cv-job-role,.cv-edu-degree{color:var(--on-surface);font-size:15px;font-weight:700}.cv-job-period,.cv-edu-period{color:var(--on-surface-variant);white-space:nowrap;font-size:12.5px;font-weight:600}.cv-job-company,.cv-edu-school{color:var(--on-surface-variant);margin-top:2px;font-size:13.5px;font-weight:600}.cv-job-bullets{flex-direction:column;gap:4px;margin-top:6px;padding-left:20px;display:flex}.cv-job-bullets li{color:var(--on-surface);font-size:13.5px;line-height:1.6}@media print{@page{size:A4;margin:12mm}body{background:#fff!important}.no-print{display:none!important}.cv-page{max-width:100%;padding:0}.cv-document{box-shadow:none;border:none;border-radius:0;padding:0}.cv-header h1,.cv-role,.cv-contact,.cv-section h2,.cv-section p,.cv-job-role,.cv-job-period,.cv-job-company,.cv-job-bullets li,.cv-edu-degree,.cv-edu-period,.cv-edu-school{color:#000!important}.cv-section,.cv-job,.cv-edu{break-inside:avoid}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-page{width:100%;max-width:1080px;margin:0 auto;padding:24px 20px 40px}.portfolio-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.portfolio-hint{color:var(--on-surface-variant);opacity:.8;font-size:12px;font-weight:600}.portfolio-stage{align-items:stretch;gap:24px;height:min(72vh,620px);min-height:460px;display:flex}.wheel-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:20px;outline:none;flex:0 0 30%;min-width:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 24% 76%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 24% 76%,#0000 100%)}.wheel-stage.dragging{cursor:grabbing}.wheel-stage:focus-visible{box-shadow:0 0 0 2px var(--primary) inset}.wheel-marker{background:var(--primary);width:14px;height:14px;box-shadow:var(--shadow-dock);z-index:2;border-radius:50%;position:absolute;top:50%;left:calc(30% - 30px);transform:translateY(-50%)}.wheel-item{transform-origin:0;white-space:nowrap;letter-spacing:-.01em;color:var(--on-surface-variant);pointer-events:none;font-size:clamp(1.05rem,2.2vw,1.5rem);font-weight:600;line-height:1;position:absolute;top:50%;left:30%}.wheel-item.selected{color:var(--primary);font-weight:800}.project-panel{flex:1;min-width:0;display:flex;position:relative}.project-panel-card{flex:1;min-width:0}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);height:100%;box-shadow:var(--shadow-dock);color:var(--on-surface);border-radius:clamp(18px,2vw,28px);flex-direction:column;transition:border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.project-card-media{aspect-ratio:16/9;border-bottom:1px solid var(--glass-border);background:var(--surface);flex-shrink:0;width:100%;margin:0;position:relative;overflow:hidden}.project-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.project-card:hover .project-card-media img{transform:scale(1.03)}.project-card-media-overlay{pointer-events:none;background:linear-gradient(#0000000d 0%,#00000059 100%);position:absolute;inset:0}.project-card-index-badge{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);letter-spacing:.06em;color:var(--on-surface);box-shadow:var(--shadow-soft);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.project-card-text{flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:0;padding:clamp(18px,2.2vw,32px);display:flex;overflow-y:auto}.project-card-header{align-items:center;margin-bottom:8px;display:flex}.project-card-eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.project-card-title{letter-spacing:-.03em;max-width:20ch;color:var(--on-surface);text-wrap:balance;font-size:clamp(20px,2.2vw,30px);font-weight:700;line-height:1.15}.project-card-summary{max-width:44rem;color:var(--on-surface-variant);margin-top:clamp(10px,1.2vw,16px);font-size:clamp(13px,1vw,14.5px);line-height:1.6}.project-card-tech{flex-wrap:wrap;gap:8px;margin-top:clamp(14px,1.6vw,22px);display:flex}.tech-chip{background:var(--surface);border:1px solid var(--glass-border);color:var(--on-surface);letter-spacing:.02em;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;box-shadow:0 2px 6px #0000000a}.flip-stack{position:relative}.flip-stack-sticky{flex-direction:column;justify-content:center;height:100vh;padding:16px clamp(14px,4vw,64px);display:flex;position:sticky;top:0;overflow:hidden}.flip-stack-stage{aspect-ratio:3/4.3;perspective:800px;width:100%;max-width:560px;margin:0 auto;position:relative}.flip-card{will-change:transform;width:100%;height:100%;position:absolute;inset:0}.flip-card .project-card{background:var(--surface);-webkit-backdrop-filter:none;box-shadow:0 14px 36px #00000038,0 1px 3px #0000001a}.flip-card-inner{height:100%}.flip-stack-end{justify-content:center;align-items:center;min-height:60vh;display:flex}.flip-stack-end p{letter-spacing:-.07em;color:var(--on-surface);font-size:clamp(40px,9vw,120px);font-weight:600;line-height:1}.home-page{--background:#fff;--surface:#fff;--surface-soft:#f7f9ff;--primary:#e8001c;--primary-deep:#b90016;--primary-soft:#fff0f2;--secondary:#3464ff;--navy:#040f43;--on-surface:#000;--on-surface-variant:#8187a1;--outline-variant:#e9edfa;--shadow-soft:0 1px 2px #0511470d;--shadow-card:0 10px 20px #05114712;--shadow-deep:0 10px 36px #05114733;--home-nav-height:72px;width:100%;max-width:none;padding:var(--home-nav-height) 0 56px;background:var(--background);color:var(--on-surface);font-family:PingFang SC,Noto Sans SC,sans-serif;overflow-x:hidden}.home-page :where(h1,h2,h3,p,a,button,span,strong){font-family:PingFang SC,Noto Sans SC,sans-serif}.home-page .material-symbols-outlined{font-family:Material Symbols Outlined}.home-nav-shell{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #e9edfaeb;width:100%;position:fixed;inset:0 0 auto;box-shadow:0 8px 24px #0511470f}.home-page .home-nav{width:min(1240px,100% - 80px);height:var(--home-nav-height);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.home-brand{color:#000;letter-spacing:-.03em;align-items:center;gap:12px;font-size:21px;font-weight:700;text-decoration:none;display:inline-flex}.home-brand-mark{color:#f47b20}.home-nav-links{white-space:nowrap;align-items:center;gap:28px;margin-left:auto;display:flex}.home-nav-links a{color:#000;align-items:center;min-height:44px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.home-nav-links a:hover,.home-nav-links a:focus-visible{color:var(--primary);outline:none}.home-nav-button,.home-nav-icon{border:1px solid var(--outline-variant);color:#000;cursor:pointer;background:#fff;border-radius:15px;flex:none;min-height:44px}.home-nav-button{white-space:nowrap;align-items:center;gap:8px;padding:0 15px;font:500 14px PingFang SC,Noto Sans SC,sans-serif;display:inline-flex}.home-nav-icon{place-items:center;width:44px;display:grid}.home-nav-actions{flex-flow:row;flex:none;align-items:center;gap:10px;display:flex}.home-nav-button:hover,.home-nav-button:focus-visible,.home-nav-icon:hover,.home-nav-icon:focus-visible{border-color:var(--primary);color:var(--primary);outline-offset:2px;outline:3px solid #e8001c26}.home-page .template-dropdown{border:1px solid var(--outline-variant);width:300px;box-shadow:var(--shadow-deep);background:#fff;border-radius:2px;top:calc(100% + 10px);left:auto;right:0}.home-page .template-item:hover,.home-page .template-item:focus-visible{background:var(--primary-soft);outline:2px solid #e8001c33}.home-page .hero{min-height:min(680px, calc(100dvh - var(--home-nav-height)));background:#fff;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);align-items:center;gap:clamp(40px,6vw,80px);width:min(1240px,100% - 80px);margin:0 auto;padding:clamp(40px,6vh,72px) 0;display:grid;position:relative;overflow:visible}.home-page .cover,.home-page .avatar-ring{display:none}.home-hero-content{z-index:2;max-width:660px;position:relative}.home-eyebrow{color:var(--primary);letter-spacing:.08em;margin-bottom:20px;font-size:13px;font-weight:700}.home-hero-content h1{color:#000;letter-spacing:-.05em;max-width:12ch;font-size:clamp(42px,5.2vw,66px);font-weight:700;line-height:1.05}.home-hero-content>p{max-width:580px;color:var(--on-surface-variant);margin-top:20px;font-size:17px;line-height:1.6}.home-hero-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.home-cta{border:0;border-radius:15px;align-items:center;gap:9px;min-height:50px;padding:0 24px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.home-cta-primary{background:var(--primary);color:#fff;box-shadow:0 10px 20px #e8001c33}.home-cta-secondary{background:var(--surface-soft);color:var(--secondary)}.home-cta:hover,.home-cta:focus-visible{outline-offset:2px;outline:3px solid #e8001c33;transform:translateY(-2px)}.home-hero-proof{color:var(--on-surface-variant);flex-wrap:wrap;gap:20px;margin-top:24px;padding:0;font-size:14px;list-style:none;display:flex}.home-hero-proof li{align-items:center;gap:7px;display:inline-flex}.home-hero-proof .material-symbols-outlined{color:var(--secondary);font-size:18px}.home-hero-showcase{background:var(--navy);box-shadow:var(--shadow-deep);border-radius:22px;padding:20px;transform:rotate(2deg)}.home-showcase-head{color:#8187a1;justify-content:space-between;align-items:center;margin-bottom:28px;font:12px monospace;display:flex}.home-showcase-head div{gap:5px;display:flex}.home-showcase-head div span{background:#e8001c;border-radius:50%;width:8px;height:8px}.home-showcase-head div span:nth-child(2){background:#ffb000}.home-showcase-head div span:nth-child(3){background:#4fd479}.home-showcase-item{color:#fff;border-top:1px solid #ffffff1a;grid-template-columns:42px 1fr 24px;align-items:center;gap:13px;min-height:78px;padding:14px 16px;text-decoration:none;display:grid}.home-showcase-item>.material-symbols-outlined:first-child{color:#7ea0ff}.home-showcase-item strong{font-size:16px;display:block}.home-showcase-item div span{color:#8187a1;margin-top:5px;font-size:13px;display:block}.home-showcase-item>.material-symbols-outlined:last-child{color:#8187a1}.home-showcase-featured{background:var(--primary);border-radius:12px;margin:0 -6px}.home-showcase-featured>.material-symbols-outlined:first-child,.home-showcase-featured>.material-symbols-outlined:last-child{color:#fff}.home-tools{width:min(1240px,100% - 80px);margin:0 auto;padding:100px 0 60px;scroll-margin-top:21px}.home-tools-heading{justify-content:space-between;align-items:end;gap:21px;margin-bottom:36px;display:flex}.home-tools-heading h2{color:#000;letter-spacing:-.04em;max-width:620px;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.1}.home-tools-count{background:var(--surface-soft);color:var(--on-surface-variant);box-shadow:var(--shadow-soft);border-radius:50px;flex-shrink:0;padding:7px 14px}.home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.home-category{border:1px solid var(--outline-variant);min-height:360px;box-shadow:var(--shadow-card);background:#fff;border-radius:18px;padding:28px;transition:transform .2s,box-shadow .2s}.home-category:hover{box-shadow:var(--shadow-deep);transform:translateY(-4px)}.home-category-top{align-items:center;gap:14px;display:flex}.home-category-top>.material-symbols-outlined{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:15px;place-items:center;display:grid}.home-category h3{color:#000;font-size:20px;font-weight:700}.home-category>p{min-height:52px;color:var(--on-surface-variant);margin:14px 0 21px;font-size:16px;line-height:1.6}.home-category nav{gap:7px;display:grid}.home-category-item-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.home-category-item{color:#000;border:1px solid #0000;border-radius:10px;grid-template-columns:28px 1fr 24px;align-items:center;gap:10px;min-height:50px;padding:7px 10px;display:grid}.home-category-item:hover,.home-category-item:focus-within{background:var(--surface-soft);border-color:#dbe4ff;outline:2px solid #3464ff2e}.home-product-link{color:#000;font-weight:600;text-decoration:none}.home-product-link:hover,.home-product-link:focus-visible{color:var(--secondary);outline:none}.home-category-item-copy small a{color:var(--on-surface-variant);text-decoration:underline}.home-category-item-copy small a:hover,.home-category-item-copy small a:focus-visible{color:var(--primary)}.home-product-arrow{min-width:24px;min-height:44px;color:var(--secondary);place-items:center;text-decoration:none;display:grid}.home-product-arrow:focus-visible{border-radius:6px;outline:2px solid #3464ff59}.home-category-item>.material-symbols-outlined:first-child{color:var(--secondary)}.home-category-item-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-category-item-copy small{color:var(--on-surface-variant);font-size:12px;font-weight:400}.home-contribute{background:var(--navy);color:#fff;width:min(1240px,100% - 80px);box-shadow:var(--shadow-deep);border-radius:22px;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);margin:40px auto 80px;display:grid;overflow:hidden}.home-contribute-copy{padding:60px}.home-contribute .home-eyebrow{color:#ff9a57}.home-contribute h2{max-width:15ch;font-size:clamp(30px,4vw,48px);font-weight:700;line-height:1.1}.home-contribute-copy>p{color:#b7bed7;max-width:62ch;margin-top:14px;font-size:17px;line-height:1.65}.home-contribute-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.home-contribute-actions a{border-radius:15px;align-items:center;gap:9px;min-height:48px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.home-contribute-primary{background:var(--primary);color:#fff}.home-contribute-secondary{color:#fff;border:1px solid #e3e5e9}.home-contribute-actions a:hover,.home-contribute-actions a:focus-visible{outline-offset:2px;outline:3px solid #ffffff8c;transform:translateY(-2px)}.home-contribute-paths{background:#071850;grid-template-rows:repeat(3,1fr);display:grid}.home-contribute-path{border-bottom:1px solid #ffffff1a;border-left:1px solid #ffffff1a;grid-template-columns:38px 1fr;align-content:center;gap:14px;padding:25px 30px;display:grid}.home-contribute-path:last-child{border-bottom:0}.home-contribute-path .material-symbols-outlined{color:#7ea0ff;font-size:28px}.home-contribute-path strong{color:#fff;font-size:16px;display:block}.home-contribute-path span:last-child{color:#d5d5d5;margin-top:4px;font-size:14px;line-height:1.45;display:block}.home-contribute{isolation:isolate;position:relative}.home-contribute:before{content:"";filter:blur(4px);pointer-events:none;background:#3464ff3d;border-radius:50%;width:240px;height:240px;animation:8s ease-in-out infinite alternate contribute-orbit;position:absolute;top:-120px;right:-100px}.home-contribute-copy,.home-contribute-paths{z-index:1;position:relative}.home-contribute-note{color:#9ea8ce!important;margin-top:20px!important;font-size:13px!important}.home-contribute-actions svg{width:20px;height:20px}.home-contribute-path{grid-template-columns:30px 32px 1fr;position:relative;overflow:hidden}.home-contribute-step{color:#ffffff61;letter-spacing:.08em;font:700 12px/1 PingFang SC,Noto Sans SC,sans-serif}.home-contribute-path:after{content:"";background:var(--primary);transform-origin:0;height:2px;transition:transform .35s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.home-contribute-path:hover:after{transform:scaleX(1)}@keyframes contribute-orbit{0%{transform:translate(0,0)}to{transform:translate(-70px,60px)}}@media (prefers-reduced-motion:reduce){.home-contribute:before{animation:none}}@media (width<=640px){.home-contribute-path{grid-template-columns:26px 32px 1fr}.home-contribute-step{font-size:11px}}.home-page .social-card,.home-page .footer{width:min(1240px,100% - 80px);margin-left:auto;margin-right:auto}.home-page .social-card{border:1px solid var(--outline-variant);box-shadow:var(--shadow-card);background:#fff;border-radius:18px;margin-top:20px;padding:21px}.home-page .social-row{justify-content:center;gap:20px;display:flex}.home-page .social-row a{min-width:44px;min-height:44px;color:var(--on-surface-variant);place-items:center;display:grid}.home-page .social-row a:hover,.home-page .social-row a:focus-visible{color:var(--primary);border-radius:10px;outline:2px solid #e8001c33}.home-page .footer{text-align:center;padding-top:28px}.home-page .footer-copy{color:var(--on-surface-variant);font-size:14px}.home-page.home-theme-neo{--primary:#ff385c;--primary-deep:#111;--secondary:#3057ff;--navy:#111;--surface-soft:#fff23d;--outline-variant:#111;--shadow-card:8px 8px 0 #111;--shadow-deep:12px 12px 0 #111}.home-theme-neo .home-category,.home-theme-neo .home-nav-button,.home-theme-neo .home-nav-icon{border:3px solid #111;border-radius:0;box-shadow:5px 5px #111}.home-theme-neo .home-hero-showcase,.home-theme-neo .home-contribute{border:3px solid #111;border-radius:0;transform:rotate(-1deg)}.home-theme-neo .home-cta{border:3px solid #111;border-radius:0;box-shadow:5px 5px #111}.home-page.home-theme-cyber{--primary:#00e5ff;--primary-deep:#00778a;--secondary:#9d7cff;--navy:#090b24;--surface-soft:#eef4ff;--outline-variant:#c8d4ff}.home-theme-cyber .home-hero-showcase,.home-theme-cyber .home-contribute{background:linear-gradient(135deg,#090b24,#151a4c);border:1px solid #635dff;box-shadow:0 0 40px #00e5ff33}.home-theme-cyber .home-category{background:#ffffffe6;border-color:#635dff66}.home-page.home-theme-luxury{--primary:#9b6b35;--primary-deep:#694522;--secondary:#8b6f47;--navy:#2d2118;--surface-soft:#f7f0e7;--outline-variant:#ded0bc;font-family:Playfair Display,serif}.home-theme-luxury :where(h1,h2,h3,.home-brand){letter-spacing:-.02em;font-family:Playfair Display,serif;font-weight:600}.home-theme-luxury .home-hero-showcase,.home-theme-luxury .home-contribute{background:#2d2118;border-radius:2px}.home-theme-luxury .home-category{border-radius:2px;box-shadow:0 10px 30px #502d141f}.home-page.home-theme-fluid{--primary:#7c3aed;--primary-deep:#5422aa;--secondary:#06b6d4;--navy:#1d153d;--surface-soft:#f5f3ff;--outline-variant:#e2d9ff}.home-theme-fluid .home-hero-showcase{border-radius:40px;transform:rotate(2deg)translateY(-8px)}.home-theme-fluid .home-category{border-radius:30px}.home-theme-fluid .home-cta{border-radius:999px}.home-page.home-theme-arcade{--primary:#f7d51d;--primary-deep:#b88600;--secondary:#53e0c0;--navy:#1a1b26;--surface-soft:#e7f7f2;--outline-variant:#565f89;color:#c0caf5;background:#1a1b26;font-family:Courier New,monospace}.home-theme-arcade :where(h1,h2,h3,p,a,button,span,strong){font-family:Courier New,monospace}.home-theme-arcade .home-category,.home-theme-arcade .home-nav-button,.home-theme-arcade .home-nav-icon{color:#c0caf5;background:#24283b;border-radius:0}.home-theme-arcade .home-hero-showcase,.home-theme-arcade .home-contribute{border-radius:0;box-shadow:8px 8px #000}.home-page.home-theme-terminal{--primary:#73daca;--primary-deep:#2da68b;--secondary:#e0af68;--navy:#0f141c;--surface-soft:#e7fff9;--outline-variant:#2c554f;color:#73daca;background:#0f141c;font-family:Courier New,monospace}.home-theme-terminal :where(h1,h2,h3,p,a,button,span,strong){font-family:Courier New,monospace}.home-theme-terminal .home-hero-showcase,.home-theme-terminal .home-contribute{border:1px solid #73daca;border-radius:0}.home-theme-terminal .home-category{background:#161c26;border-color:#2c554f}.home-page.home-theme-swiss{--primary:#e63232;--primary-deep:#a71919;--secondary:#111;--navy:#111;--surface-soft:#f4f4f4;--outline-variant:#111}.home-theme-swiss .home-category-grid{grid-template-columns:repeat(2,1fr);gap:0}.home-theme-swiss .home-category{box-shadow:none;border:1px solid #111;border-radius:0}.home-theme-swiss .home-hero-content h1{letter-spacing:-.08em}.home-theme-arcade .home-nav,.home-theme-terminal .home-nav,.home-theme-arcade .home-tools,.home-theme-terminal .home-tools,.home-theme-arcade .home-brand,.home-theme-terminal .home-brand,.home-theme-arcade .home-nav-links a,.home-theme-terminal .home-nav-links a,.home-theme-arcade .home-hero-content h1,.home-theme-terminal .home-hero-content h1,.home-theme-arcade .home-tools-heading h2,.home-theme-terminal .home-tools-heading h2,.home-theme-arcade .home-category h3,.home-theme-terminal .home-category h3,.home-theme-arcade .home-category-item,.home-theme-terminal .home-category-item,.home-theme-arcade .home-product-link,.home-theme-terminal .home-product-link{color:inherit}.home-theme-arcade .home-nav-button,.home-theme-terminal .home-nav-button,.home-theme-arcade .home-nav-icon,.home-theme-terminal .home-nav-icon{color:inherit;background:#24283b}.home-theme-arcade .hero,.home-theme-terminal .hero,.home-theme-arcade .home-category,.home-theme-terminal .home-category,.home-theme-arcade .social-card,.home-theme-terminal .social-card{background:#1a1b26}.home-theme-terminal .hero,.home-theme-terminal .home-category,.home-theme-terminal .social-card{background:#0f141c}.home-theme-arcade .home-category-item:hover,.home-theme-terminal .home-category-item:hover{background:#24283b}.home-theme-arcade .home-category-item-copy small,.home-theme-terminal .home-category-item-copy small{color:#9aa7c7}.home-page .template-item.is-active{background:var(--primary-soft);color:var(--primary)}.home-page .template-item.is-active .template-item-label{font-weight:700}.home-page.home-theme-airbnb{--primary:#ff385c;--primary-deep:#c81e3a;--secondary:#008489;--navy:#1b2530;--surface-soft:#fff3f5;--outline-variant:#e9e9e9}.home-theme-airbnb .home-category{border-radius:22px;box-shadow:0 10px 30px #00000014}.home-theme-airbnb .home-cta{border-radius:999px}.home-theme-airbnb .home-hero-showcase,.home-theme-airbnb .home-contribute{border-radius:28px}.home-repositories{width:min(1240px,100% - 80px);margin:40px auto 80px}.home-repositories .home-tools-heading{margin-bottom:28px}.home-repositories-more{color:var(--secondary);white-space:nowrap;align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.home-repositories-more:hover,.home-repositories-more:focus-visible{color:var(--primary);outline:2px solid var(--primary-soft);outline-offset:4px}.home-repository-marquee{overscroll-behavior-inline:contain;scrollbar-width:none;cursor:grab;padding:10px 4px 24px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.home-repository-marquee::-webkit-scrollbar{display:none}.home-repository-marquee:active{cursor:grabbing}.home-repository-track{gap:18px;width:max-content;display:flex}.home-repository-marquee .repo-card{scroll-snap-align:none;flex:0 0 310px;gap:10px;padding-bottom:20px}.home-repository-marquee .repo-card-body{gap:7px}.home-repository-marquee .repo-card-meta{gap:12px}[data-theme=dark] .home-page{--background:#fff;--surface:#fff;--surface-soft:#f7f9ff;--on-surface:#000;--on-surface-variant:#8187a1}.home-page *,.home-page :before,.home-page :after{transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}@media (width<=900px){.home-page .home-nav,.home-page .hero,.home-tools,.home-contribute,.home-page .social-card,.home-page .footer{width:calc(100% - 40px)}.home-nav-links{gap:20px}.home-page .hero{grid-template-columns:1fr;gap:55px;padding:70px 0 100px}.home-hero-content{max-width:720px}.home-hero-showcase{width:100%;max-width:560px;margin:0 auto}.home-category-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.home-page .home-nav{width:calc(100% - 28px);min-height:72px}.home-nav-links,.home-nav-button-label{display:none}.home-nav-button{justify-content:center;width:44px;padding:0}.home-page .hero{width:calc(100% - 28px);min-height:auto;padding:55px 0 70px}.home-hero-content h1{font-size:clamp(40px,12vw,56px)}.home-hero-content>p{font-size:16px}.home-hero-proof{gap:12px;font-size:12px}.home-tools{width:calc(100% - 28px);padding-top:60px}.home-tools-heading{flex-direction:column;align-items:flex-start}.home-category-grid{grid-template-columns:1fr}.home-category{min-height:auto;padding:21px}.home-contribute{grid-template-columns:1fr;width:calc(100% - 28px)}.home-contribute-copy{padding:36px 21px}.home-contribute-path{border-left:0;padding:18px 21px}.home-page .social-card,.home-page .footer{width:calc(100% - 28px)}.home-showcase-item{min-height:78px}}@media (prefers-reduced-motion:reduce){.home-page *,.home-page :before,.home-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transform:none!important}.home-repository-track{animation:none}}.creator-page{width:100%;max-width:1400px;margin:0 auto;padding:24px 20px 64px}.creator-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.creator-toolbar-left,.creator-toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.creator-back{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--on-surface);box-shadow:var(--shadow-soft);border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:inline-flex}.creator-back:hover{background:var(--primary-soft);color:var(--primary);transform:translateY(-2px)}.creator-back .material-symbols-outlined{font-size:18px}.creator-save-status{color:var(--on-surface-variant);font-size:12.5px;font-weight:600}.creator-save-status.is-error{color:#dc2626}.creator-download{background:var(--primary);color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.creator-download:hover:not(:disabled){background:var(--primary-deep);box-shadow:var(--shadow-dock);transform:translateY(-2px)}.creator-download:disabled{opacity:.6;cursor:progress}.creator-download .material-symbols-outlined{font-size:18px}.creator-error{color:#991b1b;background:#fee2e2;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-size:13.5px;font-weight:600}.creator-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:24px;display:grid}.creator-form{flex-direction:column;gap:12px;display:flex}.creator-section{background:var(--surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);border-radius:16px;overflow:hidden}.creator-section-head{cursor:pointer;width:100%;color:var(--on-surface);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-family:inherit;transition:background .2s;display:flex}.creator-section-head:hover{background:var(--primary-soft)}.creator-section-title{letter-spacing:-.01em;font-size:15px;font-weight:700}.creator-section-chevron{color:var(--on-surface-variant);font-size:22px}.creator-section-body{flex-direction:column;gap:14px;padding:4px 18px 18px;display:flex}.creator-field{flex-direction:column;gap:6px;display:flex}.creator-field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-variant);font-size:12px;font-weight:700}.creator-input,.creator-textarea{border:1px solid var(--glass-border);background:var(--glass-bg);width:100%;color:var(--on-surface);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.creator-textarea{resize:vertical;min-height:60px}.creator-input:focus,.creator-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.creator-item{border:1px dashed var(--glass-border);background:var(--glass-bg);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.creator-item-toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.creator-item-index{letter-spacing:.08em;color:var(--primary);font-size:12px;font-weight:800}.creator-item-actions{gap:4px;display:flex}.creator-icon-btn{border:1px solid var(--glass-border);background:var(--surface);width:30px;height:30px;color:var(--on-surface-variant);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .15s;display:inline-flex}.creator-icon-btn .material-symbols-outlined{font-size:17px}.creator-icon-btn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);transform:translateY(-1px)}.creator-icon-btn:disabled{opacity:.35;cursor:not-allowed}.creator-icon-btn-danger:hover:not(:disabled){color:#dc2626;background:#fee2e2}.creator-add-btn{border:1px dashed var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .2s,transform .15s;display:inline-flex}.creator-add-btn:hover{background:var(--primary-soft);transform:translateY(-1px)}.creator-add-btn .material-symbols-outlined{font-size:18px}.creator-empty-hint{color:var(--on-surface-variant);font-size:13px;line-height:1.6}.creator-reset-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.creator-reset-btn{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #dc2626;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.creator-reset-btn:hover,.creator-reset-btn.is-confirming{color:#fff;background:#dc2626}.creator-cancel-btn{border:1px solid var(--glass-border);color:var(--on-surface-variant);cursor:pointer;background:0 0;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600}.creator-preview-pane{flex-direction:column;gap:10px;display:flex;position:sticky;top:20px}.creator-preview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);font-size:12px;font-weight:700}.creator-preview-scroll{border:1px solid var(--glass-border);background:#e5e7eb;border-radius:16px;max-height:calc(100vh - 140px);padding:20px;overflow:auto;box-shadow:inset 0 2px 10px #0f172a0f}.creator-preview-scaler{transform-origin:0 0;width:190mm}.ct-document{color:#111;background:#fff;width:190mm;min-height:277mm;padding:12mm 14mm;font-family:Plus Jakarta Sans,Arial,Helvetica,sans-serif;font-size:10.5pt;line-height:1.5;box-shadow:0 10px 40px #0f172a29}.ct-header{text-align:center;border-bottom:1.5px solid #111;margin-bottom:14px;padding-bottom:10px}.ct-name{letter-spacing:-.01em;color:#111;font-size:20pt;font-weight:800;line-height:1.15}.ct-role{color:#2563eb;margin-top:4px;font-size:11pt;font-weight:700}.ct-contact{color:#3f3f46;margin-top:7px;font-size:9.5pt}.ct-section{margin-bottom:13px}.ct-heading{letter-spacing:.12em;text-transform:uppercase;color:#111;border-bottom:1px solid #d4d4d8;margin-bottom:7px;padding-bottom:3px;font-size:10.5pt;font-weight:800}.ct-paragraph{color:#27272a;text-align:justify;font-size:10.5pt;line-height:1.55}.ct-skill-row{color:#27272a;margin-bottom:3px;font-size:10.5pt;line-height:1.55}.ct-skill-category{color:#111;font-weight:700}.ct-job,.ct-edu{margin-bottom:10px}.ct-job:last-child,.ct-edu:last-child{margin-bottom:0}.ct-job-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ct-job-title{color:#111;font-size:10.5pt;font-weight:700}.ct-job-period{color:#52525b;white-space:nowrap;flex-shrink:0;font-size:9.5pt}.ct-project-title{color:#3f3f46;margin-top:2px;font-size:10pt;font-style:italic}.ct-edu-note{color:#52525b;margin-top:2px;font-size:9.5pt}.ct-bullets{margin:4px 0 0;padding-left:16px;list-style:outside}.ct-bullets li{color:#27272a;margin-bottom:2px;font-size:10pt;line-height:1.5}@media print{.creator-toolbar,.creator-form,.creator-preview-label,.creator-error{display:none!important}.creator-layout{display:block}.creator-preview-scroll{max-height:none;box-shadow:none;background:0 0;border:none;padding:0;overflow:visible}.creator-preview-scaler{width:auto;transform:none!important}.ct-document{width:auto;min-height:0;box-shadow:none;padding:0}}@media (width<=1100px){.creator-layout{grid-template-columns:1fr}.creator-preview-pane{position:static}.creator-preview-scroll{max-height:none}}@media (width<=720px){.creator-preview-scaler{transform:scale(.42)}.creator-preview-scroll{padding:12px}}.typing-game-wrapper{color:#c0caf5;background:#1a1b26 radial-gradient(#2f334d 1px,#0000 1px) 0 0/16px 16px;min-height:100vh;padding:1rem;font-family:Courier New,Courier,monospace;overflow-x:hidden}.typing-game-shell{max-width:760px;margin:0 auto}.typing-game-topbar,.typing-game-controls,.typing-game-hud{align-items:center;gap:.75rem;display:flex}.typing-game-topbar{justify-content:space-between;margin:0 auto 1rem}.typing-game-btn{color:#7aa2f7;cursor:pointer;letter-spacing:.06em;background:#24283b;border:2px solid #565f89;padding:.75rem;font:800 .75rem/1 Courier New,monospace;box-shadow:3px 3px #000}.typing-game-btn:hover,.typing-game-btn:focus-visible{color:#fff;outline-offset:2px;border-color:#bb9af7;outline:3px solid #e0af68}.typing-game-btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.typing-game-btn-primary{color:#1a1b26;background:#9ece6a;border-color:#c0f080}.typing-game-btn-danger{color:#f7768e}.typing-game-title{color:#e0af68;letter-spacing:.08em;text-transform:uppercase;margin:.5rem 0;font-size:clamp(1.4rem,5vw,2.3rem)}.typing-game-subtitle{color:#a9b1d6;margin:0 0 1rem}.typing-game-console{color:#1f2937;background:#c0c4cc;border:4px solid #111;padding:clamp(1rem,4vw,2rem);box-shadow:8px 8px #000}.typing-game-screen{background:#0f141c;border:3px solid #111;padding:1rem;position:relative;overflow:hidden;box-shadow:inset 3px 3px #00000080}.typing-game-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff09 4px);position:absolute;inset:0}.typing-game-hud{z-index:1;border-bottom:1px dashed #565f89;grid-template-columns:repeat(2,1fr);padding-bottom:.75rem;display:grid;position:relative}.typing-game-stat{flex-direction:column;gap:.2rem;display:flex}.typing-game-stat-label{color:#e0af68;letter-spacing:.1em;font-size:.65rem}.typing-game-stat-value{color:#7aa2f7;font-size:1.15rem;font-weight:900}.typing-game-stat-value.typing-game-lives{color:#f7768e}.typing-game-status{z-index:1;color:#73daca;min-height:2.5rem;margin:1rem 0;position:relative}.typing-game-target-area{z-index:1;cursor:text;background:#16161e;border:2px solid #565f89;padding:1rem;position:relative}.typing-game-target-label{color:#e0af68;letter-spacing:.08em;font-size:.7rem}.typing-game-target-header{justify-content:space-between;gap:1rem;display:flex}.typing-game-target{color:#fff;letter-spacing:.04em;overflow-wrap:anywhere;margin:1rem 0;font-size:clamp(1.25rem,6vw,2rem);font-weight:900}.typing-game-target-match{color:#9ece6a}.typing-game-target-rest{color:#a9b1d6}.typing-game-progress{background:#24283b;border:2px solid #565f89;height:10px}.typing-game-progress-bar{background:#e0af68;height:100%;transition:width .2s linear}.typing-game-input-wrap{z-index:1;margin-top:1rem;position:relative}.typing-game-input{box-sizing:border-box;color:#fff;background:#24283b;border:2px solid #565f89;width:100%;padding:.75rem;font:1rem Courier New,monospace}.typing-game-input:focus{outline-offset:2px;outline:3px solid #e0af68}.typing-game-controls{flex-wrap:wrap;margin-top:1rem}.typing-game-controls .typing-game-btn{flex:8rem}.typing-game-meta{color:#a9b1d6;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:1rem;font-size:.7rem;display:flex}.typing-game-overlay{z-index:2;color:#fff;background:#0f141cf2;border:2px solid #e0af68;padding:1rem;position:relative}.typing-game-overlay h2{color:#f7768e;margin-top:0}.typing-game-overlay dl{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.typing-game-overlay dt{color:#e0af68}.typing-game-overlay dd{text-align:right;margin:0}.typing-game-best{color:#e0af68;font-weight:800}@media (width<=420px){.typing-game-target-header{flex-direction:column;align-items:flex-start;gap:.35rem}}@media (width>=600px){.typing-game-wrapper{padding:2rem 1.5rem}.typing-game-hud{grid-template-columns:repeat(5,1fr)}.typing-game-controls{justify-content:flex-end}.typing-game-controls .typing-game-btn{flex:0 auto}}@media (prefers-reduced-motion:reduce){.typing-game-progress-bar,.typing-game-btn{transition:none}.typing-game-screen:after{display:none}}.game-lawas-page{background:#020617;width:100%;height:100dvh;position:relative;overflow:hidden}.game-lawas-frame{border:0;width:100%;height:100%;display:block}.game-lawas-back{z-index:100;color:#fff;background:#020617e0;border:1px solid #ffffff80;border-radius:4px;align-items:center;gap:7px;min-height:44px;padding:10px 14px;font:700 14px Lato,sans-serif;text-decoration:none;display:inline-flex;position:fixed;top:14px;left:14px;box-shadow:0 10px 20px #00000059}.game-lawas-back:hover,.game-lawas-back:focus-visible{color:#333;outline-offset:2px;background:#f60;outline:3px solid #ffffffb3}.game-lawas-back .material-symbols-outlined{font-size:20px}.dt-page{width:100%;max-width:900px;margin:0 auto;padding:24px 20px 64px}.dt-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.dt-toolbar-title{letter-spacing:-.02em;color:var(--on-surface);align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.dt-toolbar-title .material-symbols-outlined{color:var(--primary);font-size:24px}.dt-back{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--on-surface);box-shadow:var(--shadow-soft);border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:inline-flex}.dt-back:hover{background:var(--primary-soft);color:var(--primary);transform:translateY(-2px)}.dt-back:active{transform:scale(.94)}.dt-back .material-symbols-outlined{font-size:18px}.dt-tabs{z-index:20;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);border-radius:16px;flex-wrap:wrap;gap:8px;margin:0 -14px 20px;padding:10px 14px;display:flex;position:sticky;top:0}.dt-tab{color:var(--on-surface-variant);white-space:nowrap;border:1px solid #0000;border-radius:11px;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:600;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.dt-tab:hover{background:var(--primary-soft);color:var(--primary)}.dt-tab.is-active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.dt-tab .material-symbols-outlined{font-size:18px}.dt-panel{flex-direction:column;gap:16px;display:flex}.dt-panel-head{padding:0 4px}.dt-panel-head h1{letter-spacing:-.02em;color:var(--on-surface);font-size:26px;font-weight:800}.dt-panel-head p{color:var(--on-surface-variant);margin-top:6px;font-size:14px;line-height:1.6}.dt-tool{background:var(--surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex}.dt-textarea-wrap{flex-direction:column;gap:6px;display:flex}.dt-label{letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);font-size:12px;font-weight:700}.dt-textarea{resize:vertical;border:1px solid var(--outline-variant);background:var(--background);width:100%;min-height:120px;color:var(--on-surface);border-radius:12px;padding:12px 14px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.55;transition:border-color .18s,box-shadow .18s}.dt-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.dt-textarea-code{min-height:90px}.dt-actions{flex-wrap:wrap;gap:8px;display:flex}.dt-btn{background:var(--primary);color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:11px;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex}.dt-btn:hover:not(:disabled){background:var(--primary-deep);box-shadow:var(--shadow-dock);transform:translateY(-2px)}.dt-btn:active:not(:disabled){transform:scale(.95)}.dt-btn:disabled{opacity:.45;cursor:not-allowed}.dt-btn .material-symbols-outlined{font-size:18px}.dt-btn-ghost{color:var(--on-surface);border:1px solid var(--outline-variant);box-shadow:none;background:0 0}.dt-btn-ghost:hover:not(:disabled){background:var(--primary-soft);color:var(--primary);border-color:var(--primary);box-shadow:none}.dt-status{border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.dt-status .material-symbols-outlined{flex-shrink:0;font-size:18px}.dt-status.is-ok{color:#16a34a;background:#22c55e1f}.dt-status.is-error{color:#dc2626;background:#dc26261f}.dt-input{border:1px solid var(--outline-variant);background:var(--background);width:100%;color:var(--on-surface);border-radius:12px;padding:12px 14px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;transition:border-color .18s,box-shadow .18s}.dt-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.dt-flags{flex-wrap:wrap;gap:8px;display:flex}.dt-check-pill{border:1px solid var(--outline-variant);background:var(--background);color:var(--on-surface-variant);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.dt-check-pill:has(input:checked){background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.dt-check-pill input{width:16px;height:16px;accent-color:var(--primary)}.dt-label-hint{color:var(--on-surface-variant);margin-top:2px;font-size:11px;font-weight:500}.dt-regex-result{background:var(--background);border:1px solid var(--glass-border);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.dt-regex-summary{color:var(--on-surface);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.dt-regex-summary .material-symbols-outlined{color:var(--primary);font-size:18px}.dt-regex-groups{flex-direction:column;gap:8px;display:flex}.dt-chips{flex-wrap:wrap;gap:6px;display:flex}.dt-chip{background:var(--surface);border:1px solid var(--outline-variant);color:var(--on-surface-variant);border-radius:999px;padding:4px 10px;font-family:JetBrains Mono,Consolas,monospace;font-size:11.5px;font-weight:600}.dt-match-list{flex-direction:column;gap:8px;display:flex}.dt-match{background:var(--surface);border:1px solid var(--outline-variant);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.dt-match-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dt-match-value{min-width:0;color:var(--on-surface);overflow-wrap:anywhere;flex:1;font-family:JetBrains Mono,Consolas,monospace;font-size:13px}.dt-match-index{color:var(--on-surface-variant);font-family:JetBrains Mono,Consolas,monospace;font-size:11px}.dt-match-groups{border-left:2px solid var(--primary-soft);flex-direction:column;gap:4px;padding-left:6px;display:flex}.dt-match-group{color:var(--on-surface-variant);overflow-wrap:anywhere;font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.dt-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.dt-select{border:1px solid var(--outline-variant);background:var(--background);color:var(--on-surface);cursor:pointer;border-radius:12px;padding:11px 13px;font-family:inherit;font-size:13px}.dt-select:focus{border-color:var(--primary);outline:none}.dt-range{width:100%;accent-color:var(--primary)}.dt-kv{flex-direction:column;gap:8px;display:flex}.dt-kv-row{background:var(--background);border:1px solid var(--glass-border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.dt-kv-label{color:var(--on-surface-variant);font-size:13px;font-weight:600}.dt-kv-value{color:var(--on-surface);overflow-wrap:anywhere;text-align:right;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;font-weight:700}.dt-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.dt-card{background:var(--background);border:1px solid var(--glass-border);border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.dt-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-size:12px;font-weight:700}.dt-card-value{color:var(--on-surface);overflow-wrap:anywhere;word-break:break-all;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;font-weight:700}.dt-card-actions{gap:6px;margin-top:auto;display:flex}.dt-btn-mini{border:1px solid var(--outline-variant);background:var(--surface);color:var(--on-surface-variant);cursor:pointer;border-radius:9px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .18s,color .18s,border-color .18s,transform .15s;display:inline-flex}.dt-btn-mini:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.dt-btn-mini:active{transform:scale(.94)}.dt-btn-mini .material-symbols-outlined{font-size:15px}.dt-divider{background:var(--outline-variant);height:1px;margin:4px 0}.dt-segmented{background:var(--background);border:1px solid var(--outline-variant);border-radius:11px;gap:4px;padding:3px;display:inline-flex}.dt-seg-btn{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 13px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .18s,color .18s}.dt-seg-btn:hover{color:var(--primary)}.dt-seg-btn.is-active{background:var(--primary);color:var(--on-primary)}.dt-seg-btn .material-symbols-outlined{font-size:15px}.dt-case-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.dt-range-wrap{flex:1;align-items:center;gap:12px;min-width:180px;display:flex}.dt-range-wrap .dt-range{flex:1}.dt-check-grid{flex-direction:column;align-items:flex-start;gap:8px}.dt-check-basic{color:var(--on-surface);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.dt-check-basic input{width:16px;height:16px;accent-color:var(--primary)}.dt-password-value{color:var(--on-surface);background:var(--background);border:1px solid var(--outline-variant);overflow-wrap:anywhere;word-break:break-all;border-radius:12px;padding:10px 14px;font-family:JetBrains Mono,Consolas,monospace;font-size:15px;font-weight:700}.dt-strength{background:var(--background);border:1px solid var(--glass-border);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.dt-strength-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.dt-strength-label{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.dt-strength-label.level-0,.dt-strength-label.level-1,.dt-strength-label.level-2{color:#dc2626;background:#dc26261f}.dt-strength-label.level-3,.dt-strength-label.level-4{color:#d97706;background:#f59e0b24}.dt-strength-label.level-5,.dt-strength-label.level-6{color:#16a34a;background:#22c55e24}.dt-strength-label.level-7{color:var(--primary);background:#2563eb24}.dt-strength-bar{background:var(--outline-variant);border-radius:999px;height:8px;overflow:hidden}.dt-strength-fill{background:linear-gradient(90deg, #dc2626, #f59e0b, #16a34a, var(--primary));border-radius:999px;height:100%;transition:width .3s;display:block}.dt-checks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.dt-check-item{color:var(--on-surface-variant);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.dt-check-item .material-symbols-outlined{font-size:16px}.dt-check-item.is-ok{color:#16a34a}.dt-diff-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dt-diff-view{border:1px solid var(--glass-border);background:var(--background);border-radius:14px;max-height:420px;font-family:JetBrains Mono,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow:hidden auto}.dt-diff-line{align-items:stretch;padding:0 12px;display:flex}.dt-diff-line.is-added{background:#22c55e1a}.dt-diff-line.is-removed{background:#dc26261a}.dt-diff-sign{-webkit-user-select:none;user-select:none;color:var(--on-surface-variant);flex:0 0 18px}.dt-diff-line.is-added .dt-diff-sign{color:#16a34a}.dt-diff-line.is-removed .dt-diff-sign{color:#dc2626}.dt-diff-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--on-surface);margin:0;padding:0}.dt-color-input{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.dt-color-input .dt-input{flex:1;min-width:0}.dt-swatch-preview{border:1px solid var(--outline-variant);border-radius:10px;flex:0 0 34px;width:34px;height:34px}.dt-swatch-preview.is-invalid{background:repeating-conic-gradient(#ff000026 0% 25%,#0000 0% 50%) 0 0/12px 12px}.dt-input-monospace{font-family:JetBrains Mono,Consolas,monospace}.dt-color-picker-label{border:1px solid var(--outline-variant);background:var(--background);width:34px;height:34px;color:var(--on-surface-variant);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:relative}.dt-color-picker-label .material-symbols-outlined{pointer-events:none;font-size:18px}.dt-color-picker{opacity:0;cursor:pointer;position:absolute;inset:0}.dt-palette{border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.dt-palette-row{justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;font-weight:600;display:flex}.dt-palette-hex{opacity:.85}.dt-color-pair{gap:8px;display:flex}.dt-color-pair .dt-color-picker-label{gap:8px;width:auto;padding:0 12px}.dt-color-dot{border:1px solid var(--outline-variant);vertical-align:-2px;border-radius:4px;width:14px;height:14px;display:inline-block}.dt-segmented-wrap{flex-wrap:wrap}.dt-qr-result{flex-direction:column;align-items:center;gap:14px;display:flex}.dt-qr-frame{border:1px solid var(--glass-border);box-shadow:var(--shadow-card);border-radius:18px;justify-content:center;align-items:center;display:inline-flex}.dt-qr-frame img{border-radius:10px;display:block}.dt-stops{flex-direction:column;gap:8px;display:flex}.dt-stop{background:var(--background);border:1px solid var(--glass-border);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.dt-stop-index{color:var(--on-surface-variant);min-width:18px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;font-weight:700}.dt-stop .dt-range-wrap{flex:1;min-width:120px}.dt-gradient-preview{border:1px solid var(--glass-border);height:140px;box-shadow:var(--shadow-card);border-radius:16px}.dt-copy-grid{grid-template-columns:1fr;gap:10px;display:grid}.dt-copy-card{flex-direction:column;gap:10px;display:flex}.dt-copy-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.dt-copy-value{background:var(--background);border:1px solid var(--glass-border);color:var(--on-surface);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;border-radius:10px;max-height:160px;margin:0;padding:10px 12px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.5;overflow-y:auto}.dt-layout-preview{border:1px dashed var(--outline);background:linear-gradient(var(--background), var(--background)) padding-box, repeating-conic-gradient(var(--outline-variant) 0% 25%, transparent 0% 50%) 50% / 20px 20px;border-radius:16px;min-height:220px;padding:16px;overflow:auto}.dt-layout-item{background:var(--primary-soft);border:1px solid var(--primary);min-height:48px;color:var(--primary);box-sizing:border-box;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.dt-layout-item b{font-size:14px;font-weight:800}.dt-kv-col{flex-direction:column;align-items:stretch;gap:8px}.dt-status-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-family:JetBrains Mono,Consolas,monospace;font-size:11.5px;font-weight:700;display:inline-flex}.dt-status-chip .material-symbols-outlined{font-size:13px}.dt-status-chip.is-free{color:#2fd573;background:#22c55e24}.dt-status-chip.is-taken{color:#f27373;background:#dc262624}.dt-status-chip.is-error{color:#fbbf24;background:#facc1524}.dt-status-chip.is-dim{background:var(--surface);border:1px solid var(--outline-variant);color:var(--on-surface-variant)}.dt-table-wrap{border:1px solid var(--glass-border);background:var(--surface);border-radius:14px;overflow-x:auto}.dt-table{border-collapse:collapse;width:100%;min-width:480px;font-size:13px}.dt-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);border-bottom:1px solid var(--glass-border);background:var(--background);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:800}.dt-table td{border-bottom:1px solid var(--outline-variant);color:var(--on-surface);vertical-align:middle;padding:10px 14px}.dt-table tbody tr:last-child td{border-bottom:none}.dt-cell-name{font-family:JetBrains Mono,Consolas,monospace;font-weight:700}.dt-cell-bilang{color:var(--on-surface-variant);font-family:JetBrains Mono,Consolas,monospace}.dt-cell-note{color:var(--on-surface-variant);white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.dt-error-box,.dt-warning-box{border-radius:12px;padding:11px 14px;font-size:13px;font-weight:600;line-height:1.5}.dt-error-box{color:#f27373;background:#dc26261f;border:1px solid #dc262659}.dt-warning-box{color:#fbbf24;background:#facc151f;border:1px solid #facc154d}.dt-note{color:var(--on-surface-variant);margin:0;font-size:11.5px;line-height:1.5}.repo-card{border:1px solid color-mix(in srgb, var(--primary) 18%, var(--outline-variant));background:var(--surface);min-width:0;min-height:188px;color:var(--on-surface);text-align:left;cursor:pointer;border-radius:20px;flex-direction:column;align-items:flex-start;gap:16px;padding:22px;transition:transform .24s,border-color .24s,box-shadow .24s;display:flex;position:relative;box-shadow:0 8px 24px #05114714}.repo-card:hover,.repo-card:focus-visible{border-color:var(--primary);outline:none;transform:translateY(-5px)scale(1.035);box-shadow:0 16px 32px #05114724}.repo-card-icon,.repo-modal-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.repo-card-body{flex-direction:column;flex:1;align-items:flex-start;gap:8px;width:100%;min-width:0;display:flex}.repo-card-category{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.repo-card-body strong{letter-spacing:-.025em;font-size:19px}.repo-card-summary{color:var(--on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.repo-card-meta{color:var(--on-surface-variant);flex-wrap:wrap;gap:14px;margin-top:auto;font-size:12px;display:flex}.repo-card-meta span:last-child{color:var(--on-surface-variant);align-items:center;gap:4px;display:inline-flex}.repo-card-meta .repo-card-star{color:#f59e0b;font-size:14px;line-height:1}.repo-card-arrow{color:var(--secondary);position:absolute;top:22px;right:22px}.repo-modal-backdrop{z-index:95;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0f1eb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.repo-modal{border:1px solid var(--outline-variant);background:var(--surface);width:min(520px,100%);color:var(--on-surface);box-shadow:var(--shadow-dock);border-radius:22px;flex-direction:column;align-items:flex-start;gap:14px;padding:32px;display:flex;position:relative}.repo-modal h2{font-size:clamp(28px,5vw,42px)}.repo-modal p{color:var(--on-surface-variant);line-height:1.65}.repo-modal-owner{font-size:13px}.repo-modal-close{border:1px solid var(--outline-variant);width:44px;height:44px;color:var(--on-surface);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.repo-modal-close:hover,.repo-modal-close:focus-visible{color:var(--primary);border-color:var(--primary);outline:2px solid var(--primary-soft)}.repositories-page{color:#101223;background:#f6f8fc;width:100%;min-height:100dvh;padding:76px 0 72px}.repositories-nav-shell{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f8fceb;border-bottom:1px solid #dce2efeb;width:100%;position:fixed;inset:0 0 auto;box-shadow:0 8px 24px #1012230f}.repositories-nav{justify-content:space-between;align-items:center;gap:24px;width:min(1240px,100% - 80px);height:72px;margin:0 auto;display:flex}.repositories-brand{letter-spacing:-.03em;font-size:21px}.repositories-nav-actions{align-items:center;gap:10px;display:flex}.repositories-contribute-link,.repositories-back{color:#000;background:#fff;border:1px solid #e9edfa;border-radius:15px;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.repositories-contribute-link:hover,.repositories-contribute-link:focus-visible,.repositories-back:hover,.repositories-back:focus-visible{color:#e8001c;outline-offset:2px;border-color:#e8001c;outline:3px solid #e8001c26}.repositories-back{font-weight:500}.repositories-brand{color:#000;letter-spacing:-.03em;align-items:center;gap:12px;font:700 21px PingFang SC,Noto Sans SC,sans-serif;text-decoration:none;display:inline-flex}.repositories-brand-mark{color:#f47b20;font-size:inherit}.repositories-brand span{font-family:PingFang SC,Noto Sans SC,sans-serif}.repositories-back{color:#000;background:#fff;border:1px solid #e9edfa;border-radius:15px;min-height:44px;padding:0 15px;font-size:14px;font-weight:500}.repositories-hero{width:min(1180px,100% - 48px);margin:56px auto 40px}.repositories-kicker{color:#e8001c;letter-spacing:.1em;font-size:12px;font-weight:800}.repositories-hero h1{letter-spacing:-.065em;max-width:760px;margin-top:14px;font-size:clamp(42px,7vw,78px);line-height:.98}.repositories-hero p{color:#697188;max-width:650px;margin-top:24px;font-size:17px;line-height:1.7}.repository-filters{gap:10px;width:min(1180px,100% - 48px);margin:0 auto 30px;padding-bottom:8px;display:flex;overflow-x:auto}.repository-filters button{color:#616a80;cursor:pointer;background:#fff;border:1px solid #dce2ef;border-radius:999px;flex:none;min-height:44px;padding:0 17px;font-weight:700}.repository-filters button:hover,.repository-filters button:focus-visible,.repository-filters button.is-active{color:#fff;background:#e8001c;border-color:#e8001c;outline:none}.repository-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1180px,100% - 48px);margin:0 auto;display:grid}.repositories-page .repository-github-link{color:#fff;background:#e8001c;border-radius:14px;align-items:center;gap:8px;min-height:50px;margin-top:6px;padding:0 20px;font-weight:800;text-decoration:none;display:inline-flex}.repositories-page .repository-github-link:hover,.repositories-page .repository-github-link:focus-visible{outline-offset:3px;background:#b90016;outline:3px solid #e8001c33}.repository-submission{background:#fff;border:1px solid #dce2ef;border-radius:22px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:52px;width:min(1180px,100% - 48px);margin:72px auto 0;padding:52px;scroll-margin-top:96px;display:grid;box-shadow:0 8px 24px #2563eb14}.repository-submission-intro h2{letter-spacing:-.05em;max-width:12ch;margin-top:14px;font-size:clamp(32px,4vw,52px);line-height:1.02}.repository-submission-intro>p{color:#697188;margin-top:22px;line-height:1.7}.repository-submission-criteria{gap:18px;margin-top:32px;display:grid}.repository-submission-criteria>div{color:#697188;grid-template-columns:24px 1fr;gap:12px;font-size:13px;line-height:1.5;display:grid}.repository-submission-criteria .material-symbols-outlined{color:#e8001c}.repository-submission-criteria strong{color:#101223;display:block}.repository-submission-panel{flex-direction:column;gap:24px;min-width:0;display:flex}.repository-submission-content{min-width:0}.repository-submission-form{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:20px;display:grid}.repository-field{flex-direction:column;gap:8px;min-width:0;display:flex}.repository-field-wide{grid-column:1/-1}.repository-field label{color:#20263a;font-size:13px;font-weight:800}.repository-field input:not([type=checkbox]),.repository-field select,.repository-field textarea{color:#101223;width:100%;min-height:48px;font:inherit;background:#fbfcff;border:1px solid #dce2ef;border-radius:12px;padding:12px 14px}.repository-field textarea{resize:vertical;min-height:130px}.repository-field input:not([type=checkbox]):focus,.repository-field select:focus,.repository-field textarea:focus{border-color:#e8001c;outline:3px solid #e8001c24}.repository-field [aria-invalid=true]{border-color:#b00020}.repository-field-help,.repository-field-error{color:#697188;font-size:12px;line-height:1.45}.repository-field-error{color:#b00020;font-weight:700}.repository-confirmation{grid-template-columns:20px 1fr;align-items:start;column-gap:10px;display:grid}.repository-confirmation input{accent-color:#e8001c;width:20px;height:20px;margin:0}.repository-confirmation label{font-weight:600;line-height:1.5}.repository-confirmation .repository-field-error{grid-column:2}.repository-submission-action{align-items:flex-start;gap:16px;display:flex}.repository-submission-action button{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#e8001c;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 18px;font-weight:800;display:inline-flex}.repository-submission-action button:hover,.repository-submission-action button:focus-visible{outline-offset:3px;background:#b90016;outline:3px solid #e8001c33}.repository-submission-action p{color:#697188;max-width:28ch;font-size:12px;line-height:1.5}.repository-contribution-switch{background:#f6f8fc;border:1px solid #dce2ef;border-radius:14px;gap:4px;width:100%;padding:4px;display:flex}.repository-contribution-switch button{color:#697188;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:800;display:inline-flex}.repository-contribution-switch button:hover,.repository-contribution-switch button:focus-visible{color:#e8001c;outline:2px solid #e8001c2e}.repository-contribution-switch button.is-active{color:#e8001c;background:#fff;box-shadow:0 3px 10px #10122314}.repository-contribution-switch .material-symbols-outlined{font-size:19px}.repository-direct-contribution{flex-direction:column;gap:26px;display:flex}.repository-direct-heading{grid-template-columns:48px 1fr;gap:14px;display:grid}.repository-direct-heading>.material-symbols-outlined{color:#e8001c;background:#e8001c1a;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.repository-direct-heading h3{font-size:24px;line-height:1.2}.repository-direct-heading p{color:#697188;margin-top:7px;font-size:13px;line-height:1.55}.repository-direct-steps{gap:14px;padding:0;list-style:none;display:grid}.repository-direct-steps li{grid-template-columns:28px 1fr;align-items:start;gap:12px;display:grid}.repository-direct-steps li>span{color:#fff;background:#101223;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.repository-direct-steps strong{color:#101223}.repository-direct-steps p{color:#697188;margin-top:3px;font-size:13px;line-height:1.5}.repository-direct-steps code{color:#20263a;background:#eef1f7;border-radius:5px;padding:2px 5px;font-size:12px}.repository-direct-actions{flex-wrap:wrap;gap:10px;display:flex}.repository-direct-actions a{color:#20263a;border:1px solid #dce2ef;border-radius:12px;align-items:center;gap:7px;min-height:46px;padding:0 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.repository-direct-actions a:hover,.repository-direct-actions a:focus-visible{color:#e8001c;border-color:#e8001c;outline:2px solid #e8001c24}.repository-direct-actions .repository-direct-primary{color:#fff;background:#e8001c;border-color:#e8001c}.repository-direct-actions .repository-direct-primary:hover,.repository-direct-actions .repository-direct-primary:focus-visible{color:#fff;background:#b90016}.repository-direct-actions .material-symbols-outlined{font-size:18px}@media (width<=900px){.repository-submission{grid-template-columns:1fr;gap:32px}.repository-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.repositories-nav,.repositories-hero,.repository-filters,.repository-directory,.repository-submission{width:calc(100% - 28px)}.repositories-hero{margin-top:38px}.repositories-hero h1{font-size:clamp(40px,13vw,58px)}.repository-directory{grid-template-columns:1fr}.repository-submission{margin-top:48px;padding:28px 22px}.repository-submission-form{grid-template-columns:1fr}.repository-field-wide{grid-column:auto}.repository-submission-action{flex-direction:column}.repository-contribution-switch{width:100%}.repository-direct-actions a{justify-content:space-between}.repo-modal{padding:28px 22px}}@media (prefers-reduced-motion:reduce){.repositories-page *,.repositories-page :before,.repositories-page :after{transition-duration:.01ms!important}}