:root{--shell-ratio-w: 618;--shell-ratio-h: 1000;--ink-950: #04070f;--ink-900: #081026;--shell-frame-a: #242b3d;--shell-frame-b: #0b1020;--surface: #f4f6fb;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 26px;--motion-quick: .12s;--motion-medium: .18s;--signal-content-active: #4a79bb;--signal-content-inactive: rgba(120, 150, 198, .7);--glass-border-inactive: rgba(147, 174, 214, .8);--glass-fill-inactive: linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(207, 221, 244, .52)), linear-gradient(160deg, rgba(179, 204, 236, .34), rgba(190, 213, 243, .18));--glass-text-inactive: rgba(128, 152, 191, .72);--glass-border-active: rgba(126, 180, 255, .95);--glass-fill-active: linear-gradient(180deg, rgba(194, 223, 255, .84), rgba(140, 188, 247, .92)), linear-gradient(160deg, rgba(222, 239, 255, .58), rgba(146, 188, 240, .3));--glass-text-active: #ffffff;--focus: #4aa0ff;--danger: #ff3b6b}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:SF Pro Display,SF Pro Text,Avenir Next,Helvetica Neue,sans-serif;background:radial-gradient(circle at 20% 80%,rgba(35,77,152,.22),transparent 52%),linear-gradient(180deg,var(--ink-900),var(--ink-950))}.app-stage{--stage-pad: clamp(var(--space-2), 2.8vmin, var(--space-5));min-height:100vh;width:100%;display:grid;place-items:center;padding:var(--stage-pad);overflow:hidden;position:relative;isolation:isolate}.app-stage:before{content:"";position:absolute;width:min(74vw,680px);aspect-ratio:1 / 1;top:50%;left:50%;transform:translate(-50%,-45%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,#4a87ed6b,#2b56a342 45%,#13214400 72%);filter:blur(10px)}.device-shell{--shell-max-h: calc(100dvh - (var(--stage-pad) * 2));--shell-max-w: calc(100vw - (var(--stage-pad) * 2));height:min(var(--shell-max-h),calc(var(--shell-max-w) * var(--shell-ratio-h) / var(--shell-ratio-w)),760px);width:auto;aspect-ratio:var(--shell-ratio-w) / var(--shell-ratio-h);max-width:430px;background:linear-gradient(160deg,var(--shell-frame-a),var(--shell-frame-b) 62%);border-radius:clamp(36px,8vw,54px);border:1px solid rgba(146,169,210,.16);padding:clamp(var(--space-2),2.4vw,18px);position:relative;z-index:1;box-shadow:0 28px 70px #00000070,0 0 54px #5891ec4d}.device-shell.locked{box-shadow:0 28px 70px #00000070,0 0 60px #80b1f65c}.device-notch{width:clamp(122px,30vw,156px);height:clamp(22px,4vw,26px);background:#04070e;border-radius:0 0 18px 18px;position:absolute;top:clamp(9px,2vw,13px);left:50%;transform:translate(-50%);z-index:2}.device-screen{--screen-pad-top: clamp(44px, 7.2vh, 58px);--screen-pad-right: clamp(14px, 3.2vw, 24px);--screen-pad-bottom: clamp(14px, 3.2vw, 24px);--screen-pad-left: clamp(14px, 3.2vw, 24px);background:var(--surface);border-radius:clamp(28px,6vw,40px);height:100%;width:100%;padding-top:var(--screen-pad-top);padding-right:var(--screen-pad-right);padding-bottom:var(--screen-pad-bottom);padding-left:var(--screen-pad-left);display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden;position:relative}.device-screen.locked{background:#fff}.shell-label{color:#6d7788;font-size:clamp(16px,2.4vw,19px);letter-spacing:.01em}.password-gate{width:100%;display:grid;place-items:center}.password-card{width:min(100%,360px);border-radius:var(--radius-xl);padding:clamp(20px,5vw,28px) clamp(18px,5vw,24px) clamp(18px,4.5vw,22px);background:linear-gradient(180deg,#0d1322,#0a101d);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px #00000080;text-align:center}.password-title{margin:0 0 14px;color:#ffffffeb;font-size:clamp(18px,4.6vw,21px);line-height:1.35}.password-form{display:grid;gap:var(--space-1)}.password-input{width:100%;border-radius:var(--radius-md);border:1px solid #364156;background:#080d19;color:#f8fbff;padding:11px 12px;font-size:16px;text-align:center}.password-input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 2px #4aa0ff3d}.password-input.invalid{border-color:var(--danger);box-shadow:0 0 0 2px #ff3b6b33}.password-error,.password-error-spacer{min-height:18px;font-size:13px}.password-error{margin:0;color:var(--danger)}.password-submit{width:100%;border:0;border-radius:var(--radius-md);background:#1a2235;color:#edf4ff;font-size:16px;font-weight:600;min-height:44px;cursor:pointer}.password-submit:disabled{opacity:.76;cursor:default}.onboarding-flow{--lane-inset: clamp(0px, .5vw, 4px);width:100%;height:100%;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(8px,1.4vh,18px);align-self:stretch;padding-bottom:max(0px,env(safe-area-inset-bottom));transition:transform var(--motion-medium) ease}.onboarding-header,.onboarding-input-zone,.onboarding-next,.onboarding-keyboard{width:calc(100% - (var(--lane-inset) * 2));margin-inline:var(--lane-inset)}.onboarding-flow,.password-gate{flex:1}.onboarding-flow.keyboard-active{transform:translateY(clamp(-16px,-4.4vh,-42px))}.onboarding-flow.no-keyboard{grid-template-rows:auto minmax(0,1fr) auto}.onboarding-flow.no-keyboard .onboarding-next{align-self:end}.onboarding-header{padding-top:clamp(0px,.4vh,4px)}.onboarding-progress{--progress-size: clamp(40px, 8.2vw, 56px);display:grid;grid-auto-flow:column;grid-auto-columns:var(--progress-size);justify-content:center;align-items:center;gap:clamp(6px,1.1vw,10px);width:100%;margin-inline:auto;min-width:0}.progress-block{width:var(--progress-size);aspect-ratio:1 / 1;border-radius:var(--radius-md);border:1px solid var(--glass-border-inactive);background:var(--glass-fill-inactive);color:var(--glass-text-inactive);display:grid;place-items:center;min-width:0;font-size:clamp(13px,2vw,17px);font-weight:620;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.progress-block.done,.progress-block.current{color:var(--glass-text-active);border-color:var(--glass-border-active);background:var(--glass-fill-active);box-shadow:inset 0 1px 1px #ffffff80,0 1px 10px #3f6cb333}.onboarding-input-zone{display:grid;place-items:center;align-content:center;min-width:0}.onboarding-input{width:100%;max-width:100%;border:0;outline:none;background:transparent;text-align:center;line-height:1.02;font-weight:650;letter-spacing:.01em;caret-color:var(--signal-content-active);padding:0 var(--space-1);white-space:nowrap;overflow:hidden;transition:color var(--motion-quick) ease}.onboarding-input::selection{background:#4f8bdf4d;color:#103f78}.onboarding-input.active{color:var(--signal-content-active)}.onboarding-input.inactive{color:var(--signal-content-inactive)}.onboarding-input::placeholder{color:var(--signal-content-inactive)}.onboarding-input.active::placeholder{color:#467ac2d9}.onboarding-input.filled.inactive{color:#5380bee0}.onboarding-next{width:100%;min-height:clamp(52px,7.2vh,62px);border-radius:var(--radius-lg);border:1px solid var(--glass-border-inactive);font-size:clamp(28px,5.2vw,42px);font-weight:650;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);transition:all var(--motion-quick) ease}.onboarding-next.locked{color:var(--glass-text-inactive);background:var(--glass-fill-inactive);cursor:default}.onboarding-next.unlocked{color:var(--glass-text-active);border-color:var(--glass-border-active);background:var(--glass-fill-active);box-shadow:inset 0 1px 1px #ffffff80,0 1px 12px #3f6cb338;cursor:pointer}.onboarding-next.compact-label{font-size:clamp(18px,3.2vw,26px)}.onboarding-next.loading{cursor:progress}.button-loader{width:16px;height:16px;border-radius:999px;border:2px solid rgba(205,229,255,.4);border-top-color:#f6fcfff5;animation:spin .8s linear infinite}.onboarding-keyboard{width:100%;min-width:0;min-height:clamp(152px,24vh,214px);border-radius:clamp(16px,3vw,24px);border:1px solid rgba(163,179,209,.78);background:linear-gradient(180deg,#e4eaf6f2,#c9d5eaf2),linear-gradient(160deg,#ffffff80,#bfcde557);box-shadow:inset 0 1px #ffffffbd,0 10px 24px #435c8929;display:grid;align-content:center;padding:clamp(var(--space-2),2.4vw,var(--space-3))}.keyboard-rows{display:grid;gap:6px;min-width:0}.keyboard-row{width:100%;min-width:0;display:grid;gap:4px;align-items:stretch}.keyboard-key{width:100%;min-width:0;min-height:clamp(34px,4.8vh,41px);border-radius:var(--radius-sm);border:1px solid rgba(164,177,201,.85);color:#2b3f63;background:linear-gradient(180deg,#fffffff2,#e0e7f4eb);box-shadow:inset 0 1px #ffffffeb,0 2px 5px #4f658c33;font-size:clamp(13px,2.4vw,17px);font-weight:510;display:grid;place-items:center;padding:0 6px;cursor:pointer;transition:all var(--motion-quick) ease}.keyboard-key.utility{background:linear-gradient(180deg,#f3f7fff2,#d6e0f2eb)}.keyboard-key.active,.keyboard-key:active{transform:translateY(1px);color:#1f3254;border-color:#7b96c5eb;background:linear-gradient(180deg,#d4dff3f2,#bcc9e1f2);box-shadow:inset 0 1px #ffffffb8}.profile-step,.tap-step{width:100%;display:grid;justify-items:center;text-align:center}.profile-step{gap:var(--space-2)}.profile-avatar{width:clamp(126px,27vw,168px);aspect-ratio:1 / 1;border-radius:999px;border:1px solid var(--glass-border-active);background:var(--glass-fill-active);color:var(--glass-text-active);font-size:clamp(14px,2.6vw,16px);font-weight:600;cursor:pointer;overflow:hidden;display:grid;place-items:center;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 1px #ffffff80,0 1px 12px #3f6cb333}.profile-avatar.has-image{border-color:#5891e2f2}.profile-avatar-placeholder{padding:0 var(--space-1)}.profile-image{width:100%;height:100%;object-fit:cover}.profile-title,.tap-title{margin:0;width:100%;padding:0 var(--space-1);color:var(--signal-content-active);font-size:clamp(30px,6.2vw,44px);font-weight:650;line-height:1.08;text-wrap:balance}.profile-file-input{display:none}.tap-step{gap:var(--space-3)}.tap-icon{width:clamp(98px,21vw,128px);aspect-ratio:1 / 1;border-radius:var(--radius-xl);border:1px solid var(--glass-border-active);background:var(--glass-fill-active);color:var(--glass-text-active);display:grid;place-items:center;font-size:clamp(22px,4vw,28px);font-weight:650;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 1px #ffffff80,0 1px 12px #3f6cb333}.home-screen{--phi: 1.618;--home-space-1: clamp(8px, 1.4vh, 12px);--home-space-2: calc(var(--home-space-1) * var(--phi));--home-stack-gap: calc(var(--home-space-1) * 1.25);--home-text-primary: #263e68;--home-text-secondary: #60779f;--home-text-muted: #94a7c6;width:100%;height:100%;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--home-space-2);align-self:stretch;position:relative}.home-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(8px,1.6vw,14px)}.home-logo{position:relative;width:clamp(22px,4.8vw,27px);aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle,#f7f8fa 0,#f7f8fa 34%,#d6f3fa 58%,#f01ca6 84%,#3a89f4);box-shadow:0 0 0 1px #8eb2ee99,0 0 14px #f723a473,0 0 18px #3a89f461}.home-logo:after{content:"";position:absolute;top:-62%;right:-62%;bottom:-62%;left:-62%;border-radius:50%;background:radial-gradient(circle,#fff0 34%,#f724a680 60%,#3a89f45c 78%,#3a89f400);filter:blur(4px);pointer-events:none}.home-mode-toggle{justify-self:center;width:min(100%,214px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;border-radius:var(--radius-md);border:1px solid rgba(155,178,218,.68);background:linear-gradient(180deg,#e3ebf8e0,#ccdaefe0),linear-gradient(160deg,#ffffff75,#bacce847);box-shadow:inset 0 1px #ffffff94}.home-mode-button{min-height:31px;border:0;border-radius:calc(var(--radius-md) - 4px);color:#7084aa;background:transparent;font-size:clamp(12px,2.1vw,15px);font-weight:600;cursor:pointer;transition:all var(--motion-quick) ease}.home-mode-button.active{color:var(--glass-text-active);border:1px solid var(--glass-border-active);background:var(--glass-fill-active);box-shadow:inset 0 1px 1px #ffffff80,0 1px 8px #3f6cb329}.home-settings{position:relative;justify-self:end;z-index:5}.home-settings-scrim{position:absolute;top:calc(var(--screen-pad-top) * -1);right:calc(var(--screen-pad-right) * -1);bottom:calc(var(--screen-pad-bottom) * -1);left:calc(var(--screen-pad-left) * -1);z-index:3;border:0;background:linear-gradient(180deg,#16223c38,#0f182b5c),radial-gradient(circle at 28% 16%,rgba(197,223,255,.1),transparent 44%);-webkit-backdrop-filter:blur(8px) saturate(126%);backdrop-filter:blur(8px) saturate(126%);cursor:default}.home-body{width:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:var(--home-stack-gap);padding-top:2px;padding-bottom:2px}.home-settings-trigger{width:clamp(30px,6.8vw,38px);aspect-ratio:1 / 1;border-radius:50%;border:1px solid var(--glass-border-inactive);background:var(--glass-fill-inactive);display:grid;place-items:center;cursor:pointer;color:#5a6d90;font-size:clamp(13px,2.6vw,16px)}.home-settings-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;z-index:6;display:grid;gap:4px;border-radius:var(--radius-md);padding:7px;border:1px solid rgba(147,174,214,.85);background:linear-gradient(180deg,#e4edfbd1,#d1def4cc),linear-gradient(160deg,#fff6,#b7ceee2e);-webkit-backdrop-filter:blur(14px) saturate(136%);backdrop-filter:blur(14px) saturate(136%);box-shadow:0 10px 22px #1f2e513d}.home-settings-item{width:100%;min-height:34px;border:0;border-radius:var(--radius-sm);text-align:left;padding:0 10px;font-size:14px;font-weight:560;color:var(--home-text-primary);background:transparent;cursor:pointer}.home-settings-item:hover,.home-settings-item:focus-visible{background:#95b9f047;outline:none}.home-settings-item.danger{color:#a03655}.home-profile-card{width:100%;height:auto;min-height:clamp(206px,38vh,280px);max-height:306px;border-radius:clamp(24px,5vw,30px);border:1px solid rgba(147,174,214,.78);background:linear-gradient(180deg,#f1f6ffeb,#e4edfbe6),linear-gradient(160deg,#ffffff6b,#b8ceee3d);box-shadow:inset 0 1px #ffffffbd,0 16px 30px #3854821f;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--home-space-1) * 1.02);padding:clamp(12px,3.2vw,20px);margin:0}.home-user-avatar{width:clamp(80px,17vw,102px);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;border:1px solid var(--glass-border-active);background:var(--glass-fill-active);display:grid;place-items:center;box-shadow:inset 0 1px 1px #ffffff80,0 1px 12px #3f6cb333}.home-user-image{width:100%;height:100%;object-fit:cover}.home-user-fallback{color:var(--home-text-primary);font-size:clamp(26px,5.2vw,34px);font-weight:680;letter-spacing:.02em}.home-user-name{margin:0;color:var(--home-text-primary);max-width:100%;font-size:clamp(24px,4.8vw,33px);line-height:1;font-weight:670;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.home-user-actions{width:min(100%,182px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6vw,11px)}.home-user-action{width:100%;min-height:clamp(42px,7.8vw,48px);aspect-ratio:1 / 1;border-radius:50%;border:1px solid rgba(124,164,224,.86);background:transparent;color:var(--home-text-secondary);display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 7px #3f6cb321}.home-user-action-icon{width:clamp(14px,2.9vw,17px);height:clamp(14px,2.9vw,17px)}.home-primary-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--home-space-1) * 1.1);margin:0;padding-block:1px}.home-primary-action{min-height:clamp(46px,6.2vh,54px);border-radius:var(--radius-lg);border:1px solid var(--glass-border-active);background:var(--glass-fill-active);color:var(--glass-text-active);font-size:clamp(20px,4.2vw,28px);font-weight:650;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px 1px #ffffff80,0 1px 12px #3f6cb333}.home-primary-action.copied{font-size:clamp(17px,3.8vw,24px)}.home-activity{width:100%;display:grid;gap:calc(var(--home-space-1) * .8);min-height:0;margin:0}.home-activity-title{margin:0;color:var(--home-text-primary);font-size:clamp(20px,4.2vw,28px);line-height:1;font-weight:670}.home-activity-feed{width:100%;min-height:clamp(108px,17vh,164px);border-radius:var(--radius-xl);border:1px solid rgba(155,178,218,.74);background:linear-gradient(180deg,#f1f6ffc2,#e4edfbb8),linear-gradient(160deg,#ffffff4d,#b8ceee2e);padding:clamp(12px,2.8vw,18px);overflow:auto}.home-activity-empty{margin:0;color:var(--home-text-muted);font-size:clamp(20px,4.2vw,28px);line-height:1.08;font-weight:600}.password-submit,.onboarding-next,.keyboard-key,.profile-avatar,.home-mode-button,.home-settings-trigger,.home-settings-item,.home-user-action,.home-primary-action{transition:transform var(--motion-quick) ease,box-shadow var(--motion-quick) ease,filter var(--motion-quick) ease,background var(--motion-quick) ease,color var(--motion-quick) ease;touch-action:manipulation}.password-submit:not(:disabled):hover,.onboarding-next:not(:disabled):hover,.keyboard-key:hover,.profile-avatar:hover,.home-mode-button:hover,.home-settings-trigger:hover,.home-settings-item:hover,.home-user-action:hover,.home-primary-action:hover{transform:translateY(-1px);filter:saturate(1.04)}.home-user-action:hover{background:#a1c3f52e;color:#4f6f9f;border-color:#6895d9eb}.password-submit:not(:disabled):active,.onboarding-next:not(:disabled):active,.keyboard-key:active,.profile-avatar:active,.home-mode-button:active,.home-settings-trigger:active,.home-settings-item:active,.home-user-action:active,.home-primary-action:active{transform:translateY(1px) scale(.985);filter:saturate(.95)}.password-submit:focus-visible,.onboarding-next:focus-visible,.keyboard-key:focus-visible,.profile-avatar:focus-visible,.home-mode-button:focus-visible,.home-settings-trigger:focus-visible,.home-settings-item:focus-visible,.home-user-action:focus-visible,.home-primary-action:focus-visible{outline:none;box-shadow:0 0 0 2px #fafdffd9,0 0 0 4px #548fe46b}@media (prefers-reduced-motion: reduce){.password-submit,.onboarding-next,.keyboard-key,.profile-avatar,.home-mode-button,.home-settings-trigger,.home-settings-item,.home-user-action,.home-primary-action{transition:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 560px){.app-stage{--stage-pad: var(--space-2)}.device-shell{max-width:420px;padding:clamp(10px,3vw,14px)}.device-screen{--screen-pad-top: clamp(42px, 7vh, 54px);--screen-pad-right: clamp(12px, 3.6vw, 18px);--screen-pad-bottom: clamp(12px, 3.6vw, 18px);--screen-pad-left: clamp(12px, 3.6vw, 18px);padding-top:var(--screen-pad-top);padding-right:var(--screen-pad-right);padding-bottom:var(--screen-pad-bottom);padding-left:var(--screen-pad-left)}.onboarding-flow{gap:clamp(var(--space-1),1.8vh,var(--space-3))}.home-screen{gap:clamp(8px,1.25vh,12px)}.home-body{grid-template-rows:auto auto minmax(0,1fr)}.home-profile-card{min-height:clamp(194px,34vh,254px);max-height:272px}.home-primary-action{font-size:clamp(18px,5.8vw,26px)}.home-activity-title,.home-activity-empty{font-size:clamp(18px,5.2vw,26px)}.keyboard-row{gap:3px}}@media (hover: none) and (pointer: coarse){.password-submit:not(:disabled):hover,.onboarding-next:not(:disabled):hover,.keyboard-key:hover,.profile-avatar:hover,.home-mode-button:hover,.home-settings-trigger:hover,.home-settings-item:hover,.home-user-action:hover,.home-primary-action:hover{transform:none;filter:none}.home-user-action:hover{background:transparent;color:var(--home-text-secondary);border-color:#7ca4e0db}.app-stage:before{display:none}.app-stage{padding:0;min-height:100dvh;place-items:stretch}.device-shell,.device-shell.locked{width:100%;max-width:none;height:auto;aspect-ratio:auto;border-radius:0;border:0;padding:0;background:transparent;box-shadow:none}.device-notch{display:none}.device-screen,.device-screen.locked{width:100%;height:100dvh;border-radius:0;padding:clamp(14px,4.5vw,24px);background:var(--surface)}.onboarding-flow.keyboard-active{transform:translateY(clamp(-16px,-4vh,-40px))}}