:root{--color-primary:#4A90E2;--color-secondary:#357ABD;--color-accent:#6FB1E4;--color-black:#2C3E50;--color-light-gray:#F5F9FF;--color-white:#FFFFFF;--color-gray:#95A5A6;--color-medium-gray:#E8F0FE;--color-success:#2ECC71;--color-warning:#F1C40F;--color-error:#E74C3C;--max-width:480px;--border-radius:12px;--box-shadow:0 2px 4px rgba(74,144,226,0.1);--transition-speed:0.3s;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro","Helvetica Neue",Helvetica,Arial,sans-serif;--font-size-base:16px;--line-height-base:1.5;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--foreground-rgb:0,0,0;--background-start-rgb:214,236,251;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#4A90E233 0deg,#357ABD33 55deg,#6FB1E433 120deg,#4A90E233 160deg,transparent 360deg);--secondary-glow:radial-gradient(rgba(255,255,255,1),rgba(255,255,255,0));--tile-start-rgb:245,249,255;--tile-end-rgb:240,245,255;--tile-border:conic-gradient(#4A90E280,#4A90E240,#4A90E230,#4A90E220,#4A90E210,#4A90E210,#4A90E280);--callout-rgb:240,245,255;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace}@media (prefers-color-scheme:dark){:root{--foreground-rgb:var(--color-white);--background-start-rgb:var(--color-black);--background-end-rgb:var(--color-secondary);--box-shadow:0 2px 4px rgba(0,0,0,0.2)}}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,html{max-width:100vw;overflow-x:hidden;height:100%;width:100%;position:fixed;overscroll-behavior-y:none;touch-action:pan-y}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro,Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-gray{color:var(--color-gray)}.text-white{color:var(--color-white)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-light{background-color:var(--color-light-gray)}.bg-white{background-color:var(--color-white)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);border:none;cursor:pointer;transition:all var(--transition-speed) ease;font-weight:500}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-accent{background-color:var(--color-accent);color:var(--color-white)}.card{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-md);transition:transform var(--transition-speed) ease}.card:hover{transform:translateY(-2px)}@media (max-width:768px){:root{--font-size-base:14px}.container{padding:0 var(--spacing-sm)}}@media (max-width:480px){:root{--font-size-base:13px}.container{padding:0 var(--spacing-xs)}}#__next{height:100%;overflow:hidden;position:fixed;width:100%}.scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;height:100%;position:relative;overscroll-behavior-y:none}::-webkit-scrollbar{display:none}.selectable,input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}button,input,textarea{-webkit-tap-highlight-color:transparent}*{touch-action:pan-y}