@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Kalam:wght@400;700&family=Plus+Jakarta+Sans:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color:#fff;--bg-gradient:radial-gradient(120% 90% at 50% 45%, #fff 0%, #f4f4f6 55%, #e8e8ec 100%);--accent-blue:#2563eb;--accent-cyan:#0ea5e9;--text-primary:#111827;--text-secondary:#4b5563}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#000;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#root{background:0 0;width:100%;height:100%;overflow:hidden}.app-container{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.bg-layer{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.bg-day{opacity:1;background:radial-gradient(120% 90% at 50% 45%,#fff 0%,#f4f4f6 55%,#e8e8ec 100%);transition:opacity .75s cubic-bezier(.4,0,.2,1)}.night-mode .bg-day{opacity:0}.bg-night{opacity:0;background:radial-gradient(120% 90%,#0a0d14 0%,#040609 55%,#000 100%);transition:opacity .75s cubic-bezier(.4,0,.2,1)}.night-mode .bg-night{opacity:1}.canvas-container{z-index:2;pointer-events:all;cursor:grab;background:0 0;width:100%;height:100%;position:relative}.canvas-container:active{cursor:grabbing}.canvas-container.canvas-zoomed{cursor:default}.canvas-container>div>div:first-child{z-index:5;pointer-events:none;position:relative}.canvas-container canvas{z-index:5;position:relative}.monitor-viewport,.monitor-viewport iframe,.monitor-viewport div{scrollbar-width:none!important;-ms-overflow-style:none!important}.monitor-viewport::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.monitor-viewport iframe::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.monitor-viewport div::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #0ea5e959}50%{transform:scale(1.03);box-shadow:0 12px 42px #0ea5e98c}}.loader-screen{background:var(--bg-gradient);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.loader-fade-out{opacity:0!important;pointer-events:none!important}.loader-content{text-align:center;flex-direction:column;align-items:center;gap:20px;width:320px;display:flex}.loader-spinner{width:56px;height:56px;position:relative}.loader-ring{border:2px solid #2563eb26;border-top-color:var(--accent-blue);border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader-core{background:var(--accent-blue);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #2563eb66}.loader-title{letter-spacing:.2em;color:var(--text-primary);margin-bottom:4px;font-size:.8rem;font-weight:700}.loader-subtitle{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem}.loader-bar-bg{background:#e5e7eb;border-radius:4px;width:100%;height:4px;overflow:hidden}.loader-bar-fill{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));height:100%;transition:width .3s}.canvas-keyboard{cursor:default}.monitor-viewport{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#000;border-radius:0;flex-direction:column;width:1468px;height:852px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.monitor-top-bar{-webkit-backdrop-filter:blur(16px);z-index:20;background:#00000073;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:36px;padding:0 16px;display:flex;position:relative}.monitor-btn-back{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-family:inherit;font-size:10.5px;font-weight:500;transition:all .18s;display:flex}.monitor-btn-back:hover{background:#fff3;border-color:#ffffff59}.monitor-btn-back kbd{background:#ffffff26;border-radius:9999px;padding:1px 4px;font-size:8.5px;font-weight:600}.monitor-url-pill{letter-spacing:.02em;color:#ffffffbf;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:6px;padding:2.5px 10px;font-family:JetBrains Mono,-apple-system,monospace;font-size:11px;font-weight:400;display:flex}.monitor-top-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:140px;display:flex}.monitor-icon-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .15s;display:flex}.monitor-icon-btn:hover{color:#fff;background:#ffffff1a}.monitor-open-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:4px;padding:2.5px 10px;font-size:10.5px;font-weight:450;transition:all .18s;display:flex}.monitor-open-btn:hover{color:#fff;background:#ffffff2e}.monitor-content-area{background:#000;flex:1;height:816px;position:relative;overflow:hidden}.apple-dock-container{z-index:100;pointer-events:auto;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.apple-dock{-webkit-backdrop-filter:blur(28px)saturate(180%);-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:3px;padding:3px 4px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.apple-dock.is-light-page{background:#f6f6f8e0!important;border:1px solid #0000001f!important;box-shadow:0 10px 30px #00000024,0 2px 8px #0000000f,inset 0 1px #fffffff2!important}.apple-dock.is-light-page .apple-dock-item{opacity:.82;color:#1d1d1f!important}.apple-dock.is-light-page .apple-dock-item:hover{opacity:1;color:#000!important;background:#0000000f!important}.apple-dock.is-light-page .apple-dock-item:active{background:#00000017!important}.apple-dock.is-light-page .apple-dock-item.is-active{opacity:1;color:#000!important;background:#00000014!important;border-color:#00000024!important;box-shadow:0 1px 3px #00000017!important}.apple-dock.is-light-page .apple-dock-label{color:#1d1d1f!important;visibility:visible!important;font-weight:550!important;display:inline-block!important}.apple-dock.is-light-page .apple-dock-item.is-active .apple-dock-label{color:#000!important;font-weight:650!important}.apple-dock.is-light-page .apple-dock-icon{color:#1d1d1f!important;opacity:.9!important}.apple-dock.is-light-page .apple-dock-item.is-active .apple-dock-icon{color:#000!important;opacity:1!important}.apple-dock.is-light-page .apple-dock-indicator-dot{background:#000!important;box-shadow:0 0 3px #0006!important}.apple-dock.is-dark-page{background:#141822bf!important;border:1px solid #ffffff24!important;box-shadow:0 10px 32px #0006,inset 0 1px #ffffff40!important}.apple-dock.is-dark-page .apple-dock-item{opacity:.78;color:#f5f5f7!important}.apple-dock.is-dark-page .apple-dock-item:hover{opacity:1;color:#fff!important;background:#ffffff14!important}.apple-dock.is-dark-page .apple-dock-item:active{background:#ffffff1f!important}.apple-dock.is-dark-page .apple-dock-item.is-active{opacity:1;color:#fff!important;background:#ffffff21!important;border-color:#fff3!important;box-shadow:0 1px 4px #00000040!important}.apple-dock.is-dark-page .apple-dock-label{color:#f5f5f7!important;visibility:visible!important;font-weight:500!important;display:inline-block!important}.apple-dock.is-dark-page .apple-dock-item.is-active .apple-dock-label{color:#fff!important;font-weight:600!important}.apple-dock.is-dark-page .apple-dock-icon{color:#f5f5f7!important;opacity:.85!important}.apple-dock.is-dark-page .apple-dock-item.is-active .apple-dock-icon{color:#fff!important;opacity:1!important}.apple-dock.is-dark-page .apple-dock-indicator-dot{background:#fff!important;box-shadow:0 0 4px #ffffffd9!important}.apple-dock-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9999px;outline:none;align-items:center;gap:6px;padding:5px 11px;font-family:inherit;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.apple-dock-item:active{transform:scale(.97)}.apple-dock-icon{justify-content:center;align-items:center;transition:opacity .15s;display:flex}.apple-dock-label{letter-spacing:-.01em;white-space:nowrap;font-size:11px}.apple-dock-indicator-dot{border-radius:50%;width:3.5px;height:3.5px;margin-left:2px}.monitor-page-view{box-sizing:border-box;color:#f5f5f7;background:radial-gradient(circle at 50% 0,#12151e 0%,#06080c 70%,#000 100%);width:100%;height:100%;padding:34px 80px 100px;animation:.22s cubic-bezier(.16,1,.3,1) forwards appleFadeIn;overflow:hidden auto}@keyframes appleFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.monitor-page-header{margin-bottom:24px}.monitor-page-tag{letter-spacing:.06em;text-transform:uppercase;color:#2997ff;margin-bottom:4px;font-size:10.5px;font-weight:500;display:inline-block}.monitor-page-title{letter-spacing:-.025em;color:#fff;margin:0 0 6px;font-size:28px;font-weight:600;line-height:1.15}.monitor-page-subtitle{color:#8e8e93;max-width:800px;margin:0;font-size:14px;line-height:1.5}.apple-glass-card{-webkit-backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.apple-glass-card:hover{background:#ffffff0d;border-color:#ffffff24}.experience-timeline{flex-direction:column;gap:16px;display:flex}.exp-header-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.exp-role-title{letter-spacing:-.015em;color:#fff;font-size:17px;font-weight:550}.exp-company{color:#2997ff;font-weight:550}.exp-date-badge{color:#8e8e93;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:9999px;padding:2.5px 8px;font-size:11px;font-weight:450}.exp-bullets{color:#c7c7cc;margin:8px 0 12px;padding-left:18px;font-size:13px;line-height:1.55}.exp-bullets li{margin-bottom:5px}.tech-pill-wrap{flex-wrap:wrap;gap:5px;display:flex}.tech-pill{color:#ffffffa6;letter-spacing:.01em;background:#ffffff09;border:1px solid #ffffff0f;border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:450}.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card-badge{letter-spacing:.04em;text-transform:uppercase;color:#30d158;background:#30d15814;border:1px solid #30d1582e;border-radius:4px;margin-bottom:8px;padding:2px 6px;font-size:9.5px;font-weight:600;display:inline-block}.project-card-title{letter-spacing:-.015em;color:#fff;margin:0 0 6px;font-size:17px;font-weight:600}.project-card-desc{color:#8e8e93;margin:0 0 14px;font-size:13px;line-height:1.5}.project-actions{gap:8px;margin-top:12px;display:flex}.project-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:4px;padding:5px 11px;font-size:11px;font-weight:450;text-decoration:none;transition:all .15s;display:flex}.project-btn:hover{background:#ffffff26}.contact-layout{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}.contact-quick-list{flex-direction:column;gap:10px;display:flex}.contact-quick-item{cursor:pointer;color:inherit;background:#ffffff08;border:1px solid #ffffff0f;border-radius:11px;justify-content:space-between;align-items:center;padding:11px 15px;text-decoration:none;transition:all .15s;display:flex}.contact-quick-item:hover{background:#ffffff0f;border-color:#ffffff1f}.contact-item-icon{color:#ffffffb3;justify-content:center;align-items:center;display:flex}.contact-form-card{flex-direction:column;gap:10px;display:flex}.contact-input{color:#fff;background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:12.5px;transition:border-color .15s,background .15s}.contact-input:focus{background:#ffffff0f;border-color:#2997ff}.contact-textarea{resize:vertical;min-height:90px}.contact-send-btn{color:#fff;cursor:pointer;background:#2997ff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.contact-send-btn:hover{background:#0077ed}.contact-send-btn:active{transform:scale(.99)}.tablet-viewport{color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0b0e;border-radius:18px;flex-direction:column;width:1000px;height:674px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.tablet-viewport.is-preview{-webkit-user-select:none;user-select:none;cursor:pointer}.tablet-viewport.is-zoomed{-webkit-user-select:auto;user-select:auto;cursor:default}.tablet-chrome{z-index:20;background:#0d0f14;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex;position:relative}.tablet-btn-back{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:8px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.tablet-btn-back:hover{color:#000;background:#fff;border-color:#fff}.tablet-btn-back kbd{background:#ffffff2e;border-radius:9999px;padding:2px 6px;font-size:9.5px;font-weight:700}.tablet-btn-back:hover kbd{color:#000;background:#00000026}.tablet-tabs{background:#ffffff0d;border:1px solid #ffffff12;border-radius:9999px;align-items:center;gap:6px;padding:4px;display:flex}.tablet-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:600;transition:all .18s;display:flex}.tablet-tab-btn:hover{color:#f8fafc;background:#ffffff0f}.tablet-tab-btn.is-active{color:#0f172a;background:#fff;box-shadow:0 2px 8px #00000040}.tablet-actions{align-items:center;gap:8px;display:flex}.tablet-icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .15s;display:flex}.tablet-icon-btn:hover{color:#fff;background:#ffffff14}.tablet-open-link{color:#38bdf8;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf847;border-radius:9999px;align-items:center;gap:5px;padding:5px 13px;font-size:11.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.tablet-open-link:hover{color:#0f172a;background:#38bdf8;border-color:#38bdf8}.tablet-content-body{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;height:626px;padding:24px 28px;position:relative;overflow:hidden auto}.tablet-content-body::-webkit-scrollbar{width:6px}.tablet-content-body::-webkit-scrollbar-track{background:0 0}.tablet-content-body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.tablet-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.tablet-badge.festifly{color:#fb7185;background:#f43f5e24;border:1px solid #f43f5e47}.tablet-badge.agents{color:#c084fc;background:#a855f724;border:1px solid #a855f747}.tablet-badge.notion{color:#4ade80;background:#22c55e24;border:1px solid #22c55e47}.tablet-hero-title{letter-spacing:-.02em;color:#fff;margin:0 0 8px;font-size:24px;font-weight:800}.tablet-hero-desc{color:#94a3b8;max-width:900px;margin:0 0 20px;font-size:13.5px;line-height:1.55}.tablet-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.tablet-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;padding:16px;transition:all .2s;display:flex}.tablet-card:hover{background:#ffffff0f;border-color:#ffffff29;transform:translateY(-2px)}.tablet-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tablet-card-title{color:#f1f5f9;margin:0;font-size:14px;font-weight:700}.tablet-card-tag{color:#cbd5e1;background:#ffffff14;border-radius:9999px;padding:2px 7px;font-size:10px;font-weight:600}.tablet-card-desc{color:#94a3b8;flex:1;margin:0 0 12px;font-size:12px;line-height:1.45}.tablet-card-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.tablet-card-btn:hover{color:#000;background:#fff}.tablet-stack-bar{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;display:flex}.tablet-stack-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-right:4px;font-size:11px;font-weight:700}.tablet-chip{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff17;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}.laptop-viewport{color:#e6edf3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1117;border-radius:6px;flex-direction:column;width:1200px;height:768px;font-family:Segoe UI Variable,Segoe UI,JetBrains Mono,Consolas,monospace;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.laptop-viewport.is-preview{-webkit-user-select:none;user-select:none;cursor:pointer}.laptop-viewport.is-zoomed{-webkit-user-select:auto;user-select:auto;cursor:default}.laptop-chrome{z-index:20;background:#181c24;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 0 0 12px;display:flex;position:relative}.laptop-win-left{align-items:center;gap:10px;min-width:185px;display:flex}.laptop-vscode-brand{color:#9da7b3;align-items:center;gap:10px;font-family:Segoe UI,-apple-system,sans-serif;font-size:11.5px;display:flex}.vscode-badge{color:#fff;letter-spacing:.4px;background:#0078d4;border-radius:3px;padding:2px 5px;font-size:10px;font-weight:800}.vscode-menu{cursor:pointer}.vscode-menu:hover{color:#fff}.laptop-btn-back{color:#fff;cursor:pointer;background:#0078d438;border:1px solid #38a6ff73;border-radius:4px;align-items:center;gap:7px;padding:4px 10px;font-family:Segoe UI,sans-serif;font-size:11px;font-weight:600;transition:all .18s;display:flex}.laptop-btn-back:hover{color:#fff;background:#0078d4}.laptop-btn-back kbd{background:#fff3;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.laptop-tabs{align-items:center;gap:4px;display:flex}.laptop-tab{color:#8b949e;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 14px;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:12px;transition:all .15s;display:flex}.laptop-tab:hover{color:#f0f6fc;background:#ffffff0a}.laptop-tab.is-active{color:#4cc2ff;background:#0d1117;border-top:2px solid #0078d4;font-weight:600}.laptop-actions{justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.laptop-run-btn{color:#3fb950;cursor:pointer;background:#2ea0432e;border:1px solid #2ea04359;border-radius:4px;align-items:center;gap:6px;padding:4px 11px;font-family:Segoe UI,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:flex}.laptop-run-btn:hover{color:#fff;background:#2ea043}.laptop-gh-btn{color:#8b949e;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:13px}.laptop-win-controls{align-items:center;height:100%;margin-left:4px;display:flex}.win-ctrl{color:#b1bac4;cursor:pointer;justify-content:center;align-items:center;width:38px;height:100%;font-family:Segoe UI,sans-serif;font-size:11px;transition:background .12s;display:flex}.win-ctrl:hover{color:#fff;background:#ffffff14}.win-ctrl.win-close:hover{color:#fff;background:#c42b1c}.laptop-body{flex:1;display:flex;overflow:hidden}.laptop-sidebar{background:#161b22;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;align-items:center;gap:14px;width:48px;padding:12px 0;display:flex}.laptop-side-icon{color:#8b949e;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;transition:all .15s;display:flex}.laptop-side-icon.is-active,.laptop-side-icon:hover{color:#f0f6fc;background:#ffffff14;border-left:2px solid #0078d4}.laptop-editor-container{background:#0d1117;flex-direction:column;flex:1;display:flex;overflow:hidden}.laptop-code-area{flex:1;padding:14px 20px;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.58;display:flex;overflow-y:auto}.laptop-line-numbers{-webkit-user-select:none;user-select:none;color:#484f58;text-align:right;border-right:1px solid #ffffff14;flex-direction:column;margin-right:18px;padding-right:18px;display:flex}.laptop-code-lines{white-space:pre;flex:1}.kw{color:#ff7b72;font-weight:600}.fn{color:#d2a8ff}.str{color:#a5d6ff}.cm{color:#8b949e;font-style:italic}.num{color:#79c0ff}.cls{color:#ffa657}.laptop-terminal{background:#090c12;border-top:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;height:175px;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;display:flex}.laptop-term-header{color:#8b949e;background:#141820;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:28px;padding:0 14px;font-family:Segoe UI,sans-serif;font-size:11px;display:flex}.term-online{color:#4cc2ff;font-weight:600}.laptop-term-body{color:#c9d1d9;flex:1;padding:8px 14px;font-size:11.5px;line-height:1.48;overflow-y:auto}.term-tag-info{color:#4cc2ff;font-weight:700}.term-tag-ok{color:#3fb950;font-weight:700}.term-tag-warn{color:#d29922;font-weight:700}.win11-taskbar{z-index:25;background:#181c24f5;border-top:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 14px;font-family:Segoe UI,-apple-system,sans-serif;display:flex}.win11-weather{color:#c9d1d9;align-items:center;gap:7px;min-width:150px;font-size:11px;display:flex}.win11-dock{align-items:center;gap:8px;display:flex}.win11-start-btn{cursor:pointer;background:#ffffff0f;border-radius:5px;grid-template-rows:repeat(2,8px);grid-template-columns:repeat(2,8px);place-content:center;gap:2px;width:32px;height:32px;display:grid}.win-pane{background:linear-gradient(135deg,#4cc2ff 0%,#0078d4 100%);border-radius:1px;width:8px;height:8px}.win11-search-pill{color:#9da7b3;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;height:28px;padding:0 12px;font-size:11px;display:flex}.win11-app-icon{cursor:pointer;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:relative}.win11-app-icon.is-open{background:#ffffff14}.win11-active-dot{background:#4cc2ff;border-radius:99px;width:12px;height:2.5px;position:absolute;bottom:2px}.win11-tray{color:#c9d1d9;justify-content:flex-end;align-items:center;gap:10px;min-width:175px;font-size:11px;display:flex}.win11-tray-chevron{color:#8b949e;font-size:11px}.win11-tray-lang{color:#9da7b3;font-size:10px;font-weight:600}.win11-tray-icons{letter-spacing:2px;font-size:11px}.win11-clock{color:#e6edf3;flex-direction:column;align-items:flex-end;font-size:10px;line-height:1.25;display:flex}.phone-viewport{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;border-radius:46px;flex-direction:column;width:450px;height:984px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.phone-viewport.is-preview{-webkit-user-select:none;user-select:none;cursor:pointer}.phone-viewport.is-zoomed{-webkit-user-select:auto;user-select:auto;cursor:default}.phone-status-bar{color:#fff;z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 26px;font-size:14px;font-weight:600;display:flex}.phone-dynamic-island{z-index:40;background:#000;border:1px solid #ffffff1a;border-radius:20px;justify-content:space-between;align-items:center;width:124px;height:35px;padding:0 12px;display:flex;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0009}.phone-island-pill{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.phone-app-header{-webkit-backdrop-filter:blur(16px);z-index:20;background:#121216eb;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex}.phone-back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.phone-back-btn:hover{color:#000;background:#fff}.phone-chat-body{scrollbar-width:none;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.phone-chat-body::-webkit-scrollbar{display:none}.phone-msg{word-break:break-word;border-radius:18px;max-width:85%;padding:12px 16px;font-size:13.5px;line-height:1.45}.phone-msg.incoming{color:#f1f5f9;background:#1c1c22;border:1px solid #ffffff14;border-bottom-left-radius:4px;align-self:flex-start}.phone-msg.outgoing{color:#fff;background:#2563eb;border-bottom-right-radius:4px;align-self:flex-end}.phone-time-stamp{color:#64748b;text-align:right;margin-top:4px;font-size:10px}.phone-chips-row{scrollbar-width:none;flex-shrink:0;gap:8px;padding:8px 16px 12px;display:flex;overflow-x:auto}.phone-chips-row::-webkit-scrollbar{display:none}.phone-chip{color:#f8fafc;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .18s}.phone-chip:hover{color:#0f172a;background:#fff}.phone-footer{background:#121216;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:10px;padding:8px 16px 20px;display:flex}.phone-input-box{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;display:flex}.phone-home-indicator{opacity:.6;background:#fff;border-radius:9999px;width:134px;height:5px;margin:4px auto 0}:root{--book-line-height:28px;--book-paper-bg:#fbf8f1;--book-paper-line:#e7e1d5;--book-margin-line:#f1c3be;--book-cover-bg:#181c24;--book-ink-color:#262e3d;--book-muted-ink:#6e7787}.book-stage-overlay{z-index:50;pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .42s;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)translateY(-120%)scale(.95)}.book-stage-overlay.book-stage-visible{opacity:1;pointer-events:none;transform:translate(-50%)translateY(0)scale(1)}.book-stage-overlay.book-stage-hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-120%)scale(.95)}.book-wrapper{pointer-events:auto;justify-content:center;align-items:center;display:flex;position:relative}.book-nav-circle{color:#1e293b;cursor:pointer;z-index:20;background:#fffffff0;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s,opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #00000029,0 2px 4px #00000014}.book-nav-prev{left:-56px}.book-nav-next{right:-56px}.book-nav-circle:hover:not(:disabled){background:#fff;transform:translateY(-50%)scale(1.07)}.book-nav-circle:active:not(:disabled){transform:translateY(-50%)scale(.95)}.book-nav-circle.nav-disabled,.book-nav-circle:disabled{opacity:.38;cursor:default}.hardcover-book{background:var(--book-cover-bg);border-radius:13px;flex-direction:column;width:min(740px,84vw);height:min(476px,55vh);min-height:390px;padding:8px 9px 9px;display:flex;position:relative;box-shadow:0 28px 60px -12px #0000006b,0 8px 22px -4px #0000003d,inset 0 1px #ffffff14}.book-paper-block{perspective:1800px;background:#efeae0;border-radius:7px;width:100%;height:100%;padding:0 2px 2px;position:relative;box-shadow:inset 0 0 0 1px #00000014,0 2px 4px #0000002e}.book-spread{background:var(--book-paper-bg);width:100%;height:100%;transform-style:preserve-3d;border-radius:6px;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.book-page{background-color:var(--book-paper-bg);background-image:repeating-linear-gradient(to bottom, transparent 0px, transparent calc(var(--book-line-height) - 1px), var(--book-paper-line) calc(var(--book-line-height) - 1px), var(--book-paper-line) var(--book-line-height));cursor:text;background-position:0 0;flex-direction:column;width:100%;height:100%;padding:0 20px 0 56px;display:flex;position:relative;overflow:hidden}.book-page.page-active:after{content:"";pointer-events:none;background:#3b82f62e;height:2px;position:absolute;bottom:0;left:56px;right:20px}.page-margin-line{background:var(--book-margin-line);pointer-events:none;z-index:2;width:1px;position:absolute;top:0;bottom:0;left:44px}.page-spine-shadow{pointer-events:none;z-index:4;width:38px;position:absolute;top:0;bottom:0}.page-spine-shadow.spine-left{background:linear-gradient(90deg,#dad3c600 0%,#c6beaf38 55%,#a0988a7a 100%);right:0}.page-spine-shadow.spine-right{background:linear-gradient(270deg,#dad3c600 0%,#c6beaf38 55%,#a0988a7a 100%);left:0}.book-center-seam{z-index:6;pointer-events:none;background:#877e706b;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.page-header-row{z-index:5;height:var(--book-line-height);line-height:var(--book-line-height);margin-top:var(--book-line-height);margin-bottom:var(--book-line-height);border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:0;display:flex;position:relative}.page-title-input{color:var(--book-ink-color);width:58%;height:var(--book-line-height);font-family:Caveat,Kalam,cursive;font-size:20px;font-weight:600;line-height:var(--book-line-height);vertical-align:middle;background:0 0;border:none;outline:none;margin:0;padding:0}.page-title-input::placeholder{color:#6e778759}.page-title-locked{color:var(--book-ink-color);-webkit-user-select:none;user-select:none;height:var(--book-line-height);font-family:Caveat,Kalam,cursive;font-size:21px;font-weight:600;line-height:var(--book-line-height);vertical-align:middle;display:inline-block}.page-date-label{color:var(--book-muted-ink);letter-spacing:.01em;-webkit-user-select:none;user-select:none;white-space:nowrap;height:var(--book-line-height);font-family:Caveat,Kalam,cursive;font-size:16px;font-weight:500;line-height:var(--book-line-height);vertical-align:middle;display:inline-block}.page-ink-canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.page-ink-canvas.canvas-drawable{z-index:8;pointer-events:auto;cursor:crosshair}.page-writing-area{z-index:5;flex-direction:column;flex:1;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.page-locked-content{width:100%;height:100%;font-family:Caveat,Kalam,cursive;font-size:20px;font-weight:500;line-height:var(--book-line-height);color:var(--book-ink-color);letter-spacing:.01em;white-space:pre-wrap;word-break:break-word;-webkit-user-select:none;user-select:none;margin:0;padding:0}.page-textarea{resize:none;width:100%;height:100%;font-family:Caveat,Kalam,cursive;font-size:20px;font-weight:600;line-height:var(--book-line-height);color:var(--book-ink-color);letter-spacing:.01em;scrollbar-width:none;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;outline:none;margin:0;padding:0;overflow-y:auto}.page-textarea::-webkit-scrollbar{display:none}.page-textarea::placeholder{color:#6e77876b;font-weight:500}.page-footer-row{z-index:5;height:var(--book-line-height);line-height:var(--book-line-height);flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;margin:0;padding:0;display:flex;position:relative}.page-from-prefix{color:#94a3b8;-webkit-user-select:none;user-select:none;font-family:Caveat,Kalam,cursive;font-size:16px;line-height:var(--book-line-height)}.page-author-locked{color:var(--book-ink-color);-webkit-user-select:none;user-select:none;font-family:Caveat,Kalam,cursive;font-size:19px;font-weight:600;line-height:var(--book-line-height)}.page-author-input{color:var(--book-ink-color);text-align:left;width:92px;height:var(--book-line-height);font-family:Caveat,Kalam,cursive;font-size:19px;font-weight:600;line-height:var(--book-line-height);background:0 0;border:none;outline:none;margin:0;padding:0}.page-author-input::placeholder{color:#94a3b873}.book-turning-leaf{z-index:15;width:50%;transform-style:preserve-3d;pointer-events:none;position:absolute;top:0;bottom:0}.book-turning-leaf.flip-forward{transform-origin:0;animation:.48s cubic-bezier(.45,.05,.25,1) forwards pageTurnForward;right:0}.book-turning-leaf.flip-backward{transform-origin:100%;animation:.48s cubic-bezier(.45,.05,.25,1) forwards pageTurnBackward;left:0}.leaf-face{backface-visibility:hidden;background-color:var(--book-paper-bg);background-image:repeating-linear-gradient(to bottom, transparent 0px, transparent calc(var(--book-line-height) - 1px), var(--book-paper-line) calc(var(--book-line-height) - 1px), var(--book-paper-line) var(--book-line-height));background-position:0 14px;position:absolute;inset:0;box-shadow:0 0 28px #0000002e}.leaf-back{transform:rotateY(180deg)}@keyframes pageTurnForward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes pageTurnBackward{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.book-subtle-toolbar{pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:-36px;left:12px;right:12px}.book-spread-counter{letter-spacing:.02em;color:#1e293bb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #0000000f;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.night-mode .book-spread-counter{color:#f1f5f9d9;background:#0f172abf;border-color:#ffffff1f}.book-toolbar-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #00000012;border-radius:999px;align-items:center;gap:5px;padding:3px 5px;display:flex;box-shadow:0 4px 12px #00000014}.night-mode .book-toolbar-actions{background:#0f172ac7;border-color:#ffffff1f}.book-tool-pill{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .15s}.night-mode .book-tool-pill{color:#cbd5e1}.book-tool-pill:hover{color:#0f172a;background:#0000000f}.night-mode .book-tool-pill:hover{color:#fff;background:#ffffff1a}.book-tool-pill.pill-active{color:#fff;background:#181c24}.night-mode .book-tool-pill.pill-active{color:#0f172a;background:#f8fafc}.book-tool-pill.pill-close{color:#dc2626}.night-mode .book-tool-pill.pill-close{color:#f87171}@media (width<=860px){.hardcover-book{width:82vw;height:48vh;min-height:320px}.book-nav-prev{left:-44px}.book-nav-next{right:-44px}.book-page{padding:10px 14px 10px 42px}.page-margin-line{left:32px}}
