:root{--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--thumb-zone-start:33vh;--thumb-zone-end:90vh;--thumb-zone-spacing:1rem;--mobile-padding-sm:1rem;--mobile-padding-md:1.5rem;--mobile-padding-lg:2rem;--touch-response-fast:100ms;--touch-response-normal:150ms;--touch-response-slow:200ms;--safe-area-top:env(safe-area-inset-top,1rem);--safe-area-bottom:env(safe-area-inset-bottom,1rem);--safe-area-left:env(safe-area-inset-left,1rem);--safe-area-right:env(safe-area-inset-right,1rem)}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.touch-target-large{min-height:var(--touch-target-large);min-width:var(--touch-target-large)}.touch-enhanced{touch-action:manipulation;transition:transform var(--touch-response-fast) ease-out,background-color var(--touch-response-normal) ease-out,box-shadow var(--touch-response-normal) ease-out}.touch-enhanced:active{transform:scale(.95)}.mobile-button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--touch-response-fast) ease-out,background-color var(--touch-response-normal) ease-out,box-shadow var(--touch-response-normal) ease-out}.mobile-button:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.mobile-button{transition:none}}.mobile-button{padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;background-color:var(--button-bg,#a270ff);color:var(--button-text,#fff);border:2px solid var(--button-border,transparent)}.mobile-button,.mobile-button.size-sm{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.mobile-button.size-sm{padding:.75rem 1rem}.mobile-button.size-md{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:.875rem 1.5rem}.mobile-button.size-lg{min-height:var(--touch-target-large);min-width:var(--touch-target-large);padding:1rem 2rem}.mobile-button:hover{background-color:var(--button-bg-hover,#8957ff)}.mobile-button:focus{outline:2px solid #bb8aff;outline-offset:2px}.mobile-primary-action{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--touch-response-fast) ease-out,background-color var(--touch-response-normal) ease-out,box-shadow var(--touch-response-normal) ease-out}.mobile-primary-action:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.mobile-primary-action{transition:none}}.mobile-primary-action{padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;background-color:var(--button-bg,#a270ff);color:var(--button-text,#fff);border:2px solid var(--button-border,transparent)}.mobile-primary-action,.mobile-primary-action.size-sm{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.mobile-primary-action.size-sm{padding:.75rem 1rem}.mobile-primary-action.size-md{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:.875rem 1.5rem}.mobile-primary-action.size-lg{min-height:var(--touch-target-large);min-width:var(--touch-target-large);padding:1rem 2rem}.mobile-primary-action:hover{background-color:var(--button-bg-hover,#8957ff)}.mobile-primary-action:focus{outline:2px solid #bb8aff;outline-offset:2px}.mobile-primary-action{width:100%;min-height:var(--touch-target-large);font-size:1.125rem;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.15)}.mobile-nav-button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--touch-response-fast) ease-out,background-color var(--touch-response-normal) ease-out,box-shadow var(--touch-response-normal) ease-out}.mobile-nav-button:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.mobile-nav-button{transition:none}}.mobile-nav-button{padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;background-color:var(--button-bg,#a270ff);color:var(--button-text,#fff);border:2px solid var(--button-border,transparent)}.mobile-nav-button.size-sm{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.75rem 1rem}.mobile-nav-button.size-md{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:.875rem 1.5rem}.mobile-nav-button.size-lg{min-height:var(--touch-target-large);min-width:var(--touch-target-large);padding:1rem 2rem}.mobile-nav-button:hover{background-color:var(--button-bg-hover,#8957ff)}.mobile-nav-button:focus{outline:2px solid #bb8aff;outline-offset:2px}.mobile-nav-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:.75rem;background-color:transparent;color:#374151;border:1px solid #d1d5db}.mobile-nav-button:hover{background-color:#f3f4f6;color:#111827}.thumb-zone{position:fixed;bottom:var(--safe-area-bottom);left:var(--safe-area-left);right:var(--safe-area-right);padding:var(--thumb-zone-spacing);z-index:50}.thumb-zone-content{padding-bottom:calc(var(--touch-target-large) + var(--thumb-zone-spacing) * 2 + var(--safe-area-bottom))}.mobile-input{min-height:var(--touch-target-min);min-width:var(--touch-target-min);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem;padding:.875rem 1rem;border:2px solid #d1d5db;border-radius:.75rem;font-size:max(1rem,16px)}.mobile-input:focus{border-color:#bb8aff;outline:2px solid #e7d1ff;outline-offset:-2px}.mobile-textarea{min-height:var(--touch-target-min);min-width:var(--touch-target-min);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem;padding:.875rem 1rem;border:2px solid #d1d5db;border-radius:.75rem;font-size:max(1rem,16px)}.mobile-textarea:focus{border-color:#bb8aff;outline:2px solid #e7d1ff;outline-offset:-2px}@media (prefers-color-scheme:dark){.mobile-textarea{background:#1f2937;border-color:#4b5563;color:#f3f4f6}}.mobile-textarea{min-height:120px;resize:vertical;line-height:1.5}.mobile-card{touch-action:manipulation;transition:transform var(--touch-response-fast) ease-out,background-color var(--touch-response-normal) ease-out,box-shadow var(--touch-response-normal) ease-out}.mobile-card:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.mobile-card{transition:none}}.mobile-card{padding:1.5rem;margin:1rem 0;background:#fff;border-radius:1rem;border:2px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.08)}.mobile-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.12)}.mobile-selection-card{min-height:var(--touch-target-min);min-width:var(--touch-target-min);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;transition:transform var(--touch-response-fast) ease-out,background-color var(--touch-response-normal) ease-out,box-shadow var(--touch-response-normal) ease-out}.mobile-selection-card:active{transform:scale(.95)}.mobile-selection-card{padding:1.5rem;margin:1rem 0;background:#fff;border-radius:1rem;border:2px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.08)}.mobile-selection-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.12)}@media (prefers-reduced-motion:reduce){.mobile-selection-card{transition:none}}@media (prefers-color-scheme:dark){.mobile-selection-card{background:#1f2937;border-color:#374151}}.mobile-selection-card{cursor:pointer;transition:all var(--touch-response-normal) ease-out}.mobile-selection-card.selected{border-color:#bb8aff;background-color:#f9f4ff}.mobile-selection-card:active{transform:scale(.98)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;padding-bottom:var(--safe-area-bottom);background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e5e7eb;z-index:100}.mobile-nav-item{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);touch-action:manipulation;transition:transform var(--touch-response-fast) ease-out,background-color var(--touch-response-normal) ease-out,box-shadow var(--touch-response-normal) ease-out}.mobile-nav-item:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.mobile-nav-item{transition:none}}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;color:#4b5563;background:none;border:none;padding:.5rem;gap:.25rem}.mobile-nav-item.active{color:#a270ff}.mobile-nav-item:hover{background-color:#f9fafb}.mobile-fab{position:fixed;bottom:calc(var(--safe-area-bottom) + 1rem);right:calc(var(--safe-area-right) + 1rem);width:var(--touch-target-large);height:var(--touch-target-large);border-radius:50%;background-color:#a270ff;color:#fff;border:none;box-shadow:0 4px 16px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;touch-action:manipulation;transition:transform var(--touch-response-fast) ease-out,box-shadow var(--touch-response-normal) ease-out;z-index:60}.mobile-fab:hover{background-color:#8957ff;box-shadow:0 6px 20px rgba(0,0,0,.25)}.mobile-fab:active{transform:scale(.9)}.mobile-heading-1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.2;font-weight:700;margin-bottom:1rem}.mobile-heading-2{font-size:clamp(1.5rem,4vw,2rem);line-height:1.3;font-weight:600;margin-bottom:.75rem}.mobile-body{font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.6}.mobile-container{padding-left:max(var(--mobile-padding-md),var(--safe-area-left));padding-right:max(var(--mobile-padding-md),var(--safe-area-right));padding-top:max(var(--mobile-padding-md),var(--safe-area-top))}.mobile-section{margin-bottom:2rem}.mobile-section:last-child{margin-bottom:calc(4rem + var(--safe-area-bottom))}.swipe-hint{position:relative;overflow:hidden}.swipe-hint:after{content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:0;height:0;border-left:8px solid #9ca3af;border-top:6px solid transparent;border-bottom:6px solid transparent;opacity:.6}@keyframes mobile-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mobile-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mobile-slide-up{animation:mobile-slide-up .3s ease-out}.mobile-fade-in{animation:mobile-fade-in .2s ease-out}@media (prefers-reduced-motion:reduce){.mobile-card,.mobile-fab,.touch-enhanced{transition:none}.mobile-fade-in,.mobile-slide-up{animation:none}}@media (prefers-color-scheme:dark){.mobile-card{background:#1f2937;border-color:#374151}.mobile-nav{background:rgba(31,41,55,.95);border-color:#374151}.mobile-input{background:#1f2937;border-color:#4b5563;color:#f3f4f6}}