.project-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;background-color:#fff;box-shadow:0 4px 15px #00000008;transition:box-shadow .4s cubic-bezier(.25,.8,.25,1);height:100%;display:flex;flex-direction:column}.project-card:hover{box-shadow:0 12px 30px #00000014}.project-card-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.project-card:hover .project-card-image{transform:scale(1.05)}.project-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000,#000c);opacity:0;transition:opacity .6s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;box-sizing:border-box}.project-card:hover .project-card-overlay{opacity:1}.overlay-content{font-family:Soehne,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#fff}.overlay-title,.overlay-description,.overlay-tags{transform:translateY(15px);opacity:0;transition:transform .5s cubic-bezier(.25,.8,.25,1),opacity .5s cubic-bezier(.25,.8,.25,1)}.project-card:hover .overlay-title,.project-card:hover .overlay-description,.project-card:hover .overlay-tags{transform:translateY(0);opacity:1}.project-card:hover .overlay-description{transition-delay:.1s}.project-card:hover .overlay-tags{transition-delay:.2s}.overlay-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.overlay-description{font-size:1rem;font-weight:400;line-height:1.6;margin:0 0 1.5rem;max-width:90%}.overlay-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:999px;padding:.3rem .8rem;font-size:.9rem;font-weight:400;transform:translateZ(0)}@media (max-width: 768px){.project-card:hover .project-card-image{transform:scale(1)}.project-card:hover{box-shadow:0 8px 24px #0000000d}.project-card-overlay{position:static;height:auto;opacity:1;background:#fff;padding:1.5rem}.overlay-content{color:#333}.overlay-title,.overlay-description,.overlay-tags{transform:translateY(0);opacity:1}.overlay-title{font-size:1.25rem;color:#1a1a1a}.overlay-description{font-size:.95rem;line-height:1.6;margin-bottom:1rem;max-width:100%}}body{font-family:Soehne,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#000;color:#fff}.content-container{max-width:780px;margin:0 auto;padding:80px 1.5rem;display:flex;flex-direction:column;gap:3rem}.intro-section,.projects-section{display:grid;grid-template-columns:1fr 1.4fr;grid-column-gap:1.5rem}.projects-section{border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem}.grid-col-left,.grid-col-right{padding-left:1rem;padding-right:1rem}.grid-col-left{grid-column:1 / 2;padding-top:.1rem}.grid-col-right{grid-column:2 / 3}.intro-name{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.intro-subtitle{font-size:.9rem;font-weight:400;color:#a0a0a0;margin-top:.25rem}.intro-text{display:flex;flex-direction:column}.intro-statement{font-size:1rem;color:#fff;font-weight:400;line-height:1.6;margin:0}.portfolio-link{display:inline-flex;align-items:center;gap:.35rem;color:#b0b0b0;text-decoration:none;font-size:.9rem;transition:all .2s ease;margin-top:2rem;align-self:flex-start}.portfolio-link span{border-bottom:1px solid #777;padding-bottom:2px;transition:border-color .2s ease}.portfolio-link:hover{color:#fff}.portfolio-link:hover span{border-bottom-color:#fff}.portfolio-link svg{transform:translateY(-1px)}.projects-heading-wrapper{display:flex;align-items:center;gap:.25rem}.projects-heading-wrapper svg{color:#fff}.projects-heading{font-size:1rem;font-weight:400;color:#fff;margin:0}.project-list{display:flex;flex-direction:column}.project-separator{border:none;height:.25px;background-color:#fff6;margin-top:2rem;margin-bottom:2rem;width:100%}.project-card-link{text-decoration:none;color:inherit;display:block;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.project-card-link:hover{box-shadow:0 10px 20px #ffffff0d}@media (max-width: 768px){.content-container{padding:60px 1.5rem;gap:2.5rem}.intro-section,.projects-section{grid-template-columns:1fr;grid-row-gap:1.5rem}.grid-col-left,.grid-col-right{grid-column:1 / 2}.intro-text{margin-top:1rem}.projects-section{padding-top:1.5rem}}.main-content-container-about{max-width:780px;margin:0 auto;padding:80px 1.5rem;display:flex;flex-direction:column;gap:3rem}.intro-section-about,.details-section-about{display:grid;grid-template-columns:1fr 1.4fr;grid-column-gap:1.5rem}.grid-col-left-about,.grid-col-right-about{padding:0 1rem}.details-section-about{border-top:1px solid rgba(255,255,255,.2);padding-top:1.5rem}.about-name{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.about-bio{font-size:1rem;color:#fff;line-height:1.6;margin:0}.about-subtitle,.item-subtitle,.item-period{font-size:.9rem;color:#a0a0a0}.about-subtitle{font-weight:400;margin-top:.25rem}.item-subtitle{margin:4px 0 0;line-height:1.5}.item-period{margin:2px 0 0;white-space:nowrap;flex-shrink:0}.section-title{display:flex;align-items:center;gap:.25rem;color:#fff}.section-title h3{font-size:1rem;font-weight:400;color:inherit;margin:0}.section-title svg{stroke:currentColor}.about-link{display:inline-flex;align-items:center;gap:.35rem;color:#b0b0b0;text-decoration:none;font-size:.9rem;transition:all .2s ease;align-self:flex-start}.grid-col-left-about .about-link{margin-top:1rem}.grid-col-right-about .about-link{margin-top:2rem}.about-link span{border-bottom:1px solid #777;padding-bottom:2px;transition:border-color .2s ease}.about-link:hover{color:#fff}.about-link:hover span{border-bottom-color:#fff}.about-link svg{transform:translateY(-1px)}.list-container{display:flex;flex-direction:column;gap:1.75rem}.list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.item-title{font-size:1rem;font-weight:500;color:#fff;margin:0}.project-separator-about{border:none;height:.25px;background-color:#fff6;margin:2rem 0;width:100%}@media (max-width: 768px){.main-content-container-about{padding:60px 1.5rem;gap:2.5rem}.intro-section-about,.details-section-about{grid-template-columns:1fr;grid-row-gap:1.5rem}.details-section-about{padding-top:1.5rem}.project-separator-about{margin:0}.details-section-about .grid-col-left-about:empty{display:none}}.portfolio-page-container{box-sizing:border-box;width:100%;padding:4rem 32px;font-family:Soehne,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#fff}.portfolio-content-wrapper{max-width:576px;margin:0 auto}.portfolio-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem}.portfolio-title{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.portfolio-date{font-size:.9rem;font-weight:400;color:#a0a0a0;margin-top:4px}.pdf-container{position:relative;width:100%;height:378px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background-color:#1a1a1a;padding:0}.pdf-viewer{width:100%;height:100%;border:none}.pdf-container:fullscreen{border-radius:0;border:none;background-color:#000}.mobile-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);justify-content:center;align-items:center;text-align:center;padding:20px;color:#fff;border-radius:12px}@media (max-width: 768px){.pdf-viewer{display:none}.mobile-overlay{display:flex}}.project-detail-container{box-sizing:border-box;width:100%;padding:4rem 32px;font-family:Soehne,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#fff;min-height:100vh;text-transform:lowercase}.project-content-wrapper{max-width:576px;margin:0 auto}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;text-align:left;position:sticky;top:0;z-index:100;padding:1rem 0;transition:all .3s cubic-bezier(.16,1,.3,1);background-color:transparent}.project-header.sticky-active{background-color:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:url(#liquid-glass-filter);backdrop-filter:url(#liquid-glass-filter);box-shadow:0 10px 30px #0003;margin-bottom:3rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem;border-radius:0 0 24px 24px}@supports not (backdrop-filter: url(#liquid-glass-filter)){.project-header.sticky-active{background-color:#141414d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.project-header-text-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.header-main-info{display:flex;flex-direction:column;transition:all .3s ease}.header-main-info.scrolled-mode{flex-direction:row;align-items:center;gap:.5rem}.header-main-info.scrolled-mode .project-title{font-size:1rem;opacity:.7;cursor:pointer}.header-main-info.scrolled-mode .project-title:hover{opacity:1}.header-main-info.scrolled-mode .project-date{display:none}.section-navigator{display:flex;align-items:center;gap:.5rem;position:relative;height:100%;padding-bottom:0}.divider{color:#555;font-weight:300}.active-section-name{font-size:1rem;font-weight:600;color:#fff;cursor:pointer;padding:2px 0}.section-navigator:hover .active-section-name{color:#4b9fff}.section-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background-color:#1f1f1f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;width:max-content;min-width:180px;box-shadow:0 10px 40px -10px #00000080;opacity:0;transform:translateY(-5px);pointer-events:none;transition:all .2s ease;transition-delay:.1s}.section-dropdown:before{content:"";position:absolute;top:-15px;left:0;width:100%;height:15px}.section-navigator:hover .section-dropdown{opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:0s}.dropdown-item{font-size:.9rem;color:#a0a0a0;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s,color .2s}.dropdown-item:hover{background:#ffffff1a;color:#fff}.dropdown-item.active{color:#fff;background:#ffffff0d;font-weight:500}.project-title{font-size:1.25rem;font-weight:600;margin:0;color:#fff}.project-date{font-size:.9rem;font-weight:400;color:#a0a0a0;margin-top:4px}.action-buttons-container{display:flex;gap:.5rem;flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#a0a0a0;cursor:pointer;padding:0;transition:background-color .2s ease,color .2s ease}.action-btn:hover{background-color:#2a2a2a;color:#fff}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:visible;background-color:#333;color:#fff;text-align:center;padding:5px 10px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:1;transition:opacity .3s;white-space:nowrap;font-size:.75rem;pointer-events:none}.project-section{margin-bottom:3rem}.project-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.project-section h3{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:1rem;color:#e0e0e0}.project-section p{font-size:1rem;line-height:1.6;margin-bottom:1rem;color:#ccc}.project-section ul,.project-section ol{margin-bottom:1rem;padding-left:1.5rem;color:#ccc}.project-section li{margin-bottom:.5rem;line-height:1.6}.project-quote{border-left:4px solid #4a4a4a;margin:1.5rem 0;padding-left:1.5rem;font-style:italic;color:#b0b0b0;font-size:1.05rem;line-height:1.6}.section-image{margin:2rem 0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background-color:#1a1a1a;height:378px;width:100%;position:relative}.section-image img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .4s cubic-bezier(.25,1,.5,1)}.section-image:hover img{cursor:default}.section-divider{border:0;height:1px;background-color:#ffffff1a;margin:3rem 0}@media print{.project-detail-container{background-color:#fff;color:#000;padding:20px;height:auto}.project-title,.project-section h2,.project-section h3,.project-section p,.project-section ul,.project-section ol{color:#000}.action-buttons-container{display:none}.section-image{border:1px solid #ccc;background-color:transparent;break-inside:avoid;height:auto;max-height:400px}.section-image img{object-fit:contain}}@media (max-width: 768px){.project-title{font-size:1.15rem}}@keyframes grow-width{0%{width:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.workload-graph-container{width:100%;background:#1a1a1a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;box-sizing:border-box;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Soehne,sans-serif}.workload-graph-title{font-size:.8rem;color:#a0a0a0;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;text-align:left}.bar-container{display:flex;width:100%;height:2.5rem;border-radius:8px;overflow:hidden;background-color:#27272a;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}.bar-segment{height:100%;position:relative;display:flex;align-items:center;justify-content:center;color:#0006;font-weight:700;font-size:.85rem;overflow:hidden}.animate-start .bar-segment{animation:grow-width 1.2s cubic-bezier(.22,1,.36,1) forwards}.bg-emerald-500{background-color:#10b981}.bg-amber-500{background-color:#f59e0b;box-shadow:0 0 15px #f59e0b4d;z-index:1}.bg-gray-600{background-color:#4b5563}.legend-container{display:flex;flex-direction:column;gap:1rem}.legend-item{display:flex;align-items:flex-start;gap:1rem;font-size:.9rem;line-height:1.5;opacity:0;text-align:left}.animate-start .legend-item{animation:fade-in-up .6s ease-out forwards}.animate-start .legend-item:nth-child(1){animation-delay:.3s}.animate-start .legend-item:nth-child(2){animation-delay:.5s}.animate-start .legend-item:nth-child(3){animation-delay:.7s}.legend-marker{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:6px}.legend-content{display:flex;flex-direction:column}.legend-header{color:#fff;font-weight:500;display:flex;gap:.5rem}.legend-percentage{font-weight:700;opacity:.9}.legend-desc{font-size:.85rem;color:#a0a0a0;margin-top:.2rem}.text-emerald-400{color:#34d399}.text-amber-400{color:#fbbf24}.text-gray-400{color:#9ca3af}.expanded-image-container{position:relative;overflow:hidden;transition:all .3s ease;width:100%;display:flex;flex-direction:column}.content-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.expanded-image-container img{width:100%;height:auto;object-fit:contain;display:block;transition:transform .3s ease}.interactive-iframe{width:100%;height:100%;min-height:600px;border:none;background:#fff;display:block}.controls-overlay{position:absolute;top:12px;right:12px;display:flex;gap:8px;z-index:20;opacity:0;transition:opacity .2s ease}.expanded-image-container:hover .controls-overlay,.expanded-image-container.is-interactive .controls-overlay,.expanded-image-container.is-fullscreen .controls-overlay{opacity:1}.control-button{height:36px;background-color:#1a1a1a99;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:0 12px;gap:6px}.control-button .label{font-size:13px;font-weight:500;white-space:nowrap}.expand-button{width:36px;padding:0}.control-button:hover{background-color:#2a2a2ae6;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.control-button.active{background-color:#2a9d8f;border-color:#2a9d8f}.interactive-hint{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;cursor:pointer;transition:opacity .3s ease;z-index:10}.expanded-image-container:hover .interactive-hint{opacity:1}.hint-pill{background:#000000bf;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateY(10px);transition:transform .3s ease}.expanded-image-container:hover .hint-pill{transform:translateY(0)}.expanded-image-container.is-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999;background-color:#0f1115;border-radius:0;padding:0;margin:0}.expanded-image-container.is-fullscreen .content-wrapper{height:100vh;width:100vw}.expanded-image-container.is-fullscreen img{max-width:100%;max-height:100%;height:auto}.expanded-image-container.is-fullscreen .interactive-iframe{height:100vh}.gallery-container{overflow:visible!important;position:relative;border-radius:12px;border:1px solid rgba(255,255,255,.1);background-color:#1a1a1a;height:378px;width:100%}.gallery-main-image-wrapper{height:100%;width:100%}.gallery-container img.gallery-main-image{width:100%;height:100%;display:block;object-fit:contain;animation:fadeIn .5s cubic-bezier(.4,0,.2,1);cursor:default}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.expand-image-button{position:absolute;top:12px;right:12px;width:40px;height:40px;background-color:#1a1a1acc;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#a0a0a0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-container:hover .expand-image-button{opacity:1}.expand-image-button:hover{background-color:#2a2a2ae6;color:#fff;transform:scale(1.1)}.stacked-gallery-widget{position:absolute;top:16px;left:16px;display:flex;flex-direction:row;gap:0;cursor:pointer;z-index:10;transform:scale(.75);transform-origin:top left}.gallery-thumbnail{position:relative;width:64px;height:80px;background:#fff;border:2px solid rgba(255,255,255,.9);border-radius:4px;box-shadow:0 4px 12px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center center;cursor:pointer}.gallery-thumbnail:not(:first-child){margin-left:-40px}.gallery-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:2px;pointer-events:none}.stacked-gallery-widget:hover .gallery-thumbnail{box-shadow:0 8px 20px #0006}.stacked-gallery-widget:hover .gallery-thumbnail:nth-child(1){margin-left:0;transform:rotate(-5deg)}.stacked-gallery-widget:hover .gallery-thumbnail:nth-child(2){margin-left:12px;transform:rotate(0)}.stacked-gallery-widget:hover .gallery-thumbnail:nth-child(3){margin-left:12px;transform:rotate(5deg)}.gallery-thumbnail:hover{transform:scale(1.15) translateY(-4px)!important;z-index:20!important;box-shadow:0 12px 30px #00000080}.project-dialogic{min-height:100vh;background-color:#212121;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dialogic-intro{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;max-width:800px;margin:0 auto;text-align:center}.dialogic-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#10a37f,#00d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.dialogic-subtitle{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;color:#e0e0e0;margin-bottom:3rem;line-height:1.4;max-width:600px}.statement-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem;width:100%}.statement-box{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-align:left;transition:all .3s ease}.statement-box:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.statement-box h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.statement-box p{font-size:1.1rem;line-height:1.6;color:#d0d0d0;margin:0}.problem-box{border-left:4px solid #ff6b6b}.solution-box{border-left:4px solid #4ecdc4}.action-buttons{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:180px}.btn-primary{background:linear-gradient(135deg,#10a37f,#00d9ff);color:#fff;box-shadow:0 4px 15px #10a37f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10a37f66}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.dialogic-split-screen{display:flex;height:100vh;width:100%}.chatgpt-side{flex:1;display:flex;flex-direction:column;background-color:#212121;border-right:1px solid #424242}.chatgpt-header{height:60px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #424242;background-color:#212121}.chatgpt-header h2{color:#e3e3e8;font-size:1.25rem;font-weight:600;margin:0}.messages-container{flex:1;overflow-y:auto;padding:0}.message{display:flex;padding:24px 20px;gap:16px;border-bottom:1px solid #424242}.message.user{background-color:transparent}.message.assistant{background-color:#2f2f2f}.avatar{width:30px;height:30px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.message.user .avatar{background-color:#8e8ea0;color:#fff}.message.assistant .avatar{background-color:#10a37f;color:#fff}.message-content{color:#e3e3e8;font-size:.875rem;line-height:1.5;flex:1}.input-area{padding:20px;border-top:1px solid #424242;background-color:#212121}.input-area form{position:relative;display:flex}.message-input{flex:1;background-color:#2f2f2f;border:1px solid #424242;border-radius:12px;padding:12px 48px 12px 16px;color:#e3e3e8;font-size:.875rem;outline:none}.message-input::placeholder{color:#8e8ea0}.message-input:focus{border-color:#10a37f}.send-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;background-color:#10a37f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.send-button:hover{background-color:#0d8a6f}.dialogic-side{flex:1;display:flex;flex-direction:column;background-color:#212121}.dialogic-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #424242;background-color:#212121}.dialogic-header h2{color:#e3e3e8;font-size:1.25rem;font-weight:600;margin:0}.coordinates{color:#8e8ea0;font-size:.875rem;font-family:Monaco,Menlo,monospace}.visualization-container{flex:1;padding:20px;display:flex;align-items:center;justify-content:center}.three-container{width:100%;height:100%;background-color:#1a1a1a;border:1px solid #424242;border-radius:8px;perspective:1000px;overflow:hidden}.space-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(15deg) rotateY(-15deg) translateZ(0);transition:transform .6s ease}.node-3d{position:absolute;width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 2px #ffffff14,0 0 18px #10a37f59;will-change:transform,box-shadow;animation:glow 2.4s ease-in-out infinite}.node-3d.user{background-color:#8e8ea0;box-shadow:0 0 0 2px #ffffff14,0 0 18px #8e8ea066}.node-3d.assistant{background-color:#10a37f;box-shadow:0 0 0 2px #ffffff14,0 0 18px #10a37f80}.node-label{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#e3e3e8;font-size:10px;white-space:nowrap;opacity:.85}@keyframes glow{0%,to{box-shadow:0 0 0 2px #ffffff14,0 0 10px #10a37f40}50%{box-shadow:0 0 0 2px #ffffff1f,0 0 22px #10a37f8c}}.connection-line{position:absolute;height:2px;background:linear-gradient(90deg,#10a37f33,#00d9ffcc);border-radius:2px;will-change:transform,width}.control-buttons{padding:20px;display:flex;gap:12px;border-top:1px solid #424242;background-color:#212121}.control-btn{padding:8px 16px;background-color:#2f2f2f;border:1px solid #424242;border-radius:6px;color:#e3e3e8;font-size:.875rem;cursor:pointer;transition:all .2s ease}.control-btn:hover{background-color:#424242;border-color:#10a37f}@media (max-width: 768px){.dialogic-split-screen{flex-direction:column}.chatgpt-side,.dialogic-side{flex:none}.chatgpt-side{height:60vh}.dialogic-side{height:40vh}.dialogic-intro,.statement-box{padding:1.5rem}.action-buttons{flex-direction:column;align-items:center}.btn{min-width:250px;padding:1.2rem 2rem}.dialogic-title{font-size:2.5rem}.dialogic-subtitle{font-size:1.25rem}}@media (max-width: 480px){.chatgpt-side,.dialogic-side{height:50vh}.dialogic-intro{padding:1rem}.statement-box{padding:1.25rem}.btn{min-width:280px;font-size:1rem}.dialogic-title{font-size:2rem}.dialogic-subtitle{font-size:1.1rem}.control-buttons{flex-direction:column}.control-btn{width:100%}}*{scroll-behavior:smooth}.btn:focus{outline:2px solid #00d9ff;outline-offset:2px}.message-input:focus{outline:none}@supports (backdrop-filter: blur(20px)){.statement-box{background:#ffffff08}.statement-box:hover{background:#ffffff0f}}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#1a1a1a}.messages-container::-webkit-scrollbar-thumb{background:#424242;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.pull-chain-switch{position:fixed;top:0;right:0;z-index:1000;cursor:pointer;width:64px;height:120px}.switch-wrapper{position:absolute;top:0;right:16px;display:flex;flex-direction:column;align-items:center}.pull-chain-switch .chain{width:2px;height:32px;background-color:#ffffff80;transform-origin:top}.pull-chain-switch .handle{width:32px;height:32px;background-color:#1e1e1ecc;border:1px solid rgba(255,255,255,.2);border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #0000004d}.pull-chain-switch .handle:before{content:"";width:14px;height:14px;background-color:#fff;border-radius:5px}.crt-screen,.crt-screen:after,.content-iframe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#000;overflow:hidden;width:100%;height:100%;border:none}.crt-screen:after{content:"";background:repeating-linear-gradient(to bottom,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 3px);pointer-events:none;opacity:.5}.bottom-nav-container{position:fixed;bottom:24px;left:0;right:0;display:flex;justify-content:center;z-index:100}.bottom-nav{width:240px;height:64px;border-radius:24px;display:flex;align-items:center;position:relative;box-shadow:0 10px 30px #0003;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:url(#liquid-glass-filter);backdrop-filter:url(#liquid-glass-filter)}@supports not (backdrop-filter: url(#liquid-glass-filter)){.bottom-nav{background-color:#f0f0f0b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}.nav-tooltip-wrapper{width:80px;height:100%}.nav-item-link,.nav-item{width:100%;height:100%}.nav-item{display:flex;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;z-index:2;transition:color .3s ease,transform .2s ease;color:#888;position:relative}.nav-item:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background-color:transparent}.nav-item.active{color:#fff}.nav-tooltip-wrapper:hover .nav-item{transform:scale(1.15);color:#ddd}.nav-tooltip-wrapper:hover .nav-item.active{color:#fff}.active-indicator{position:absolute;top:8px;left:0;width:48px;height:48px;border-radius:50%;background-color:#ffffff26;z-index:1}.dynamic-island-wrapper{position:fixed;top:16px;left:0;right:0;display:flex;justify-content:center;z-index:2000;pointer-events:none}.dynamic-island-base{pointer-events:auto;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 20px;background-color:#000;color:#fff;border-radius:999px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 30px #0003}.island-content{display:flex;align-items:center;gap:12px;white-space:nowrap}.island-content .icon{flex-shrink:0;color:#4ade80}.message-wrapper{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.message-wrapper .message,.message-wrapper .sub-message{margin:0;padding:0;line-height:1.3;text-decoration:none!important;border-bottom:none!important}.message-wrapper .message{font-size:.9rem;font-weight:600}.message-wrapper .sub-message{font-size:.85rem;font-weight:400;color:#a0a0a0}html,body{width:100%;height:100%;margin:0;padding:0;background-color:#000}#root{width:100%}.section-container{margin-top:3rem}.tooltip-container{position:relative;display:inline-flex;justify-content:center;align-items:center}.tooltip-text{position:absolute;bottom:110%;left:50%;background-color:#18181b;color:#fff;white-space:nowrap;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:.875rem;font-weight:500;box-shadow:0 4px 15px #0003;opacity:0;visibility:hidden;transform:translate(-50%) translateY(5px);transition:opacity .2s ease,transform .2s ease;z-index:2000}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}