:root{--color-coral-600: #a84832;--color-coral-500: #c1553d;--color-coral-400: #d87660;--color-coral-300: #e6ad86;--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--letter-spacing: .05em;--transition-fast: .3s;--transition-medium: .6s;--transition-slow: 1.2s;--bg-cream: #d9c9ad;--bg-beige: #cfc0a6;--coral-viewport: #c65a43;--samantha-ring: rgba(255, 255, 255, .95);--samantha-glow: rgba(255, 255, 255, .3);--icon-stroke: rgba(160, 130, 110, .9);--icon-stroke-hover: rgba(140, 100, 80, 1);--icon-coral: #c65a43;--icon-coral-light: rgba(198, 90, 67, .9);--icon-warm: rgba(180, 145, 120, .85);--icon-tan: rgba(165, 135, 115, .8)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-family);font-weight:300;background:var(--bg-cream);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.os1-shell{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#d4bc9a,#d4bc9a 35%,#e8dcc8 45%,#efe5d5,#e8dcc8 55%,#d4bc9a 65%,#d4bc9a);display:flex;align-items:center;justify-content:center}.os1-shell:before{content:"";position:absolute;top:calc(50% + min(44vh,550px));left:calc(50% - min(46vw,900px) + 80px);width:min(90vw,1700px);height:75px;background:linear-gradient(to bottom,rgba(90,70,50,.5) 0%,rgba(100,80,60,.25) 40%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 60%,transparent 95%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 60%,transparent 95%);filter:blur(8px);pointer-events:none;z-index:0}.os1-shell:after{content:"";position:absolute;top:calc(50% + min(44vh,550px) + 2px);left:calc(50% - min(46vw,900px) + 120px);width:min(80vw,1500px);height:55px;background:linear-gradient(to bottom,rgba(80,60,40,.35) 0%,rgba(90,70,50,.15) 50%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 55%,transparent 90%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 55%,transparent 90%);filter:blur(12px);pointer-events:none;z-index:0}.os1-shell.viewport-hidden:before,.os1-shell.viewport-hidden:after{opacity:0;transition:opacity .8s ease-in-out}.os1-viewport{position:relative;width:92vw;height:88vh;max-width:1800px;max-height:1100px;background:var(--coral-viewport);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.os1-viewport-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.viewport-ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none}.viewport-ui-layer>*{pointer-events:auto}.modality-dock{position:absolute;bottom:30px;left:30px;z-index:100}.modality-icon{position:absolute;width:40px;height:40px;cursor:pointer;transition:transform var(--transition-fast) ease}.modality-icon:hover{transform:scale(1.1)}.modality-icon.active{transform:scale(1.15)}.modality-icon svg{width:100%;height:100%;fill:none;stroke:var(--icon-tan);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:all var(--transition-fast) ease;color:var(--icon-tan)}.modality-icon:hover svg{stroke:var(--icon-stroke-hover);color:var(--icon-stroke-hover)}.modality-icon.active svg{stroke:var(--icon-coral);stroke-width:2;color:var(--icon-coral)}.modality-icon[data-modality=computer] svg{stroke:var(--icon-coral);stroke-width:1.8;color:var(--icon-coral)}.modality-icon[data-modality=computer]:hover svg{stroke:var(--icon-coral-light);color:var(--icon-coral-light)}.modality-icon[data-modality=browser] svg{stroke:var(--icon-warm);stroke-width:1.5}.modality-icon[data-modality=tools] svg,.modality-icon[data-modality=knowledge] svg,.modality-icon[data-modality=sync] svg{stroke:var(--icon-tan);stroke-width:1.4}.start-content{display:flex;flex-direction:column;align-items:center;gap:24px}.start-title{font-size:clamp(80px,15vw,140px);font-weight:200;letter-spacing:.2em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,248,240,.7);text-transform:uppercase}.start-title sup{font-size:.4em;vertical-align:super;-webkit-text-stroke-width:1px}.start-subtitle{font-size:clamp(14px,2vw,18px);font-weight:300;letter-spacing:.12em;color:var(--text-secondary);margin-bottom:20px}.start-button{padding:16px 48px;font-family:var(--font-family);font-size:16px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);background:#ffffff1a;border:1px solid rgba(255,255,255,.4);border-radius:30px;cursor:pointer;transition:all var(--transition-fast) ease}.start-button:hover{background:#fff3;border-color:#fff9;transform:scale(1.02)}.start-button:active{transform:scale(.98)}.google-container{display:flex;flex-direction:column;align-items:center;gap:16px}#google-signin-button{min-height:44px;display:flex;align-items:center;justify-content:center}#google-signin-button>div{transition:transform var(--transition-fast) ease}#google-signin-button>div:hover{transform:scale(1.02)}.success-section{display:flex;flex-direction:column;align-items:center;gap:12px}.success-text{font-size:clamp(20px,4vw,32px);font-weight:300;letter-spacing:.1em;color:var(--text-primary)}.success-subtext{font-size:clamp(14px,2vw,18px);font-weight:300;letter-spacing:.08em;color:var(--text-secondary)}.text-reveal span,.text-reveal sup{display:inline-block;opacity:0;transform:translateY(30px)}.error-message{font-size:14px;color:var(--color-coral-300);letter-spacing:.05em;text-align:center;max-width:300px;opacity:0;transition:opacity var(--transition-fast) ease}.error-message.visible{opacity:1}@media (max-width: 768px){.os1-viewport{width:90vw;height:72vh;border-radius:4px}.modality-dock{bottom:16px;left:16px}.modality-icon{width:32px;height:32px}.landing-content{gap:24px}.orb-section{min-height:160px}}@media (max-width: 480px){.os1-viewport{width:94vw;height:68vh}.modality-dock{bottom:10px;left:10px}.modality-icon{width:26px;height:26px}.orb-section{min-height:140px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}