@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Manrope:wght@500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#f0f2f5;--surface-deep:#e4e7ec;--surface-card:#ffffffd1;--ink:#13151a;--muted:#6b7280;--glass:#ffffff8c;--glass-solid:#ffffffe6;--line:#14182017;--line-light:#ffffffbf;--shadow-sm:0 4px 20px #141e3012;--shadow:0 20px 60px #141e301c;--shadow-lg:0 32px 90px #141e3029;--blue:#2563eb;--blue-dim:#2563eb1a;--green:#16a34a;--green-dim:#16a34a1a;--rose:#e11d48;--rose-dim:#e11d481a;--amber:#d97706;--amber-dim:#d977061a;--radius-sm:12px;--radius:20px;--radius-lg:28px;--radius-xl:36px;font-family:DM Sans,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#0c0e12;--surface-deep:#060709;--surface-card:#161920e0;--ink:#f0f2f5;--muted:#8b93a0;--glass:#181b22a6;--glass-solid:#161920f2;--line:#ffffff14;--line-light:#ffffff17;--shadow-sm:0 4px 20px #00000038;--shadow:0 20px 60px #0000005c;--shadow-lg:0 32px 90px #0000007a;--blue:#60a5fa;--blue-dim:#60a5fa1a;--green:#4ade80;--green-dim:#4ade801a;--rose:#fb7185;--rose-dim:#fb71851a;--amber:#fbbf24;--amber-dim:#fbbf241a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--surface)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{font-family:Manrope,system-ui,sans-serif}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:2.5px solid color-mix(in srgb, var(--blue) 50%, transparent);outline-offset:3px;border-radius:6px}.liquid-card{background:linear-gradient(145deg, var(--glass-solid), var(--glass));border:1px solid var(--line-light);box-shadow:var(--shadow), inset 0 1px 0 #ffffff52;-webkit-backdrop-filter:blur(28px)saturate(140%)}.kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.65rem;font-weight:700}.theme-toggle{z-index:10;border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;border-radius:50%;place-items:center;transition:background .2s,border-color .2s;display:grid;position:absolute;top:24px;right:28px}.theme-toggle:hover{background:var(--glass-solid)}.theme-toggle.compact{width:38px;height:38px;font-size:.9rem;position:static}.boot-screen{min-height:100vh;color:var(--muted);background:var(--surface);place-content:center;justify-items:center;gap:14px;display:grid}.boot-mark{color:#fff;background:var(--blue);width:48px;height:48px;box-shadow:0 8px 24px color-mix(in srgb, var(--blue) 30%, transparent);border-radius:15px;place-items:center;font-family:Manrope;font-size:1.1rem;font-weight:800;display:grid}.boot-screen p{letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.portfolio-page{background:radial-gradient(ellipse 80% 60% at 70% -10%, color-mix(in srgb,var(--blue) 12%,transparent), transparent), var(--surface);min-height:100vh;overflow:hidden}.portfolio-nav{z-index:10;justify-content:space-between;align-items:center;width:min(1200px,100% - 48px);margin:0 auto;padding:26px 0;display:flex;position:relative}.wordmark{letter-spacing:-.05em;font-family:Manrope;font-size:1.15rem;font-weight:800}.wordmark span{color:var(--blue)}.nav-links{color:var(--muted);align-items:center;gap:28px;font-size:.82rem;font-weight:600;display:flex}.nav-links a{transition:color .18s}.nav-links a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--line);background:var(--glass);height:38px;color:var(--ink);border-radius:99px;align-items:center;padding:0 16px;font-size:.78rem;font-weight:700;transition:background .2s,border-color .2s;display:flex}.nav-cta:hover{background:var(--glass-solid);border-color:color-mix(in srgb,var(--blue) 30%,var(--line))}.portfolio-hero{width:min(1200px,100% - 48px);margin:0 auto;padding:110px 0 140px;position:relative}.hero-orb{pointer-events:none;filter:blur(1px);border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:absolute}.hero-orb-one{background:radial-gradient(circle at 35% 30%,#60a5fa52,#8b5cf614 55%,#0000 70%);width:580px;height:580px;animation-delay:0s;top:-60px;right:-200px}.hero-orb-two{background:radial-gradient(circle,#34d3992e,#0000 68%);width:320px;height:320px;animation-delay:-3s;top:220px;right:180px}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-22px)scale(1.03)}}.availability{border:1px solid color-mix(in srgb,var(--green) 30%,var(--line));background:color-mix(in srgb,var(--green) 6%,var(--glass));color:var(--green);letter-spacing:.04em;border-radius:99px;align-items:center;gap:9px;margin-bottom:30px;padding:7px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.availability-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 18%, transparent);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 18%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--green) 6%, transparent)}}.portfolio-hero h1{letter-spacing:-.075em;max-width:920px;font-size:clamp(3.4rem,7.5vw,7rem);font-weight:800;line-height:.96;position:relative}.portfolio-hero h1 em{color:var(--blue);font-style:normal}.hero-lede{max-width:580px;color:var(--muted);margin-top:30px;font-size:clamp(.95rem,1.5vw,1.2rem);line-height:1.7;position:relative}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:40px;display:flex;position:relative}.btn-primary{background:var(--ink);color:#fff;border-radius:99px;align-items:center;gap:10px;height:52px;padding:0 26px;font-size:.84rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #00000026}:root[data-theme=dark] .btn-primary{color:#0c0e12;background:#f0f2f5}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}.btn-secondary{border:1px solid var(--line);background:var(--glass);border-radius:99px;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:.84rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.btn-secondary:hover{background:var(--glass-solid);border-color:color-mix(in srgb,var(--blue) 25%,var(--line));transform:translateY(-2px)}.btn-arrow{font-size:1rem}.work-section{width:min(1200px,100% - 48px);margin:0 auto;padding:30px 0 120px}.section-header{align-items:center;gap:14px;margin-bottom:28px;display:flex}.section-num{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;font-size:.58rem;font-weight:700;display:grid}.section-label-text{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700}.projects-grid{gap:16px;display:grid}.project-card{border-radius:var(--radius-xl);min-height:500px;color:inherit;grid-template-columns:1.1fr .9fr;text-decoration:none;transition:transform .35s,box-shadow .35s;display:grid;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.project-visual{background:linear-gradient(145deg,#d8e4f4,#becad8);place-items:center;padding:50px;display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .project-visual{background:linear-gradient(145deg,#1e2530,#121720)}.project-glow{filter:blur(70px);background:#3b82f680;border-radius:50%;width:480px;height:200px;position:absolute;bottom:-140px}.device-shell{z-index:1;background:linear-gradient(145deg,#1e2530,#0c1018);border-radius:38px;width:240px;height:275px;padding:24px;transition:transform .4s;position:relative;transform:rotate(-5deg);box-shadow:0 50px 80px #0a14246b,inset 0 1px 1px #ffffff2e}.project-card:hover .device-shell{transform:rotate(-2deg)translateY(-6px)}.device-screen{color:#e0fff4;background:#0a1712;border-radius:20px;flex-direction:column;justify-content:flex-end;height:165px;padding:18px;display:flex;box-shadow:inset 0 0 28px #34d3990f}.signal-wave{color:#34d399;letter-spacing:-.1em;transform-origin:0;margin-bottom:auto;font-size:.68rem;transform:rotate(-90deg)}.device-screen strong{font-size:1.2rem}.device-screen small{color:#6b9985;margin-top:4px;font-size:.65rem}.device-button{background:linear-gradient(145deg,#1a2028,#0e1318);border:1px solid #2e3844;border-radius:50%;width:30px;height:30px;position:absolute;bottom:32px;left:calc(50% - 15px);box-shadow:inset 0 0 0 5px #131920}.device-chips{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.device-chip{background:linear-gradient(135deg,#2d4a3e,#1a2e26);border-radius:2px;width:8px;height:8px;box-shadow:0 0 6px #34d3994d}.project-copy{padding:52px 50px;position:relative}.project-meta{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.65rem;font-weight:700;display:flex}.project-tag{border:1px solid var(--line);background:var(--glass);border-radius:99px;padding:5px 10px;font-size:.6rem}.project-copy h2{letter-spacing:-.07em;margin-top:60px;font-size:clamp(2.8rem,5vw,4.6rem);font-weight:800;line-height:.96}.project-desc{max-width:400px;color:var(--muted);margin-top:20px;font-size:.92rem;line-height:1.7}.tech-list{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.tech-list span{border:1px solid var(--line);color:var(--muted);background:var(--glass);border-radius:99px;padding:6px 12px;font-size:.65rem;font-weight:600}.project-features{flex-direction:column;gap:9px;margin-top:26px;display:flex}.project-feature{color:var(--muted);align-items:center;gap:9px;font-size:.72rem;font-weight:600;display:flex}.project-feature:before{content:"";background:var(--green);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 10%,transparent);border-radius:50%;flex:none}.project-open-btn{background:var(--blue);color:#fff;height:48px;box-shadow:0 4px 20px color-mix(in srgb,var(--blue) 25%,transparent);border-radius:99px;align-items:center;gap:10px;margin-top:32px;padding:0 22px;font-size:.8rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.project-open-btn:hover{box-shadow:0 8px 30px color-mix(in srgb,var(--blue) 35%,transparent);transform:translateY(-2px)}.project-arrow{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:.9rem;transition:transform .2s;display:grid;position:absolute;bottom:36px;right:40px}:root[data-theme=dark] .project-arrow{color:#0c0e12;background:#f0f2f5}.project-card:hover .project-arrow{transform:rotate(45deg)}.project-card-soon{border-radius:var(--radius-lg);border:1.5px dashed var(--line);background:color-mix(in srgb,var(--glass) 50%,transparent);min-height:200px;color:var(--muted);text-align:center;place-items:center;gap:8px;padding:40px;display:grid}.project-card-soon strong{font-family:Manrope;font-size:1rem}.project-card-soon p{font-size:.78rem;line-height:1.5}.portfolio-footer{border-top:1px solid var(--line);width:min(1200px,100% - 48px);color:var(--muted);justify-content:space-between;align-items:center;margin:0 auto;padding:28px 0;font-size:.74rem;display:flex}.footer-links{gap:20px;display:flex}.footer-links a:hover{color:var(--ink)}.login-page{background:linear-gradient(145deg, var(--surface), var(--surface-deep));place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-aurora{filter:blur(6px);opacity:.6;pointer-events:none;border-radius:50%;position:absolute}.login-aurora-one{background:radial-gradient(circle,#3b82f652,#0000 68%);width:460px;height:460px;top:-220px;right:-80px}.login-aurora-two{background:radial-gradient(circle,#34d39933,#0000 68%);width:380px;height:380px;bottom:-190px;left:-130px}.romantic-login .login-aurora-one{background:radial-gradient(circle,#fb71854d,#0000 68%)}.romantic-login .login-aurora-two{background:radial-gradient(circle,#a78bfa38,#0000 68%)}.login-card{border-radius:var(--radius-xl);text-align:center;width:min(100%,440px);padding:48px;animation:.5s loginFade;position:relative}@keyframes loginFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.login-mark{color:#fff;background:linear-gradient(145deg,#3b82f6,#1d4ed8);border-radius:20px;place-items:center;width:60px;height:60px;margin:0 auto 28px;font-family:Manrope;font-size:1.3rem;font-weight:800;display:grid;box-shadow:0 16px 36px #2563eb47}.login-mark.heart-mark{background:linear-gradient(145deg,#fb7185,#be123c);box-shadow:0 16px 36px #e11d4842}.login-card h1{letter-spacing:-.06em;margin:6px 0 14px;font-size:2.1rem}.login-copy{max-width:300px;color:var(--muted);margin:auto;font-size:.9rem;line-height:1.6}.google-button{border-radius:var(--radius);color:#fff;background:var(--ink);cursor:pointer;border:0;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;margin-top:32px;font-size:.9rem;font-weight:700;transition:opacity .2s,transform .2s;display:flex}:root[data-theme=dark] .google-button{color:#0c0e12;background:#f0f2f5}.google-button:hover{opacity:.9;transform:translateY(-1px)}.google-g{color:#4285f4;font-size:1.15rem;font-weight:900}.privacy-note{color:var(--muted);margin-top:20px;font-size:.66rem}.form-error{color:#dc2626;margin-top:14px;font-size:.76rem}.console-page{background:linear-gradient(150deg, var(--surface), var(--surface-deep));grid-template-columns:255px 1fr;gap:16px;min-height:100vh;padding:16px;display:grid}.console-sidebar{border-radius:var(--radius-lg);flex-direction:column;height:calc(100vh - 32px);padding:22px 14px 14px;display:flex;position:sticky;top:16px;overflow:hidden}.console-logo{letter-spacing:-.02em;align-items:center;gap:10px;padding:0 8px;font-family:Manrope;font-size:.96rem;font-weight:800;display:flex}.console-logo>span{color:#fff;background:var(--blue);width:36px;height:36px;box-shadow:0 4px 12px color-mix(in srgb,var(--blue) 30%,transparent);border-radius:12px;place-items:center;font-size:1rem;display:grid}.console-sidebar nav{flex-direction:column;gap:4px;margin-top:40px;display:flex}.console-sidebar nav a{color:var(--muted);border-radius:11px;align-items:center;gap:10px;padding:10px 12px;font-size:.79rem;font-weight:600;transition:color .18s,background .18s;display:flex}.console-sidebar nav a span{text-align:center;flex:none;width:18px;font-size:.95rem}.console-sidebar nav a:hover,.console-sidebar nav a.active{color:var(--ink);background:var(--blue-dim)}.console-sidebar nav a.active{font-weight:700}.sidebar-sep{border:0;border-top:1px solid var(--line);margin:12px 0}.sidebar-profile{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:12px 8px 0;display:flex}.sidebar-profile>img,.sidebar-profile>.profile-initial{object-fit:cover;background:var(--surface-deep);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.78rem;font-weight:700;display:grid}.sidebar-profile>img{flex:none}.sidebar-profile .profile-info{flex:1;min-width:0}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;display:block;overflow:hidden}.sidebar-profile small{color:var(--muted);margin-top:2px;font-size:.6rem;display:block}.sidebar-signout{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:.72rem;transition:color .18s}.sidebar-signout:hover{color:var(--ink)}.console-content{width:min(100%,1300px);margin:0 auto;padding:22px 26px 80px}.console-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.console-header h1{letter-spacing:-.055em;margin-top:6px;font-size:clamp(1.8rem,3vw,2.6rem)}.console-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live-badge{border:1px solid var(--line);height:36px;color:var(--muted);background:var(--glass);border-radius:99px;align-items:center;gap:8px;padding:0 13px;font-size:.67rem;font-weight:700;display:flex}.live-badge i{background:#9ca3af;border-radius:50%;flex:none;width:7px;height:7px}.live-badge.online i{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}.ping-btn{border:1px solid var(--line);height:36px;color:var(--ink);background:var(--glass);cursor:pointer;border-radius:99px;align-items:center;gap:7px;padding:0 14px;font-size:.7rem;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:flex}.ping-btn:hover:not(:disabled){background:var(--glass-solid);transform:translateY(-1px)}.ping-btn:disabled{opacity:.5;cursor:not-allowed}.ping-result{color:var(--green)}.ping-result.failed{color:#dc2626}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{border-radius:var(--radius);min-height:160px;padding:20px;position:relative;overflow:hidden}.metric-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 40%);position:absolute;inset:0}.metric-icon{width:36px;height:36px;color:var(--blue);background:var(--blue-dim);border-radius:12px;place-items:center;margin-bottom:22px;font-size:1rem;display:grid}.metric-card p{color:var(--muted);font-size:.67rem;font-weight:600}.metric-card>strong{letter-spacing:-.04em;margin:5px 0 3px;font-size:1.5rem;display:block}.metric-card small{color:var(--muted);font-size:.61rem}.service-alert{border-radius:var(--radius-sm);color:#dc2626;background:#dc262612;border:1px solid #dc26262e;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;font-size:.76rem;display:flex}.console-panel{border-radius:var(--radius-lg);margin-top:14px;padding:26px}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.panel-heading h2{letter-spacing:-.03em;margin-top:4px;font-size:1.18rem}.panel-heading>span{color:var(--muted);font-size:.66rem}.command-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.command-btn{border:1px solid var(--line);border-radius:var(--radius);min-height:96px;color:var(--ink);text-align:left;cursor:pointer;background:color-mix(in srgb,var(--glass-solid) 60%,transparent);align-items:center;gap:12px;padding:14px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:flex}.command-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--blue) 22%,var(--line));background:var(--glass-solid);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.command-btn:active:not(:disabled){transform:translateY(-1px)}.command-btn:disabled{opacity:.45;cursor:not-allowed}.command-btn.sending{border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}.command-icon{width:42px;height:42px;color:var(--blue);background:var(--blue-dim);border-radius:13px;flex:none;place-items:center;font-size:1rem;display:grid}.command-icon.amber{color:var(--amber);background:var(--amber-dim)}.command-icon.rose{color:var(--rose);background:var(--rose-dim)}.command-icon.green{color:var(--green);background:var(--green-dim)}.command-text strong{font-size:.74rem;display:block}.command-text small{color:var(--muted);margin-top:4px;font-size:.62rem;line-height:1.35;display:block}.cmd-group{margin-top:20px}.cmd-group-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:10px;font-size:.62rem;font-weight:700;display:flex}.cmd-group-label:after{content:"";background:var(--line);flex:1;height:1px}.buzzer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.buzzer-btn{border:1px solid var(--line);border-radius:var(--radius);min-height:110px;color:var(--ink);cursor:pointer;background:color-mix(in srgb,var(--glass-solid) 60%,transparent);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:flex}.buzzer-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--amber) 30%,var(--line));background:var(--glass-solid);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.buzzer-btn:active:not(:disabled){transform:scale(.97)}.buzzer-btn:disabled{opacity:.45;cursor:not-allowed}.buzzer-btn.active{border-color:var(--amber);background:var(--amber-dim)}.buzzer-icon{background:var(--amber-dim);width:44px;height:44px;color:var(--amber);border-radius:13px;place-items:center;font-size:1.2rem;display:grid}.buzzer-btn strong{font-size:.74rem;display:block}.buzzer-btn small{color:var(--muted);margin-top:2px;font-size:.6rem;display:block}.custom-command{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.custom-command label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.64rem;font-weight:700;display:block}.custom-command .input-row{gap:9px;display:flex}.custom-command input{border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;height:46px;color:var(--ink);background:color-mix(in srgb,var(--glass-solid) 70%,transparent);outline:none;flex:1;padding:0 15px;transition:border-color .18s}.custom-command input:focus{border-color:color-mix(in srgb,var(--blue) 40%,var(--line))}.custom-command .send-btn{border-radius:var(--radius-sm);color:#fff;background:var(--blue);cursor:pointer;height:46px;box-shadow:0 4px 12px color-mix(in srgb,var(--blue) 25%,transparent);border:0;padding:0 18px;font-size:.74rem;font-weight:800;transition:opacity .18s,transform .18s}.custom-command .send-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.custom-command .send-btn:disabled{opacity:.45;cursor:not-allowed}.command-result{color:var(--green);align-items:center;gap:7px;margin-top:12px;font-size:.72rem;font-weight:700;display:flex}.command-result.failed{color:#dc2626}.demo-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.demo-step{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--glass-solid) 56%,transparent);gap:12px;min-height:110px;padding:18px;display:flex}.demo-step strong{width:30px;height:30px;color:var(--blue);background:var(--blue-dim);border-radius:10px;flex:none;place-items:center;display:grid}.demo-step span{color:var(--muted);font-size:.72rem;line-height:1.55}.activity-row{border-top:1px solid var(--line);min-height:64px;color:var(--muted);grid-template-columns:1fr 130px 190px;align-items:center;font-size:.7rem;display:grid}.activity-row.table-head{letter-spacing:.08em;text-transform:uppercase;border:0;min-height:36px;font-size:.6rem;font-weight:700}.activity-row>span:first-child{align-items:center;gap:11px;display:flex}.activity-row strong{color:var(--ink);font-size:.73rem;display:block}.activity-row small{color:var(--muted);text-transform:capitalize;margin-top:3px;font-size:.6rem;display:block}.event-dot{background:#9ca3af;border-radius:50%;flex:none;width:9px;height:9px}.event-dot.acknowledged{background:var(--green)}.event-dot.waiting{background:var(--amber)}.state-chip{color:var(--amber);background:var(--amber-dim);text-transform:capitalize;border-radius:99px;align-items:center;gap:5px;padding:5px 9px;font-size:.58rem;font-weight:700;display:inline-flex}.state-chip.acknowledged{color:var(--green);background:var(--green-dim)}.ack-gesture{background:var(--green-dim);color:var(--green);border-radius:99px;align-items:center;gap:4px;margin-left:4px;padding:3px 7px;font-size:.56rem;font-weight:700;display:inline-flex}.empty-state{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:50px 0;font-size:.76rem}.companion-page{background:radial-gradient(60% 50% at 10% 10%,#fbcfe88c,#0000 45%),linear-gradient(160deg,#fff5f7,#f5eef8 50%,#fef0f2);place-items:start center;min-height:100vh;padding:36px 20px;display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .companion-page{background:radial-gradient(60% 50% at 10% 10%,#fb718514,#0000 45%),linear-gradient(160deg,#160e12,#0e0910 50%,#14090e)}.love-orb{pointer-events:none;filter:blur(8px);opacity:.55;border-radius:50%;position:absolute}.love-orb-one{background:radial-gradient(circle,#fb718561,#0000 68%);width:380px;height:380px;animation:9s ease-in-out infinite orbFloat;top:-160px;right:2%}.love-orb-two{background:radial-gradient(circle,#a78bfa42,#0000 68%);width:300px;height:300px;animation:11s ease-in-out infinite reverse orbFloat;bottom:-120px;left:3%}.companion-card{z-index:1;border-radius:var(--radius-xl);width:min(100%,840px);padding:32px;animation:.5s loginFade;position:relative}.companion-card:before{content:"";pointer-events:none;border-radius:calc(var(--radius-xl) - 1px);background:linear-gradient(135deg,#ffffff5c,#0000 36%,#fb718514);position:absolute;inset:1px}.companion-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex;position:relative}.companion-brand{align-items:center;gap:12px;display:flex}.brand-heart{color:#fff;background:linear-gradient(145deg,#fb7185,#be123c);border-radius:15px;place-items:center;width:44px;height:44px;font-size:1.1rem;display:grid;box-shadow:0 10px 24px #e11d483d}.companion-brand strong{font-family:Manrope;font-size:.96rem;display:block}.companion-brand small{color:var(--muted);margin-top:2px;font-size:.66rem;display:block}.companion-header-actions{align-items:center;gap:8px;display:flex}.companion-header-actions>button:last-child{border:1px solid var(--line);height:36px;color:var(--ink);background:var(--glass);cursor:pointer;border-radius:99px;padding:0 14px;font-size:.68rem;font-weight:700;transition:background .18s}.companion-header-actions>button:last-child:hover{background:var(--glass-solid)}.companion-hero{border:1px solid color-mix(in srgb,var(--rose) 16%,var(--line));border-radius:var(--radius-lg);background:radial-gradient(circle at 85% 18%, color-mix(in srgb,var(--rose) 14%,transparent), transparent 36%), color-mix(in srgb,var(--glass-solid) 68%,transparent);margin-bottom:18px;padding:28px;position:relative}.companion-hero h1{letter-spacing:-.07em;max-width:540px;margin-top:8px;font-size:clamp(2rem,5.5vw,3.8rem);line-height:.97}.companion-hero p:last-child{max-width:500px;color:var(--muted);margin-top:15px;font-size:.88rem;line-height:1.65}.connection-card{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--glass-solid) 65%,transparent);align-items:center;gap:14px;padding:17px;display:flex}.conn-pulse{background:#8c8c9b1a;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid}.conn-pulse i{background:#9ca3af;border-radius:50%;width:9px;height:9px}.conn-pulse.online{background:color-mix(in srgb,var(--green) 12%,transparent)}.conn-pulse.online i{background:var(--green);box-shadow:0 0 0 6px color-mix(in srgb,var(--green) 10%,transparent), 0 0 14px var(--green);animation:2s ease-in-out infinite conn-pulse-anim}@keyframes conn-pulse-anim{0%,to{box-shadow:0 0 0 6px color-mix(in srgb,var(--green) 10%,transparent), 0 0 14px var(--green)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--green) 4%,transparent), 0 0 20px var(--green)}}.conn-info{flex:1}.conn-info h2{letter-spacing:-.02em;margin-top:3px;font-size:.97rem}.conn-label{color:var(--muted);background:#8282911a;border-radius:99px;margin-left:auto;padding:6px 10px;font-size:.62rem;font-weight:700}.moment-section-heading{margin:26px 2px 14px}.moment-section-heading h2{letter-spacing:-.04em;margin-top:5px;font-size:1.18rem}.moment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.moment-btn{border:1px solid var(--line);border-radius:var(--radius);min-height:88px;color:var(--ink);text-align:left;cursor:pointer;background:color-mix(in srgb,var(--glass-solid) 62%,transparent);align-items:center;gap:12px;padding:14px;transition:transform .18s,background .18s,border-color .18s;display:flex;position:relative}.moment-btn:hover:not(:disabled){background:var(--glass-solid);border-color:color-mix(in srgb,var(--rose) 22%,var(--line));transform:translateY(-2px)}.moment-btn:active:not(:disabled){transform:scale(.98)}.moment-btn:disabled{opacity:.45;cursor:not-allowed}.moment-icon{width:44px;height:44px;color:var(--rose);background:var(--rose-dim);border-radius:14px;flex:none;place-items:center;font-size:1.25rem;display:grid}.moment-btn strong{font-size:.79rem;display:block}.moment-btn small{color:var(--muted);margin-top:4px;font-size:.65rem;line-height:1.35;display:block}.moment-arrow{color:var(--muted);font-size:.65rem;position:absolute;top:10px;right:12px}.companion-error{color:#dc2626;margin-top:12px;font-size:.7rem}.gesture-reply{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--rose) 8%,var(--glass));align-items:center;gap:14px;margin-top:14px;padding:18px;animation:.45s cubic-bezier(.34,1.56,.64,1) replyReveal;display:flex}@keyframes replyReveal{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:none}}.gesture-reply.waiting{background:color-mix(in srgb,var(--amber) 8%,var(--glass))}.gesture-reply.one-press{background:color-mix(in srgb,#f472b6 12%,var(--glass));border-color:color-mix(in srgb,#f472b6 20%,var(--line))}.gesture-reply.two-press{background:color-mix(in srgb,var(--rose) 12%,var(--glass));border-color:color-mix(in srgb,var(--rose) 22%,var(--line))}.gesture-reply.three-press{background:color-mix(in srgb,#a78bfa 12%,var(--glass));border-color:color-mix(in srgb,#a78bfa 22%,var(--line))}.gesture-reply.hold-press{background:color-mix(in srgb,var(--amber) 12%,var(--glass));border-color:color-mix(in srgb,var(--amber) 22%,var(--line))}.gesture-reply.failed{background:#dc262614;border-color:#dc262629}.gesture-icon{background:#ffffff4d;border-radius:16px;flex:none;place-items:center;width:48px;height:48px;font-size:1.5rem;display:grid}.gesture-reply.one-press .gesture-icon{background:#f472b626}.gesture-reply.two-press .gesture-icon{background:#e11d4826}.gesture-reply.three-press .gesture-icon{background:#a78bfa26}.gesture-reply.hold-press .gesture-icon{background:var(--amber-dim)}.gesture-text strong{font-family:Manrope;font-size:.84rem;display:block}.gesture-text p{color:var(--muted);margin-top:3px;font-size:.68rem;line-height:1.45}.gesture-spinner{border:2px solid var(--amber-dim);border-top-color:var(--amber);border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inbox-section{margin-top:22px}.inbox-section h3{letter-spacing:-.02em;margin-bottom:10px;font-size:.82rem}.inbox-list{flex-direction:column;gap:8px;display:flex}.inbox-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--glass-solid) 55%,transparent);align-items:center;gap:12px;padding:12px 14px;font-size:.72rem;transition:background .18s;display:flex}.inbox-item-icon{background:var(--rose-dim);width:34px;height:34px;color:var(--rose);border-radius:10px;flex:none;place-items:center;font-size:1rem;display:grid}.inbox-item-body{flex:1;min-width:0}.inbox-item-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;display:block;overflow:hidden}.inbox-item-body small{color:var(--muted);margin-top:2px;font-size:.62rem;display:block}.inbox-status{border-radius:99px;flex:none;padding:4px 9px;font-size:.6rem;font-weight:700}.inbox-status.waiting{color:var(--amber);background:var(--amber-dim)}.inbox-status.acknowledged{color:var(--green);background:var(--green-dim)}.inbox-ack-detail{color:var(--green);align-items:center;gap:5px;margin-top:4px;font-size:.61rem;font-weight:600;display:flex}.love-note{color:var(--muted);text-align:center;margin-top:20px;font-size:.66rem;position:relative}@media (width<=960px){.metric-grid,.command-grid,.buzzer-grid,.demo-steps{grid-template-columns:repeat(2,1fr)}.project-card{grid-template-columns:1fr}.project-copy{min-height:380px}.console-page{grid-template-columns:72px 1fr}.console-logo>span{width:32px;height:32px}.console-logo span:not(:first-child){font-size:0;display:none}.console-sidebar nav a span{margin:0 auto}.console-sidebar nav a{justify-content:center;gap:0;font-size:0}.sidebar-profile .profile-info,.sidebar-signout{display:none}}@media (width<=640px){.portfolio-nav,.portfolio-hero,.work-section,.portfolio-footer{width:calc(100% - 32px)}.nav-links>a:not(.nav-cta){display:none}.portfolio-hero{padding:80px 0 90px}.hero-orb-one{width:320px;right:-160px}.hero-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center}.project-visual{min-height:300px}.device-shell{transform:scale(.8)rotate(-5deg)}.project-copy{padding:28px}.project-copy h2{margin-top:40px}.portfolio-footer{flex-direction:column;gap:10px}.console-page{padding:0;display:block}.console-sidebar{z-index:20;border-radius:20px;flex-direction:row;align-items:center;gap:0;width:auto;height:64px;padding:8px 14px;position:fixed;inset:auto 12px 12px}.console-logo,.sidebar-profile{display:none}.console-sidebar nav{flex-direction:row;justify-content:space-around;gap:0;width:100%;margin:0}.console-sidebar nav a{padding:10px 16px}.console-content{padding:20px 16px 100px}.console-header{align-items:flex-start;gap:10px}.console-actions .live-badge{display:none}.metric-grid,.command-grid,.buzzer-grid,.demo-steps{grid-template-columns:1fr 1fr}.metric-card{min-height:140px;padding:16px}.console-panel{padding:18px}.custom-command .input-row{flex-direction:column}.activity-row{grid-template-columns:1fr 90px}.activity-row>span:last-child,.panel-heading>span{display:none}.companion-page{padding:0}.companion-card{border-radius:0;min-height:100vh;padding:20px 16px}.companion-card:before{border-radius:0}.companion-hero{padding:20px 16px}.moment-grid{grid-template-columns:1fr}.conn-label{display:none}.login-card{padding:36px 22px}.theme-toggle{top:18px;right:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}