.app-container{z-index:1;opacity:1;max-width:480px;min-height:100dvh;margin:0 auto;transition:opacity .3s,transform .3s;position:relative}.header{padding:calc(var(--space-md) + var(--safe-area-top)) calc(var(--space-lg) + var(--safe-area-right)) var(--space-md) calc(var(--space-lg) + var(--safe-area-left));min-height:calc(56px + var(--safe-area-top));z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-title{font-size:var(--font-size-lg);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-right:var(--space-md);align-items:center;gap:var(--space-sm);flex:1;font-weight:700;display:flex;overflow:hidden}.header-icon{justify-content:center;align-items:center;display:flex}.header-icon svg{width:var(--font-size-xl);height:var(--font-size-xl);stroke:var(--accent);stroke-width:2.2px}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.header-actions svg.lucide{width:var(--font-size-xl);height:var(--font-size-xl)}.page{padding:var(--space-lg)}.page-centered{min-height:100dvh;padding:var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-1{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.stack{gap:var(--space-md);flex-direction:column;display:flex}.stack-sm{gap:var(--space-sm)}.stack-lg{gap:var(--space-lg)}.stack-xl{gap:var(--space-xl)}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-gap-sm{gap:var(--space-sm)}.back-row{margin-bottom:0}.back-btn{color:var(--accent);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);font-weight:600;font-family:var(--font-family);transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;align-items:center;gap:8px;padding:10px 18px;display:inline-flex;position:relative;overflow:hidden}.back-btn svg{width:16px;height:16px;stroke:var(--accent);transition:transform var(--transition-fast)}.back-btn:hover{background:var(--accent-light);border-color:var(--accent)}.back-btn:hover svg{transform:translate(-3px)}.back-btn:active{transform:scale(.97)}@media (width<=520px){.app-container{max-width:100%}.page{padding:var(--space-md)}.header{padding:calc(var(--space-sm) + var(--safe-area-top)) calc(var(--space-md) + var(--safe-area-right)) var(--space-sm) calc(var(--space-md) + var(--safe-area-left))}}@media (width>=768px){.app-container{background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-2xl);max-width:720px;box-shadow:0 0 0 1px var(--border-color), var(--shadow-xl), 0 0 80px -20px var(--glow-1);-webkit-backdrop-filter:blur(24px);overflow:hidden}.header{border-bottom:1px solid var(--bg-glass-border);padding:var(--space-lg) var(--space-xl);background:0 0}.header-title{font-size:var(--font-size-xl)}.page{padding:var(--space-xl) var(--space-2xl)}.page-centered{padding:var(--space-2xl)}.stack-lg{gap:var(--space-xl)}.grid-2{gap:var(--space-lg)}}