@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-primary:#6C5CE7;--color-primary-light:#A29BFE;--color-primary-dark:#4A3DB5;--color-primary-glow:rgba(108,92,231,0.12);--color-accent-coral:#FF6B6B;--color-accent-yellow:#FECA57;--color-accent-teal:#00CEC9;--color-accent-pink:#FD79A8;--color-accent-green:#55EFC4;--color-bg:#F2F2F7;--color-bg-card:#FFFFFF;--color-bg-elevated:rgba(255,255,255,0.95);--color-text:#1C1C1E;--color-text-secondary:#8E8E93;--color-text-muted:#AEAEB2;--color-border:#E5E5EA;--color-separator:#C6C6C8;--gradient-primary:linear-gradient(135deg,#6C5CE7,#A29BFE);--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 2px 8px rgba(0,0,0,0.08);--shadow-lg:0 4px 16px rgba(0,0,0,0.1);--shadow-card:0 1px 4px rgba(0,0,0,0.06);--font-body:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--tab-bar-height:56px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{color:var(--color-text);background-color:var(--color-bg);line-height:1.5;overflow-x:hidden;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;padding-top:var(--safe-top);padding-bottom:calc(var(--tab-bar-height) + var(--safe-bottom))}body,h1,h2,h3,h4,h5,h6{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em}a{color:var(--color-primary);text-decoration:none}img{max-width:100%;height:auto;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container{width:100%;padding:0 var(--space-md)}.page-title{font-size:34px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-xs);color:var(--color-text)}.page-subtitle{font-size:15px;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 24px;font-family:var(--font-body);font-weight:600;font-size:17px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;min-height:50px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background:var(--color-primary);color:white}.btn-secondary{background:var(--color-primary-glow);color:var(--color-primary)}.btn-large{width:100%;padding:16px 24px;font-size:17px;border-radius:var(--radius-md)}@media (hover:hover){.btn-primary:hover{opacity:.9}.btn-secondary:hover{background:rgba(108,92,231,.15)}}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card:active{transform:scale(.98);transition:transform .1s ease}.section-group{background:var(--color-bg-card);border-radius:var(--radius-lg);margin:0 var(--space-md) var(--space-md);overflow:hidden}.list-row{display:flex;align-items:center;padding:12px var(--space-md);border-bottom:.5px solid var(--color-border)}.list-row:last-child{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .6s linear infinite}@media (min-width:768px){body:not(.is-native) main{max-width:900px;margin:80px auto 40px;padding:var(--space-2xl)!important;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.08);border:1px solid var(--color-border);background:var(--color-bg-card);min-height:calc(100vh - 120px)!important;overflow:hidden}body:not(.is-native) .btn{cursor:pointer;transition:all .2s ease}body:not(.is-native) .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}